Ikona daisyUI
Wysokiej jakości przezroczysty plik PNG daisyUI do sieci i druku.
Zoptymalizowany wektorowy kod SVG daisyUI dla programistów.
Gotowy do użycia komponent ikony React daisyUI.
Use daisyUI in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Jak używać ikony daisyUI
Skopiuj ikonę daisyUI jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.
Wbudowany SVG
Wklej SVG daisyUI bezpośrednio do HTML lub JSX.
Komponent React
Użyj daisyUI jako typowanego komponentu ikony React.
import React from 'react';
export const daisyUIIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Osadzanie HTML
Użyj hostowanego adresu URL ikony daisyUI z przypisaniem autorstwa.
Maska CSS
Użyj daisyUI jako ikony maski CSS, której można zmieniać kolor.
.daisyui-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #ffc63a;
mask: url("https://www.aiuidesigner.com/icons/daisyui.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/daisyui.svg") center / contain no-repeat;
}Szczegóły ikony daisyUI
Kolor marki
Kategoria
Programowanie
Formaty
SVG, PNG, React, HTML, maska CSS
SVG viewBox
0 0 24 24
Plik SVG
3.4 KB · 1 ścieżka
Licencja
Sprawdź wytyczne marki
Źródło
daisyui.comWytyczne marki
daisyui.comO ikonie daisyUI
icons.aboutParagraph1
Przed użyciem logo daisyUI 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 daisyUI - Najczęściej Zadawane Pytania
Design a UI with the daisyUI icon
Generate a complete page that already uses this icon, color, and brand context.