ไอคอน Safari
ไฟล์ PNG โปร่งใสคุณภาพสูงของ Safari สำหรับเว็บและงานพิมพ์
โค้ดเวกเตอร์ SVG ของ Safari ที่ปรับแต่งมาเพื่อนักพัฒนา
React icon component ของ Safari ที่พร้อมใช้งานทันที
Use Safari in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
วิธีใช้งานไอคอน Safari
คัดลอกไอคอน Safari ในรูปแบบ inline SVG, โค้ด React, การฝัง HTML หรือ CSS mask
Inline SVG
วาง SVG ของ Safari ลงใน HTML หรือ JSX ได้โดยตรง
React Component
ใช้งาน Safari ในรูปแบบ typed React icon component
import React from 'react';
export const SafariIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
ใช้งาน URL ไอคอน Safari ที่โฮสต์ไว้พร้อมการระบุที่มา
CSS Mask
ใช้งาน Safari เป็นไอคอน CSS mask ที่สามารถเปลี่ยนสีได้
.safari-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #000000;
mask: url("https://www.aiuidesigner.com/icons/safari.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/safari.svg") center / contain no-repeat;
}รายละเอียดไอคอน Safari
สีประจำแบรนด์
หมวดหมู่
เบราว์เซอร์
รูปแบบ
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
ไฟล์ SVG
11.6 KB · 1 เส้นทาง (path)
สัญญาอนุญาต
ตรวจสอบคำแนะนำการใช้แบรนด์
ที่มา
apps.apple.comเกี่ยวกับไอคอน Safari
icons.aboutParagraph1
โปรดตรวจสอบลิงก์ที่มาและแนวทางปฏิบัติของแบรนด์ในหน้านี้ เพื่อยืนยันกฎการใช้เครื่องหมายการค้าในปัจจุบัน ก่อนนำโลโก้ Safari ไปใช้ในโปรเจกต์เชิงพาณิชย์, เอกสาร, UI mockup หรือหน้าการตลาด
คำถามที่พบบ่อยเกี่ยวกับไอคอน Safari
Design a UI with the Safari icon
Generate a complete page that already uses this icon, color, and brand context.