ห้องสมุดสไตล์ไอคอน
เลือกจากสไตล์ไอคอนที่ออกแบบโดยมืออาชีพ แต่ละสไตล์รักษาความสม่ำเสมอในทุกไอคอนที่สร้างขึ้นเพื่อระบบการออกแบบที่กลมกลืน
แบบเส้นขอบ
เส้นที่สะอาดตาพร้อมพื้นหลังโปร่งใส
แบบเติมสี
รูปร่างทึบที่ดูโดดเด่น
Duotone
ความลึกสองสีด้วยสีหลักและสีรอง
ไล่ระดับสี
การเปลี่ยนสีที่นุ่มนวลเพื่อสร้างมิติ
3D Isometric
ไอคอนที่มีมิติพร้อมมุมมองความลึก
สัญลักษณ์ (Glyph)
การนำเสนอด้วยสัญลักษณ์ที่เรียบง่ายที่สุด
ดูตัวอย่างขนาด
ค่ากำหนดขนาด
ส่งออกไอคอนในทุกขนาดที่จำเป็นสำหรับ App Store และแพลตฟอร์มต่างๆ คลิกเดียวสร้างชุดไอคอนที่สมบูรณ์สำหรับ iOS, Android, เว็บ และเดสก์ท็อป
Favicon
แท็บเบราว์เซอร์
แอป iOS
iPhone/iPad
Android
Adaptive icons
macOS
Dock & Finder
Windows
Tiles & taskbar
งานพิมพ์
เอาต์พุตความละเอียดสูง
ชุดไอคอนที่สอดคล้องกัน
สร้างตระกูลไอคอนทั้งหมดให้เข้ากันได้อย่างลงตัว AI ของเราช่วยให้น้ำหนักเส้น สัดส่วน และภาษาภาพมีความสม่ำเสมอในทุกไอคอน
หมวดหมู่ไอคอน
ทั้งหมด 249 รูปการนำทาง
45การดำเนินการ
62สื่อ
38การสื่อสาร
41การพาณิชย์
35โซเชียล
28เครื่องสร้างจำนวนมาก
สร้างไอคอนหลายรูปพร้อมกัน
ล็อคสไตล์: ไอคอนทั้งหมดในชุดจะได้รับลักษณะภาพเดียวกัน ทั้งน้ำหนักเส้น รัศมีส่วนโค้ง และสัดส่วนจะยังคงสม่ำเสมอ
รูปแบบการส่งออก
ส่งออกไอคอนของคุณในรูปแบบใดก็ได้ที่โปรเจกต์ของคุณต้องการ สร้างแพ็กเกจไอคอนทั้งหมดที่มีทุกขนาดและทุกรูปแบบในการดาวน์โหลดครั้งเดียว
SVG
.svgเวกเตอร์ที่ปรับขนาดได้ เหมาะสำหรับเว็บและแอป
- ปรับขนาดได้อย่างไม่จำกัด
- แก้ไขด้วยโค้ดได้
- ขนาดไฟล์เล็กที่สุด
PNG
.pngพื้นหลังโปร่งใสสำหรับทุกแพลตฟอร์ม
- รองรับทั่วไป
- โปร่งใส
- มีหลายขนาด
ICO
.icoรูปแบบไอคอน Windows สำหรับแอปเดสก์ท็อป
- ความละเอียดหลากหลาย
- รองรับ Windows ดั้งเดิม
- รองรับฟาวิคอน
JSON
.jsonDesign tokens สำหรับไลบรารีไอคอน
- ข้อมูลที่มีโครงสร้าง
- การรวมเข้ากับเฟรมเวิร์ก
- กระบวนการอัตโนมัติ
my-icon-set.zip
42 ไฟล์ • 156 KB📁 my-icon-set/
📁 svg/
icon-home.svg
icon-search.svg
... อีก 12 ไฟล์
📁 png/
📁 @1x/
📁 @2x/
📁 @3x/
📁 ico/
manifest.json
README.md
ตัวเลือกการส่งออก
การรวมเข้ากับนักพัฒนา
ใช้ไอคอนของคุณในเวิร์กโฟลว์ใดก็ได้ เรามีปลั๊กอิน แพ็กเกจ และ API เพื่อรวมเข้ากับเครื่องมือที่คุณมีอยู่ได้อย่างราบรื่น
ปลั๊กอิน Figma
สร้างไอคอนใน Figma โดยตรง ซิงค์สไตล์และส่งออกไปยังระบบการออกแบบของคุณ
React Components
นำเข้าเป็น React components พร้อมรองรับ TypeScript และ tree-shaking
import { IconHome } from '@moj/icons'การเข้าถึง API
REST API สำหรับการสร้างไอคอนโดยอัตโนมัติ เหมาะสำหรับการทำงานซ้ำๆ
POST /api/icons/generateปลั๊กอิน Sketch
การรวมเข้ากับ Sketch สำหรับนักออกแบบ ส่งออกไปยัง Symbol ได้โดยตรง
VS Code Extension
ค้นหาและใส่ไอคอนโดยตรงจาก VS Code รับโค้ด SVG ทันที
Web Components
Web components ที่ไม่ขึ้นกับเฟรมเวิร์ก ใช้งานได้ทุกที่ที่รองรับ HTML
<moj-icon name='home' />ติดตั้งไลบรารีไอคอนในโปรเจกต์ของคุณ:
Power-ups & Utilities
Free tools to supercharge your design workflow. No signup required.
Color Palette Generator
Generate harmonious color palettes from images
SVG Optimizer
Optimize and compress SVG files
Color Picker
Pick colors from images and convert formats
Gradient Maker
Create beautiful CSS gradients visually
Need more advanced features? Try our full AI-powered suite.
Explore Full PlatformQuby vs AI Competitors
See how we compare to other AI tools in the market.
| Feature | Quby | Iconify | Flaticon | Icons8 | Noun Project |
|---|---|---|---|---|---|
| 50+ auto-generated sizes | Yes | No | Partial | Partial | No |
| AI style consistency engine | Yes | No | No | No | No |
| SVG, PDF, EPS, AI export | Yes | Yes | Yes | Yes | Yes |
| App store compliance auto | Yes | No | No | No | No |
| Figma/React integration | Yes | Yes | Partial | Yes | Partial |
| AI icon generation | Yes | No | No | Yes | No |
| No subscription required | Yes | Yes | No | No | No |
| Custom text-to-icon | Yes | No | No | Partial | No |