Radix UI İkonu
Web ve baskı için yüksek kaliteli şeffaf Radix UI PNG dosyası.
Geliştiriciler için optimize edilmiş Radix UI SVG vektör kodu.
Kullanıma hazır Radix UI React ikon bileşeni.
Use Radix UI in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Radix UI İkonu Nasıl Kullanılır
Radix UI ikonunu satır içi SVG, React kodu, HTML gömme veya CSS mask olarak kopyalayın.
Satır İçi SVG
Radix UI SVG'sini doğrudan HTML veya JSX içine yapıştırın.
React Bileşeni
Radix UI ikonunu tip tanımlı bir React ikon bileşeni olarak kullanın.
import React from 'react';
export const RadixUIIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Gömme
Atıfta bulunarak barındırılan bir Radix UI ikon URL'si kullanın.
CSS Mask
Radix UI ikonunu renklendirilebilir bir CSS mask ikonu olarak kullanın.
.radixui-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #161618;
mask: url("https://www.aiuidesigner.com/icons/radixui.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/radixui.svg") center / contain no-repeat;
}Radix UI İkon Detayları
Marka rengi
Kategori
Tasarım
Formatlar
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
SVG dosyası
256 B · 1 yol
Lisans
Marka kılavuzlarını kontrol edin
Kaynak
radix-ui.comRadix UI İkonu Hakkında
Radix UI ikonu, burada SVG formatında bir marka ikonu varlığı olarak sunulmaktadır. Tasarım kategorisinde yer alır ve #161618 marka rengini kullanır. Şeffaf PNG olarak indirebilir, satır içi SVG'yi kopyalayabilir, bir React bileşeni olarak alabilir veya HTML ile gömebilirsiniz.
Radix UI logosunu ticari projelerde, dokümantasyonlarda, UI taslaklarında veya pazarlama sayfalarında kullanmadan önce, güncel ticari marka kullanım kurallarını doğrulamak için bu sayfadaki kaynak ve marka kılavuzu bağlantılarını kullanın.
Radix UI İkonu Sıkça Sorulan Sorular
Design a UI with the Radix UI icon
Generate a complete page that already uses this icon, color, and brand context.