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