Lucide 오픈소스 아이콘을 검색·미리보기·복사합니다. ISC 라이선스로 상업적 사용도 무료이며 저작권 표시 의무가 없습니다.

아이콘 라이브러리 사용법

  1. 검색창에 한글 또는 영어로 아이콘 이름을 입력합니다.
  2. 카테고리 탭(내비·액션·사용자 등)으로 빠르게 필터링합니다.
  3. 크기·색상·선 두께를 조정해 원하는 모양을 만듭니다.
  4. 아이콘을 클릭하면 SVG 코드 또는 JSX·PNG로 복사·다운로드됩니다.
  5. 웹사이트·앱·프레젠테이션에 붙여넣어 사용합니다.

주요 기능

  • Lucide 오픈소스 아이콘 80+종 큐레이션
  • 한글·영어 양방향 검색 (홈/home, 메뉴/menu 등)
  • 색상·크기·선 두께 실시간 커스터마이징
  • SVG / React JSX / PNG 3가지 포맷 복사·다운로드
  • ISC 라이선스 — 상업적 이용·수정·재배포 자유

활용 예시

  • 웹사이트 내비게이션·버튼에 일관된 아이콘 세트 적용
  • React·Vue·Svelte 컴포넌트에 JSX 붙여넣기
  • PowerPoint·Keynote 발표 자료 슬라이드 장식
  • 인포그래픽·포스터 디자인 요소
  • Figma·Adobe XD에 SVG 붙여넣어 편집

Lucide 아이콘이란?

Lucide는 Feather Icons를 포크해 확장한 오픈소스 아이콘 세트로, 24×24 viewBox에 2px 일관된 선 굵기, 둥근 끝처리가 특징입니다. 현재 1,500개 이상의 아이콘을 ISC 라이선스로 배포하며, 상업적 사용·수정·재배포 모두 자유입니다(저작권 표시 의무 없음). 본 도구는 가장 자주 쓰이는 80여 종을 큐레이션해 한글 검색과 커스터마이징을 제공합니다.

자주 묻는 질문

상업적으로 사용해도 되나요?

네. Lucide는 ISC 라이선스로 저작권 표시 없이도 상업·비상업 이용이 자유롭습니다. 다만 원본 프로젝트 기여를 원하시면 lucide.dev를 방문해 후원하실 수 있습니다.

SVG와 PNG 중 뭘 써야 하나요?

웹·앱에서는 SVG(벡터, 확대 시 깨지지 않음)가 표준입니다. 카톡 이미지 첨부·PowerPoint 등 래스터가 필요한 곳에서는 PNG를 사용하세요.

모든 Lucide 아이콘이 있나요?

아니요. 가장 많이 쓰이는 80여 종을 한글 검색과 함께 큐레이션했습니다. 전체 1,500+ 아이콘은 lucide.dev에서 다운로드할 수 있습니다.

React 프로젝트에서는 어떻게 쓰나요?

JSX 복사 버튼을 누르면 <svg className="...">...</svg> 형식으로 복사됩니다. 또는 npm i lucide-react 패키지를 설치해 <Home /> 컴포넌트로 사용하는 것이 더 편리합니다.