패턴 목록 — 이름·연도·주색·주 서체·무드를 같은 축으로 늘어놓은 표입니다.
No.	이름	연도	주색	주 서체
01	Atomic Design	2013	#61DAFB	Inter
02	Component-Driven Design	2010s	#FF4785	Inter
03	Mobile First	2010	#4CAF50	Roboto
04	Card-Based Design	2013	#9C27B0	Inter
05	Progressive Disclosure	1990s	#FF9800	Inter
06	F-Pattern Layout	2006	#795548	Georgia
07	Z-Pattern Layout	2000s	#607D8B	Inter
08	Bento Grid	2023	#EC4899	Inter
09	Micro-interactions	2013	#10B981	Inter
10	Data Visualization Design	2000s	#6366F1	Inter
11	Storytelling Design	2015	#F59E0B	Playfair Display
12	Accessibility-First Design	2010s	#1D4ED8	Inter
13	Parallax Scrolling	2011	#667EEA	Inter
14	Skeleton Screen	2013	#94A3B8	system-ui
15	Hero Section	2010s	#6366F1	Inter

React Icons

ES6 imports를 통해 Font Awesome, Material Design, Feather 등 다양한 아이콘 라이브러리를 하나의 패키지로 사용할 수 있는 가장 인기있는 React 아이콘 라이브러리입니다.

50,000개 이상의 아이콘 제공20개 이상의 아이콘 세트 통합트리 쉐이킹으로 번들 사이즈 최적화

Inter

Lucide React

Feather Icons의 커뮤니티 포크로, 깔끔하고 일관성 있는 디자인의 모던한 아이콘 세트입니다. 심플하고 미니멀한 스타일이 특징입니다.

1,500개 이상의 일관된 아이콘매우 가볍고 최적화된 SVG활발한 커뮤니티 업데이트

Inter

Heroicons

Tailwind CSS 제작팀이 만든 아름다운 손으로 제작된 SVG 아이콘입니다. Outline과 Solid 두 가지 스타일을 제공합니다.

292개의 손으로 제작된 아이콘Outline과 Solid 두 스타일Tailwind CSS와 완벽한 호환

Inter

Phosphor Icons

유연하고 다양한 스타일을 제공하는 아이콘 패밀리입니다. 6가지 다른 무게(weight)로 동일한 아이콘을 표현할 수 있습니다.

9,000개 이상의 아이콘 (6가지 스타일)Thin, Light, Regular, Bold, Fill, Duotone일관된 디자인 시스템

system-ui

Feather Icons

심플하고 아름다운 오픈소스 아이콘입니다. 미니멀한 디자인과 일관성 있는 스타일로 유명합니다.

287개의 깔끔한 아이콘24x24 그리드 기반2px stroke width

system-ui

Material Icons

Google의 Material Design 공식 아이콘 세트입니다. 5가지 테마와 2,000개 이상의 아이콘을 제공합니다.

2,100개 이상의 공식 아이콘5가지 테마 (Filled, Outlined, Rounded, Two-tone, Sharp)Material Design 가이드라인 준수

Roboto

Font Awesome

웹에서 가장 유명하고 널리 사용되는 아이콘 라이브러리입니다. 무료 버전만으로도 2,000개 이상의 아이콘을 제공합니다.

2,000개 이상의 무료 아이콘Solid, Regular, Brands 스타일Pro 버전은 16,000개 이상

Font Awesome 6 Free

Tabler Icons

5,200개 이상의 픽셀 완벽한 오픈소스 SVG 아이콘입니다. 일관된 스타일과 높은 품질로 인기를 얻고 있습니다.

5,200개 이상의 아이콘완전히 무료 오픈소스일관된 2px stroke

Inter

Bootstrap Icons

Bootstrap 프레임워크의 공식 아이콘 라이브러리입니다. 2,000개 이상의 고품질 오픈소스 SVG 아이콘을 제공합니다.

2,000개 이상의 무료 아이콘Bootstrap과 완벽한 호환SVG와 웹폰트 방식 지원

system-ui

Ionicons

Ionic 프레임워크를 위해 제작된 프리미엄 아이콘 세트입니다. 모바일 앱에 최적화되어 있으며 iOS와 Material Design 스타일을 모두 지원합니다.

1,300개 이상의 아이콘iOS와 Material Design 스타일모바일 앱 최적화

-apple-system

Remix Icon

중립적인 스타일의 오픈소스 아이콘 시스템입니다. 2,800개 이상의 깔끔하고 일관된 아이콘을 제공합니다.

2,800개 이상의 아이콘중립적이고 깔끔한 디자인Line과 Fill 두 스타일

Inter

Iconoir

우아하고 미니멀한 오픈소스 아이콘 라이브러리입니다. 1,500개 이상의 SVG 아이콘을 무료로 제공합니다.

1,500개 이상의 우아한 아이콘미니멀하고 모던한 디자인완벽한 픽셀 정렬

system-ui

아이콘 목록 — 이름·연도·주색·주 서체·무드를 같은 축으로 늘어놓은 표입니다.
No.	이름	주색	주 서체
01	React Icons	#E91E63	Inter
02	Lucide React	#F56565	Inter
03	Heroicons	#06B6D4	Inter
04	Phosphor Icons	#5DAD5A	system-ui
05	Feather Icons	#333333	system-ui
06	Material Icons	#2196F3	Roboto
07	Font Awesome	#339AF0	Font Awesome 6 Free
08	Tabler Icons	#206BC4	Inter
09	Bootstrap Icons	#7952B3	system-ui
10	Ionicons	#3880FF	-apple-system
11	Remix Icon	#FF6B6B	Inter
12	Iconoir	#1A1A1A	system-ui