Chakra UI İkonu
Web ve baskı için yüksek kaliteli şeffaf Chakra UI PNG dosyası.
Geliştiriciler için optimize edilmiş Chakra UI SVG vektör kodu.
Kullanıma hazır Chakra UI React ikon bileşeni.
Chakra UI İkonu Nasıl Kullanılır
Chakra UI ikonunu satır içi SVG, React kodu, HTML gömme veya CSS mask olarak kopyalayın.
Satır İçi SVG
Chakra UI SVG'sini doğrudan HTML veya JSX içine yapıştırın.
React Bileşeni
Chakra UI ikonunu tip tanımlı bir React ikon bileşeni olarak kullanın.
import React from 'react';
export const ChakraUIIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Gömme
Atıfta bulunarak barındırılan bir Chakra UI ikon URL'si kullanın.
CSS Mask
Chakra UI ikonunu renklendirilebilir bir CSS mask ikonu olarak kullanın.
.chakraui-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #1bb2a9;
mask: url("https://www.aiuidesigner.com/icons/chakraui.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/chakraui.svg") center / contain no-repeat;
}Chakra UI İkon Detayları
Marka rengi
Kategori
Geliştirme
Formatlar
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
SVG dosyası
554 B · 1 yol
Lisans
Marka kılavuzlarını kontrol edin
Kaynak
github.comChakra UI İkonu Hakkında
Chakra UI ikonu, burada SVG formatında bir marka ikonu varlığı olarak sunulmaktadır. Geliştirme kategorisinde yer alır ve #1BB2A9 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.
Chakra 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.
Chakra UI İkonu Sıkça Sorulan Sorular
AI İkon Oluşturucuyu Deneyin
Tamamen benzersiz bir ikona mı ihtiyacınız var? Saniyeler içinde özel, profesyonel ikonlar oluşturmak için yapay zeka destekli SVG Oluşturucumuzu kullanın.
AI İkon Oluşturucuyu Deneyin