Documentation
ขอต้อนรับสู่ Icon SiamBase v2.0 ระบบ Icon CDN ที่พัฒนาขึ้นเพื่อความรวดเร็วและสะดวกสบายสำหรับนักพัฒนาทุกคน
What's New in v2.0
Simple Class System
เรียกใช้งานง่ายเพียงคลาสเดียว
High Performance
โหลดเร็วผ่าน Edge Network ทั่วโลก
Quick Start (CDN)
เพียงเพิ่มโค้ดด้านล่างนี้ลงในส่วน head ของเว็บไซต์คุณ
# CSS Classes Implementation
เรียกใช้ไอคอนด้วยชื่อ Class ที่จำง่าย เหมาะสำหรับโปรเจกต์ทุกรูปแบบ
Basic Usage:
Styling with Tailwind:
Dual-Layer Color System
● หากไม่กำหนดสี: แสดงสีต้นฉบับ (Original Color)
● หากกำหนดสี: เปลี่ยนเป็นสีเดียว (Monochrome) ตามสีที่เลือกทันที
# Web Component SDK
ใช้งานผ่าน Tag sb-icon เพื่อการปรับแต่งที่ยืดหยุ่น
color ทิ้งไว้ด้วยเสมอ# Advanced Features
Animations
Animation Speed
ปรับแต่งความเร็วของแอนิเมชั่นได้ง่ายๆ ผ่าน CSS Variable:
Icon Lists
- ใช้งานฟรีตลอดไป
- ความเร็วระดับ CDN
# Direct API
ดึงไอคอนผ่าน Image Tag ได้ทันที เหมาะสำหรับโปรเจกต์ที่เน้นความเบาและไม่ใช้ JavaScript
Cloudflare Workers Handler (Color Support):
ตัวอย่างโค้ดฝั่ง Backend (Node.js / Workers) เพื่อประมวลผลและเปลี่ยนสี SVG
Fetch Example:
# Sizing & Scale
ปรับขนาดไอคอนได้ง่ายๆ ด้วยคุณสมบัติ font-size ใน CSS