Icona Tailwind CSS
PNG trasparente di alta qualità di Tailwind CSS per web e stampa.
Codice vettoriale SVG di Tailwind CSS ottimizzato per sviluppatori.
Componente icona React Tailwind CSS pronto all'uso.
Use Tailwind CSS in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Come usare l'icona Tailwind CSS
Copia l'icona Tailwind CSS come SVG inline, codice React, incorporamento HTML o maschera CSS.
SVG Inline
Incolla l'SVG di Tailwind CSS direttamente in HTML o JSX.
Componente React
Usa Tailwind CSS come componente icona React tipizzato.
import React from 'react';
export const TailwindCSSIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Incorporamento HTML
Usa un URL ospitato dell'icona Tailwind CSS con attribuzione.
Maschera CSS
Usa Tailwind CSS come icona maschera CSS colorabile.
.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;
}Dettagli icona Tailwind CSS
Colore del brand
Categoria
Sviluppo
Formati
SVG, PNG, React, HTML, maschera CSS
SVG viewBox
0 0 24 24
File SVG
602 B · 1 percorso
Licenza
Controlla le linee guida del brand
Sorgente
tailwindcss.comLinee guida del brand
tailwindcss.comInformazioni sull'icona Tailwind CSS
L<strong class="highlight">icona {name}</strong> è disponibile qui come risorsa del brand in formato SVG. È classificata sotto <strong class="highlight">{category}</strong> e utilizza il colore del brand <code class="highlight">{hex}</code>. Puoi scaricarla come PNG trasparente, copiare lSVG inline, copiare un componente React o incorporarla tramite HTML.
Utilizza i link alla sorgente e alle linee guida del brand in questa pagina per verificare le regole attuali di utilizzo del marchio prima di usare il logo Tailwind CSS in progetti commerciali, documentazione, mockup di interfacce utente o pagine di marketing.
Tailwind CSS Icon Frequently Asked Questions
Design a UI with the Tailwind CSS icon
Generate a complete page that already uses this icon, color, and brand context.