macOS Icoon
Hoge kwaliteit macOS transparante PNG voor web & print.
Geoptimaliseerde macOS SVG-vectorcode voor ontwikkelaars.
Klaar voor gebruik macOS React-icooncomponent.
Use macOS in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Hoe gebruik je het macOS Icoon
Kopieer het macOS icoon als inline SVG, React-code, HTML-embed of CSS-masker.
Inline SVG
Plak de macOS SVG direct in HTML of JSX.
React Component
Gebruik macOS als een getypeerd React-icooncomponent.
import React from 'react';
export const macOSIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
Gebruik een gehoste macOS icoon-URL met bronvermelding.
CSS-masker
Gebruik macOS als een kleurbaar CSS-masker icoon.
.macos-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #000000;
mask: url("https://www.aiuidesigner.com/icons/macos.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/macos.svg") center / contain no-repeat;
}macOS Icoon Details
Merkkleur
Categorie
Merken
Formaten
SVG, PNG, React, HTML, CSS-masker
SVG viewBox
0 0 24 24
SVG-bestand
1.6 KB · 1 pad
Licentie
Raadpleeg de merkrichtlijnen
Over het macOS Icoon
Het macOS icoon is hier beschikbaar als merkicoon in SVG-formaat. Het is gecategoriseerd onder Merken en gebruikt de merkkleur #000000. 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 macOS logo gebruikt in commerciële projecten, documentatie, UI-mockups of marketingpagina's.
macOS Icoon Veelgestelde Vragen
Design a UI with the macOS icon
Generate a complete page that already uses this icon, color, and brand context.