Ikona shadcn/ui
Wysokiej jakości przezroczysty plik PNG shadcn/ui do sieci i druku.
Zoptymalizowany wektorowy kod SVG shadcn/ui dla programistów.
Gotowy do użycia komponent ikony React shadcn/ui.
Jak używać ikony shadcn/ui
Skopiuj ikonę shadcn/ui jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.
Wbudowany SVG
Wklej SVG shadcn/ui bezpośrednio do HTML lub JSX.
Komponent React
Użyj shadcn/ui jako typowanego komponentu ikony React.
import React from 'react';
export const shadcnuiIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Osadzanie HTML
Użyj hostowanego adresu URL ikony shadcn/ui z przypisaniem autorstwa.
Maska CSS
Użyj shadcn/ui jako ikony maski CSS, której można zmieniać kolor.
.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;
}Szczegóły ikony shadcn/ui
Kolor marki
Kategoria
Programowanie
Formaty
SVG, PNG, React, HTML, maska CSS
SVG viewBox
0 0 24 24
Plik SVG
415 B · 1 ścieżka
Licencja
Sprawdź wytyczne marki
Źródło
ui.shadcn.comO ikonie shadcn/ui
icons.aboutParagraph1
Przed użyciem logo shadcn/ui w projektach komercyjnych, dokumentacji, makietach UI lub na stronach marketingowych, skorzystaj z linków do źródła i wytycznych marki na tej stronie, aby zweryfikować aktualne zasady użytkowania znaków towarowych.
Ikona shadcn/ui - Najczęściej Zadawane Pytania
Wypróbuj generator ikon AI
Potrzebujesz zupełnie unikalnej ikony? Użyj naszego generatora SVG opartego na sztucznej inteligencji, aby stworzyć niestandardowe, profesjonalne ikony w kilka sekund.
Wypróbuj generator ikon AI