AI UI Designer Logo
AI UI Designer

ไอคอน macOS

แบรนด์#000000

ไฟล์ PNG โปร่งใสคุณภาพสูงของ macOS สำหรับเว็บและงานพิมพ์

โค้ดเวกเตอร์ SVG ของ macOS ที่ปรับแต่งมาเพื่อนักพัฒนา

React icon component ของ macOS ที่พร้อมใช้งานทันที

วิธีใช้งานไอคอน macOS

คัดลอกไอคอน macOS ในรูปแบบ inline SVG, โค้ด React, การฝัง HTML หรือ CSS mask

Inline SVG

วาง SVG ของ macOS ลงใน HTML หรือ JSX ได้โดยตรง

React Component

ใช้งาน macOS ในรูปแบบ typed React icon component

import React from 'react';

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

HTML Embed

ใช้งาน URL ไอคอน macOS ที่โฮสต์ไว้พร้อมการระบุที่มา

CSS Mask

ใช้งาน macOS เป็นไอคอน CSS mask ที่สามารถเปลี่ยนสีได้

.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

สีประจำแบรนด์

#000000

หมวดหมู่

แบรนด์

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

1.6 KB · 1 เส้นทาง (path)

สัญญาอนุญาต

ตรวจสอบคำแนะนำการใช้แบรนด์

ที่มา

commons.wikimedia.org

เกี่ยวกับไอคอน macOS

icons.aboutParagraph1

โปรดตรวจสอบลิงก์ที่มาและแนวทางปฏิบัติของแบรนด์ในหน้านี้ เพื่อยืนยันกฎการใช้เครื่องหมายการค้าในปัจจุบัน ก่อนนำโลโก้ macOS ไปใช้ในโปรเจกต์เชิงพาณิชย์, เอกสาร, UI mockup หรือหน้าการตลาด

แท็ก:macos

คำถามที่พบบ่อยเกี่ยวกับไอคอน macOS

ลองใช้ AI Icon Generator

ต้องการไอคอนที่ไม่เหมือนใครใช่ไหม? ใช้ SVG Generator ที่ขับเคลื่อนด้วย AI ของเราเพื่อสร้างไอคอนระดับมืออาชีพที่คุณกำหนดเองได้ในไม่กี่วินาที

ลองใช้ AI Icon Generator

macOS ไอคอนที่เกี่ยวข้อง