디자인 에셋 · 30 개 도구

React·웹 아이콘 라이브러리

인터페이스 작업에 맞춰 고른 아이콘 세트입니다. 대부분 React 패키지로 제공되는 무료 SVG 라이브러리이며, 일부는 애니메이션이나 3D입니다. 나중에 아이콘 세트를 바꾸면 모든 화면에 영향을 주므로, 결정하기 전에 선 두께와 모서리 스타일을 사용하는 서체와 맞춰 확인하세요.

정렬

Lucide preview

Lucide아이콘Feather에서 포크되어 커뮤니티가 운영하며, 인터페이스용 수천 개의 글리프를 담은 오픈 아이콘 세트입니다.

phosphoricons.com

Phosphor preview

Phosphor아이콘인터페이스 디자인을 위해 일관된 여섯 가지 두께로 제공되는 유연한 아이콘 패밀리입니다.

Iconify preview

Iconify아이콘방대한 아이콘을 즉시 가져다 쓸 수 있게 해 주는 통합 프레임워크입니다.

Rune Icons preview

Rune Icons아이콘인터페이스를 위해 다섯 가지 스타일로 제공되는 미니멀한 아이콘 세트입니다.

Icon Museum아이콘돋보이는 모바일 앱 아이콘에 담긴 장인정신을 기리는 아카이브입니다.

Tabler Icons preview

Tabler Icons아이콘사용자 인터페이스 구축을 위한 수천 개의 아웃라인 스타일 아이콘 라이브러리입니다.

Heroicons preview

Heroicons아이콘Tailwind CSS 프레임워크를 만든 팀이 직접 제작한 SVG 아이콘입니다.

fonts.google.com

Material Symbols preview

Material Symbols아이콘인터페이스를 위해 세 가지 스타일을 선택할 수 있는 Google의 가변 아이콘 폰트입니다.

icons.getbootstrap.com

Bootstrap Icons preview

Bootstrap Icons아이콘Bootstrap 프레임워크와 짝을 이루도록 만들어진 공식 SVG 아이콘 라이브러리입니다.

Remix Icon아이콘아웃라인과 채움 두 가지 버전으로 제공되는 중립적인 디자인의 아이콘 라이브러리입니다.

Iconoir preview

Iconoir아이콘균일하고 일관된 선 두께로 그려진 오픈소스 SVG 아이콘 세트입니다.

Ionicons preview

Ionicons아이콘웹과 모바일 인터페이스 전반에서 쓰도록 디자인된 완성도 높은 아이콘 팩입니다.

simpleicons.org

Simple Icons preview

Simple Icons아이콘각각 SVG 형식으로 제공되는 3,000개 이상의 인기 브랜드 로고 모음입니다.

theSVG preview

theSVG아이콘SVG 형식으로 제공되는, 깔끔하고 바로 쓸 수 있는 엄선된 브랜드 로고 세트입니다.

feathericons.com

Feather preview

Feather아이콘모든 글리프를 24픽셀 그리드에 그린 미니멀한 오픈소스 아이콘 세트입니다.

carbondesignsystem.com

Carbon Icons preview

Carbon Icons아이콘엔터프라이즈급 제품 디자인을 위해 만들어진 IBM의 공식 아이콘 라이브러리입니다.

Boxicons preview

Boxicons아이콘세 가지 뚜렷한 스타일로 제작되어 제공되는 벡터 아이콘 세트입니다.

mx-icons.vercel.app

MX Icons preview

MX Icons아이콘React 컴포넌트로 패키징된 대규모의 커스터마이즈 가능한 아이콘 모음입니다.

akveo.github.io

Eva Icons preview

Eva Icons아이콘인터페이스를 위해 아웃라인과 채움 두 가지 스타일로 제공되는 400개 아이콘 팩입니다.

Devicon preview

Devicon아이콘널리 쓰이는 프로그래밍 언어와 개발자 도구를 아우르는 아이콘 세트입니다.

css.gg preview

css.gg아이콘SVG가 아닌 순수 CSS만으로 렌더링되는 700개의 가벼운 아이콘 세트입니다.

HugeIcons preview

HugeIcons아이콘스트로크와 솔리드 두 가지 스타일로 아이콘을 제공하는 폭넓은 아이콘 라이브러리입니다.

Reicon preview

Reicon아이콘두 가지 두께로 아이콘을 제공하는, 트리 셰이킹이 가능한 React 아이콘 라이브러리입니다.

Iconsax preview

Iconsax아이콘UI 작업을 위해 여섯 가지 스타일로 제공되는 다재다능한 아이콘 세트입니다.

icons0 preview

icons0아이콘20만 개가 넘는 아이콘 중에서 원하는 것을 찾아 주는 검색 엔진입니다.

heroicons-animated.com

Heroicons Animated preview

Heroicons Animated아이콘인터랙티브 UI를 위해 호버 시 재생되는 애니메이션을 더해 Heroicons를 새롭게 다듬은 아이콘 세트입니다.

Icons.download preview

Icons.download아이콘열여섯 가지 서로 다른 스타일 중에서 골라 쓸 수 있도록 엄선한 아이콘 라이브러리입니다.

lucide-animated.com

Lucide Animated preview

Lucide Animated아이콘생동감 있는 인터페이스를 위해 마이크로 애니메이션을 기본 탑재해 Lucide 아이콘 세트를 재구성한 것입니다.

iconfoundry.store

Icon Foundry아이콘다양한 아이콘 패밀리를 한데 모아 검색할 수 있는 아카이브입니다.

Inkword preview

Inkword아이콘단어 하나를 입력하면 그에 어울리는 일러스트를 생성해 줍니다.

React·웹 아이콘 라이브러리 자주 묻는 질문

2026년 React 아이콘 라이브러리 추천

Designeer는 Lucide, Phosphor, Tabler Icons 등 라이브 미리보기를 제공하는 아이콘 라이브러리 30개를 비교합니다. React 패키지를 갖춘 무료 SVG 아이콘 세트는 물론 애니메이션·3D 아이콘까지 제공합니다.

이 아이콘 라이브러리들은 무료 오픈소스인가요?

네, Lucide, Phosphor, Tabler Icons를 비롯한 대부분이 무료 오픈소스 SVG 아이콘 세트입니다. 상업 프로젝트에서도 쓸 수 있고, 많은 라이브러리가 React 패키지를 제공해 아이콘을 컴포넌트처럼 가져올 수 있습니다.

React 패키지가 있고 Tailwind와 함께 쓰는 아이콘 라이브러리는?

Lucide, Phosphor, Tabler 모두 React 패키지를 제공하며 크기와 색상 유틸리티를 써서 Tailwind CSS와 깔끔하게 어울립니다. Iconify는 여러 아이콘 세트를 한 번에 불러올 수 있어 여러 라이브러리를 섞어 쓸 때 유용합니다.

React·웹 아이콘 라이브러리 베스트 30선 (2026) — Designeer