shadcn/ui Icoon
Hoge kwaliteit shadcn/ui transparante PNG voor web & print.
Geoptimaliseerde shadcn/ui SVG-vectorcode voor ontwikkelaars.
Klaar voor gebruik shadcn/ui React-icooncomponent.
Hoe gebruik je het shadcn/ui Icoon
Kopieer het shadcn/ui icoon als inline SVG, React-code, HTML-embed of CSS-masker.
Inline SVG
Plak de shadcn/ui SVG direct in HTML of JSX.
React Component
Gebruik shadcn/ui als een getypeerd React-icooncomponent.
import React from 'react';
export const shadcnuiIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
Gebruik een gehoste shadcn/ui icoon-URL met bronvermelding.
CSS-masker
Gebruik shadcn/ui als een kleurbaar CSS-masker icoon.
.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;
}shadcn/ui Icoon Details
Merkkleur
Categorie
Ontwikkeling
Formaten
SVG, PNG, React, HTML, CSS-masker
SVG viewBox
0 0 24 24
SVG-bestand
415 B · 1 pad
Licentie
Raadpleeg de merkrichtlijnen
Bron
ui.shadcn.comOver het shadcn/ui Icoon
Het shadcn/ui icoon is hier beschikbaar als merkicoon in SVG-formaat. Het is gecategoriseerd onder Ontwikkeling en gebruikt de merkkleur #000000. Je kunt het downloaden als een transparante PNG, de inline SVG kopiëren, een React-component kopiëren of het embedden met HTML.
Gebruik de links naar de bron en merkrichtlijnen op deze pagina om de huidige regels voor handelsmerkgebruik te controleren voordat je het shadcn/ui logo gebruikt in commerciële projecten, documentatie, UI-mockups of marketingpagina's.
shadcn/ui Icoon Veelgestelde Vragen
Probeer AI Icon Generator
Een compleet uniek icoon nodig? Gebruik onze AI-aangedreven SVG Generator om in enkele seconden aangepaste, professionele iconen te maken.
Probeer AI Icon Generator