개발자 문서

76,166개 아이콘 카탈로그, JSON 검색 API, 의존성 없는 컴포넌트를 React, Next.js, Vue 3, Svelte, Tailwind CSS, PHP 프로젝트에 넣으세요.

1. JSON 검색과 패싯 API (GET /api/icons)

키워드, 라이브러리 폴더, 분류, 스타일, 라이선스로 거를 수 있습니다. 응답은 안전한 인라인 SVG, 추천, 일치하는 패싯과 함께 페이지로 나눈 아이콘을 돌려줍니다.

GET /api/icons?q=arrow&library=lucide&category=arrows&style=outline&license=ISC&page=1&limit=48&facets=1

2. 벡터 파일 직접 주소

# Folder-scoped SVG asset (all 15 active folders supported):
GET /icon-library-assets/{libraryId}/{slug}.svg

# Legacy flat slug endpoint:
GET /icon-assets/{slug}.svg

# Upstream SPDX license notice file:
GET /icon-library-notices/{libraryId}/LICENSE.txt

3. 의존성 없는 컴포넌트 패턴

import * as React from 'react';

export function NexusArrowRightIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 24 24"
      width="24"
      height="24"
      fill="none"
      stroke="currentColor"
      strokeWidth={2}
      strokeLinecap="round"
      strokeLinejoin="round"
      {...props}
    >
      <path d="M5 12h14" />
      <path d="m12 5 7 7-7 7" />
    </svg>
  );
}