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