lucide-icons/lucide

어떤 프로젝트인가요?

핵심 기능

• 01일관된 스타일의 SVG 아이콘 1,600여 개
• 02React, Vue, Svelte, Solid, Preact, Angular, Astro용 공식 패키지
• 03일반 JavaScript 패키지 및 정적 SVG 배포판
• 04디자이너를 위한 Figma 플러그인
• 05ISC 라이선스에 따라 상업용 및 개인 용도로 무료 사용 가능

활용 사례

• React 또는 Vue 웹 앱에 일관된 아이콘 세트 추가
• 정적 사이트나 JavaScript를 사용하지 않는 프로젝트에 원본 SVG 아이콘 가져오기
• Figma에서 목업 및 프로토타입에 아이콘 배치

빠른 시작

1. 1

   Packages 표에서 프레임워크에 맞는 패키지(예: npm의 lucide-react)를 선택하세요

2. 2

   해당 패키지에 연결된 가이드에 따라 아이콘을 import하여 사용하세요

사용 전 알아둘 점

• !Lucide는 브랜드 로고를 허용하지 않으므로 기업이나 제품의 로고를 가져올 수 없습니다.
• !metadata의 license 필드에는 NOASSERTION이라고 표시되어 있지만, README에는 ISC License라고 명시되어 있습니다.

토픽

자주 묻는 질문

lucide은(는) 무엇인가요?

일관된 스타일의 SVG 아이콘 1,600여 개를 제공하는 오픈 소스 아이콘 라이브러리로, React, Vue, Svelte, Solid, Preact, Angular 등의 공식 패키지를 지원합니다. Lucide는 웹, 모바일 및 디자인 작업에 사용할 수 있는 벡터(SVG) 아이콘 1,600여 개를 제공하는 커뮤니티 관리형 아이콘 라이브러리입니다. Feather Icons의 포크이며, 전체 아이콘에 걸쳐 일관된 스트로크 스타일을 유지합니다.

lucide은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

lucide은(는) Other 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

lucide은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. lucide의 마지막 커밋은 2026년 10월 21일입니다.

lucide은(는) 어디에 사용할 수 있나요?

React 또는 Vue 웹 앱에 일관된 아이콘 세트 추가 정적 사이트나 JavaScript를 사용하지 않는 프로젝트에 원본 SVG 아이콘 가져오기 Figma에서 목업 및 프로토타입에 아이콘 배치

lucide는 어떻게 설치하나요?

Packages 표에서 프레임워크에 맞는 패키지(예: npm의 lucide-react)를 선택하세요 해당 패키지에 연결된 가이드에 따라 아이콘을 import하여 사용하세요

lucide은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/lucide-icons/lucide