SVG tĩnh

kubai-icons-static cung cấp mỗi biểu tượng dưới dạng một tệp SVG độc lập. Màu được ghi sẵn trong tệp, nên không cần script hay stylesheet.

Cài đặt

bash

npm install kubai-icons-static

Tệp

svg/ chứa mọi biểu tượng ở màu xanh lam mặc định (#5393FF). svg-soft/ chứa mọi biểu tượng ở kiểu dịu, màu xanh xám.

Mỗi tệp có thêm lề cho bóng đổ. Để khớp với biểu tượng động hiển thị ở 24px, hãy hiển thị tệp ở 28px. Mỗi id trong tệp có chứa tên biểu tượng, nên có thể nhúng nhiều biểu tượng trong cùng một trang.

CDN

Dùng trực tiếp các tệp từ CDN:

html

<img src="https://cdn.jsdelivr.net/npm/kubai-icons-static@0/svg/folder.svg" width="28" height="28" alt="" />

Màu bất kỳ

Các tệp ở trên có hai màu. Với màu chủ đạo khác, hãy yêu cầu biểu tượng qua URL. Cách này cũng phù hợp với Agent và công cụ không thể cài gói.

html

<img src="https://icons.kubai.design/api/icon/folder.svg?color=EC4899" width="28" height="28" alt="" />

color: giá trị hex sáu chữ số, có hoặc không có #. Mặc định: 5393FF.
variant: color hoặc soft.
badge: semantic hoặc một giá trị hex, dành cho biểu tượng có huy hiệu.
size: chiều rộng và chiều cao tính bằng pixel, từ 16 đến 2048. Mặc định: 96.

Trên jsDelivr, URL có phiên bản chính xác được lưu đệm lâu dài. URL có phiên bản chính, như @0, được làm mới định kỳ và nhận các bản phát hành mới.

Màu tùy chỉnh

Trong trình duyệt biểu tượng, bạn có thể tải biểu tượng về dưới dạng SVG hoặc PNG với màu và kiểu đã chọn. Các tệp này dùng màu hex thuần, mà các công cụ thiết kế như Figma đọc đúng.

Siêu dữ liệu

icons.json liệt kê mọi biểu tượng cùng danh mục và thẻ, và với biểu tượng có huy hiệu thì kèm biểu tượng gốc và huy hiệu. categories.json liệt kê các danh mục.