Ikona Headless UI
Wysokiej jakości przezroczysty plik PNG Headless UI do sieci i druku.
Zoptymalizowany wektorowy kod SVG Headless UI dla programistów.
Gotowy do użycia komponent ikony React Headless UI.
Jak używać ikony Headless UI
Skopiuj ikonę Headless UI jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.
Wbudowany SVG
Wklej SVG Headless UI bezpośrednio do HTML lub JSX.
Komponent React
Użyj Headless UI jako typowanego komponentu ikony React.
import React from 'react';
export const HeadlessUIIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Osadzanie HTML
Użyj hostowanego adresu URL ikony Headless UI z przypisaniem autorstwa.
Maska CSS
Użyj Headless UI jako ikony maski CSS, której można zmieniać kolor.
.headlessui-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #66e3ff;
mask: url("https://www.aiuidesigner.com/icons/headlessui.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/headlessui.svg") center / contain no-repeat;
}Szczegóły ikony Headless UI
Kolor marki
Kategoria
Design
Formaty
SVG, PNG, React, HTML, maska CSS
SVG viewBox
0 0 24 24
Plik SVG
1.4 KB · 1 ścieżka
Licencja
Sprawdź wytyczne marki
Źródło
headlessui.devO ikonie Headless UI
icons.aboutParagraph1
Przed użyciem logo Headless 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 Headless 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