정적 SVG

kubai-icons-static은 각 아이콘을 독립된 SVG 파일로 제공합니다. 색상이 파일에 포함되어 있으므로 스크립트나 스타일시트가 필요하지 않습니다.

설치

bash
npm install kubai-icons-static

파일

svg/에는 기본 파란색(#5393FF)의 모든 아이콘이, svg-soft/에는 청회색 소프트 스타일의 모든 아이콘이 있습니다.

각 파일에는 드롭 섀도를 위한 여백이 포함되어 있습니다. 24px로 표시한 애니메이션 아이콘과 크기를 맞추려면 파일을 28px로 표시하세요. 파일의 각 id에는 아이콘 이름이 들어 있으므로 한 페이지에 여러 아이콘을 인라인으로 넣을 수 있습니다.

CDN

CDN에서 파일을 직접 사용합니다.

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

모든 색상

위의 파일은 두 가지 색상으로 제공됩니다. 다른 강조 색상이 필요하면 URL로 아이콘을 요청하세요. 패키지를 설치할 수 없는 Agent나 도구에도 알맞은 방법입니다.

html
<img src="https://icons.kubai.design/api/icon/folder.svg?color=EC4899" width="28" height="28" alt="" />
  • color: #가 있거나 없는 6자리 16진수 값입니다. 기본값: 5393FF.
  • variant: color 또는 soft.
  • badge: 배지가 있는 아이콘에 사용하며, semantic 또는 16진수 값입니다.
  • size: 너비와 높이(픽셀)이며 16에서 2048까지입니다. 기본값: 96.

jsDelivr에서는 정확한 버전이 포함된 URL이 장기간 캐시됩니다. @0처럼 메이저 버전만 있는 URL은 주기적으로 갱신되어 새 릴리스를 반영합니다.

사용자 지정 색상

아이콘 탐색기에서는 원하는 색상과 스타일로 아이콘을 SVG나 PNG로 다운로드할 수 있습니다. 이 파일은 Figma 같은 디자인 도구가 올바르게 읽는 일반 16진수 색상을 사용합니다.

메타데이터

icons.json에는 모든 아이콘의 카테고리와 태그가 있고, 배지가 있는 아이콘은 기본 아이콘과 배지도 함께 있습니다. categories.json에는 카테고리 목록이 있습니다.

Kubai Icons는 무료로 사용할 수 있습니다 프로젝트 후원