Icona shadcn/ui
PNG trasparente di alta qualità di shadcn/ui per web e stampa.
Codice vettoriale SVG di shadcn/ui ottimizzato per sviluppatori.
Componente icona React shadcn/ui pronto all'uso.
Come usare l'icona shadcn/ui
Copia l'icona shadcn/ui come SVG inline, codice React, incorporamento HTML o maschera CSS.
SVG Inline
Incolla l'SVG di shadcn/ui direttamente in HTML o JSX.
Componente React
Usa shadcn/ui come componente icona React tipizzato.
import React from 'react';
export const shadcnuiIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Incorporamento HTML
Usa un URL ospitato dell'icona shadcn/ui con attribuzione.
Maschera CSS
Usa shadcn/ui come icona maschera CSS colorabile.
.shadcnui-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #000000;
mask: url("https://www.aiuidesigner.com/icons/shadcnui.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/shadcnui.svg") center / contain no-repeat;
}Dettagli icona shadcn/ui
Colore del brand
Categoria
Sviluppo
Formati
SVG, PNG, React, HTML, maschera CSS
SVG viewBox
0 0 24 24
File SVG
415 B · 1 percorso
Licenza
Controlla le linee guida del brand
Sorgente
ui.shadcn.comInformazioni sull'icona shadcn/ui
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 shadcn/ui in progetti commerciali, documentazione, mockup di interfacce utente o pagine di marketing.
shadcn/ui Icon Frequently Asked Questions
Prova il generatore di icone AI
Hai bisogno di un'icona completamente unica? Usa il nostro generatore SVG basato sull'intelligenza artificiale per creare icone personalizzate e professionali in pochi secondi.
Prova il generatore di icone AI