Tailwind CSS İkonu
Web ve baskı için yüksek kaliteli şeffaf Tailwind CSS PNG dosyası.
Geliştiriciler için optimize edilmiş Tailwind CSS SVG vektör kodu.
Kullanıma hazır Tailwind CSS React ikon bileşeni.
Use Tailwind CSS in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Tailwind CSS İkonu Nasıl Kullanılır
Tailwind CSS ikonunu satır içi SVG, React kodu, HTML gömme veya CSS mask olarak kopyalayın.
Satır İçi SVG
Tailwind CSS SVG'sini doğrudan HTML veya JSX içine yapıştırın.
React Bileşeni
Tailwind CSS ikonunu tip tanımlı bir React ikon bileşeni olarak kullanın.
import React from 'react';
export const TailwindCSSIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Gömme
Atıfta bulunarak barındırılan bir Tailwind CSS ikon URL'si kullanın.
CSS Mask
Tailwind CSS ikonunu renklendirilebilir bir CSS mask ikonu olarak kullanın.
.tailwindcss-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #06b6d4;
mask: url("https://www.aiuidesigner.com/icons/tailwindcss.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/tailwindcss.svg") center / contain no-repeat;
}Tailwind CSS İkon Detayları
Marka rengi
Kategori
Geliştirme
Formatlar
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
SVG dosyası
602 B · 1 yol
Lisans
Marka kılavuzlarını kontrol edin
Kaynak
tailwindcss.comMarka kılavuzları
tailwindcss.comTailwind CSS İkonu Hakkında
Tailwind CSS ikonu, burada SVG formatında bir marka ikonu varlığı olarak sunulmaktadır. Geliştirme kategorisinde yer alır ve #06B6D4 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.
Tailwind CSS 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.
Tailwind CSS İkonu Sıkça Sorulan Sorular
Design a UI with the Tailwind CSS icon
Generate a complete page that already uses this icon, color, and brand context.