Ubuntu Icoon
Hoge kwaliteit Ubuntu transparante PNG voor web & print.
Geoptimaliseerde Ubuntu SVG-vectorcode voor ontwikkelaars.
Klaar voor gebruik Ubuntu React-icooncomponent.
Use Ubuntu in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Hoe gebruik je het Ubuntu Icoon
Kopieer het Ubuntu icoon als inline SVG, React-code, HTML-embed of CSS-masker.
Inline SVG
Plak de Ubuntu SVG direct in HTML of JSX.
React Component
Gebruik Ubuntu als een getypeerd React-icooncomponent.
import React from 'react';
export const UbuntuIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
Gebruik een gehoste Ubuntu icoon-URL met bronvermelding.
CSS-masker
Gebruik Ubuntu als een kleurbaar CSS-masker icoon.
.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;
}Ubuntu Icoon Details
Merkkleur
Categorie
Infrastructuur
Formaten
SVG, PNG, React, HTML, CSS-masker
SVG viewBox
0 0 24 24
SVG-bestand
948 B · 1 pad
Licentie
Raadpleeg de merkrichtlijnen
Merkrichtlijnen
design.ubuntu.comOver het Ubuntu Icoon
Het Ubuntu icoon is hier beschikbaar als merkicoon in SVG-formaat. Het is gecategoriseerd onder Infrastructuur en gebruikt de merkkleur #E95420. Je kunt het downloaden als een transparante PNG, de inline SVG kopiëren, een React-component kopiëren of het embedden met HTML.
Gebruik de links naar de bron en merkrichtlijnen op deze pagina om de huidige regels voor handelsmerkgebruik te controleren voordat je het Ubuntu logo gebruikt in commerciële projecten, documentatie, UI-mockups of marketingpagina's.
Ubuntu Icoon Veelgestelde Vragen
Design a UI with the Ubuntu icon
Generate a complete page that already uses this icon, color, and brand context.