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