AI UI Designer Logo
AI UI Designer

Ikon macOS

Merek#000000

PNG transparan macOS berkualitas tinggi untuk web & cetak.

Kode vektor SVG macOS yang dioptimalkan untuk pengembang.

Komponen ikon React macOS yang siap digunakan.

Use macOS in a generated UI

Turn this icon into a login page, dashboard, landing page, or integration screen.

Cara menggunakan Ikon macOS

Salin ikon macOS sebagai SVG inline, kode React, sematan HTML, atau CSS mask.

SVG Inline

Tempelkan SVG macOS langsung ke dalam HTML atau JSX.

Komponen React

Gunakan macOS sebagai komponen ikon React yang bertipe.

import React from 'react';

export const macOSIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

Sematkan HTML

Gunakan URL ikon macOS yang di-host dengan atribusi.

CSS Mask

Gunakan macOS sebagai ikon CSS mask yang warnanya bisa diubah.

.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;
}

Detail Ikon macOS

Warna merek

#000000

Kategori

Merek

Format

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

File SVG

1.6 KB · 1 path

Lisensi

Periksa panduan merek

Tentang Ikon macOS

icons.aboutParagraph1

Gunakan tautan sumber dan panduan merek di halaman ini untuk memverifikasi aturan penggunaan merek dagang saat ini sebelum menggunakan logo macOS dalam proyek komersial, dokumentasi, mockup UI, atau halaman pemasaran.

Tag:macos

macOS Ikon Pertanyaan yang Sering Diajukan

Design a UI with the macOS icon

Generate a complete page that already uses this icon, color, and brand context.

macOS Ikon Terkait