ไอคอน shadcn/ui
ไฟล์ PNG โปร่งใสคุณภาพสูงของ shadcn/ui สำหรับเว็บและงานพิมพ์
โค้ดเวกเตอร์ SVG ของ shadcn/ui ที่ปรับแต่งมาเพื่อนักพัฒนา
React icon component ของ shadcn/ui ที่พร้อมใช้งานทันที
วิธีใช้งานไอคอน shadcn/ui
คัดลอกไอคอน shadcn/ui ในรูปแบบ inline SVG, โค้ด React, การฝัง HTML หรือ CSS mask
Inline SVG
วาง SVG ของ shadcn/ui ลงใน HTML หรือ JSX ได้โดยตรง
React Component
ใช้งาน shadcn/ui ในรูปแบบ typed React icon component
import React from 'react';
export const shadcnuiIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
ใช้งาน URL ไอคอน shadcn/ui ที่โฮสต์ไว้พร้อมการระบุที่มา
CSS Mask
ใช้งาน shadcn/ui เป็นไอคอน CSS mask ที่สามารถเปลี่ยนสีได้
.shadcnui-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #000000;
mask: url("https://www.aiuidesigner.com/icons/shadcnui.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/shadcnui.svg") center / contain no-repeat;
}รายละเอียดไอคอน shadcn/ui
สีประจำแบรนด์
หมวดหมู่
การพัฒนา
รูปแบบ
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
ไฟล์ SVG
415 B · 1 เส้นทาง (path)
สัญญาอนุญาต
ตรวจสอบคำแนะนำการใช้แบรนด์
ที่มา
ui.shadcn.comเกี่ยวกับไอคอน shadcn/ui
icons.aboutParagraph1
โปรดตรวจสอบลิงก์ที่มาและแนวทางปฏิบัติของแบรนด์ในหน้านี้ เพื่อยืนยันกฎการใช้เครื่องหมายการค้าในปัจจุบัน ก่อนนำโลโก้ shadcn/ui ไปใช้ในโปรเจกต์เชิงพาณิชย์, เอกสาร, UI mockup หรือหน้าการตลาด
คำถามที่พบบ่อยเกี่ยวกับไอคอน shadcn/ui
ลองใช้ AI Icon Generator
ต้องการไอคอนที่ไม่เหมือนใครใช่ไหม? ใช้ SVG Generator ที่ขับเคลื่อนด้วย AI ของเราเพื่อสร้างไอคอนระดับมืออาชีพที่คุณกำหนดเองได้ในไม่กี่วินาที
ลองใช้ AI Icon Generator