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