React + Vue 라이브러리
웹사이트에서 직접 필요한 아이콘을 가져오는 것 외에도, 이제 공식 React와 Vue 라이브러리를 설치하여 각 아이콘을 전용 컴포넌트로 쉽고 빠르게 사용할 수 있습니다.
React 예제는 다음과 같습니다:
import { BeakerIcon } from "@heroicons/react/solid";function MyComponent() { return ( <div> <BeakerIcon className="h-5 w-5 text-blue-500" /> <p>...</p> </div> );}GitHub에서 문서 확인하기를 통해 더 자세히 알아보세요.
Figma Assets
우리는 새로운 Figma 커뮤니티 페이지에 공식 Heroicons Figma 파일을 게시했습니다!
이 파일에는 Heroicons의 모든 아이콘이 개별 Figma 컴포넌트로 포함되어 있어, 각 SVG를 수동으로 가져올 필요 없이 프로젝트에서 쉽게 사용할 수 있습니다.
바로 사용해보고 싶으신가요? Heroicons 웹사이트 방문 →