Ikon Tailwind CSS
PNG transparan Tailwind CSS berkualitas tinggi untuk web & cetak.
Kode vektor SVG Tailwind CSS yang dioptimalkan untuk pengembang.
Komponen ikon React Tailwind CSS yang siap digunakan.
Use Tailwind CSS in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Cara menggunakan Ikon Tailwind CSS
Salin ikon Tailwind CSS sebagai SVG inline, kode React, sematan HTML, atau CSS mask.
SVG Inline
Tempelkan SVG Tailwind CSS langsung ke dalam HTML atau JSX.
Komponen React
Gunakan Tailwind CSS sebagai komponen ikon React yang bertipe.
import React from 'react';
export const TailwindCSSIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Sematkan HTML
Gunakan URL ikon Tailwind CSS yang di-host dengan atribusi.
CSS Mask
Gunakan Tailwind CSS sebagai ikon CSS mask yang warnanya bisa diubah.
.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;
}Detail Ikon Tailwind CSS
Warna merek
Kategori
Pengembangan
Format
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
File SVG
602 B · 1 path
Lisensi
Periksa panduan merek
Sumber
tailwindcss.comPanduan merek
tailwindcss.comTentang Ikon Tailwind CSS
icons.aboutParagraph1
Gunakan tautan sumber dan panduan merek di halaman ini untuk memverifikasi aturan penggunaan merek dagang saat ini sebelum menggunakan logo Tailwind CSS dalam proyek komersial, dokumentasi, mockup UI, atau halaman pemasaran.
Tailwind CSS Ikon Pertanyaan yang Sering Diajukan
Design a UI with the Tailwind CSS icon
Generate a complete page that already uses this icon, color, and brand context.