Lucide·Tabler·Heroicons는 가장 많이 쓰이는 오픈소스 아이콘 라이브러리 3종입니다 — 모두 무료, MIT/ISC 라이선스, SVG 기반입니다. 겹치는 부분이 많아서, 선택은 결국 스타일·아이콘 폭·선 두께를 얼마나 제어해야 하는가로 갈립니다.
Lucide
Feather Icons에서 갈라져 나온 커뮤니티 관리 라이브러리로, 일관된 24×24 그리드와 깔끔한 2px 선 위에 1,500개 이상의 아이콘을 제공합니다. 선 두께를 prop으로 조절할 수 있어 타이포그래피에 맞추기 좋습니다. 많은 React/Tailwind 스타터 킷의 기본값입니다.
- 적합: SaaS 대시보드, 관리자 패널, 개발자 도구.
- 스타일: 미니멀 외곽선, 매우 일관적.
- 선 두께: 완전 조절 가능.
Tabler
세 라이브러리 중 가장 폭넓은 세트 — 5,000개 이상 — 역시 24×24 그리드에 선 두께 조절이 가능합니다. 특정 브랜드, 파일 형식, 흔치 않은 사물 같은 니치한 아이콘이 필요하다면 Tabler에 있을 확률이 가장 높습니다.
- 적합: 폭넓은 커버리지와 브랜드/로고 글리프가 많이 필요한 대형 앱.
- 스타일: 외곽선 + 다수의 채움형 변형.
- 선 두께: 조절 가능.
Heroicons
Tailwind CSS 팀이 만들었습니다. 더 작고 정제된 세트로(약 300개, 각각 외곽선·솔리드 변형). 솔리드는 채움형(선 두께 제어 없음)이고, 24px 외곽선 세트는 고정 1.5px 선을 씁니다. Tailwind UI와 자연스럽게 어울립니다.
- 적합: Tailwind 프로젝트, 마케팅 사이트, 집중도 높은 UI.
- 스타일: 외곽선·솔리드 두 가지 의도된 변형.
- 선 두께: 고정(외곽선) / 해당 없음(솔리드).
빠른 선택 가이드
- 폭넓은 커버리지와 희귀 아이콘이 필요하다 → Tabler.
- 깔끔하고 조절 가능한 범용 세트를 원한다 → Lucide.
- 이미 Tailwind를 쓰고 정제된 매칭을 원한다 → Heroicons.
무턱대고 하나에 올인할 필요는 없습니다. Icony에는 이 3종(+ Phosphor, Bootstrap Icons, Radix)이 한곳에 있어 — 가로질러 검색하고, 같은 아이콘을 나란히 비교한 뒤, 커스터마이즈해 내보낼 수 있습니다.