Best Icon Libraries
for React (2026)
All 17 icon libraries below are fully compatible with React. They support tree-shaking, TypeScript, and install via npm in seconds.
Lucide Icons
A clean, consistent open-source icon library with 1960+ icons, forked from Feather Icons with active maintenance and TypeScript support.
npm install lucide-react
Heroicons
Beautiful hand-crafted SVG icons by the makers of Tailwind CSS. Available in outline and solid styles with 324 icons.
npm install @heroicons/react
Tabler Icons
Over 6100 free MIT-licensed high-quality SVG icons. One of the largest free icon libraries available for web projects.
npm install @tabler/icons-react
Phosphor Icons
Flexible icon family with 6 weights including thin, light, regular, bold, fill and duotone. Over 1500 icons available.
npm install @phosphor-icons/react
Remix Icon
Open-source neutral-style system symbols for designers and developers. Over 3200 icons in line and fill styles.
npm install remixicon
Feather Icons
Simply beautiful open source icons designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.
npm install react-feather
Bootstrap Icons
Free, high quality, open source icon library with over 2000 icons. Designed by the Bootstrap team.
npm install bootstrap-icons
Radix Icons
A crisp set of 15x15 icons designed by the WorkOS team. Perfectly sized for dense UIs and dashboards.
npm install @radix-ui/react-icons
Font Awesome
The internet's most popular icon library with 2,000+ free icons and 16,000+ Pro icons. Used by millions of websites worldwide. Available as SVG components for React with the official @fortawesome/react-fontawesome package.
npm install @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome
React Icons
One package, 52,000+ icons. Aggregates Font Awesome, Material Design, Heroicons, Tabler, Feather, Bootstrap Icons, and 20+ more icon sets under a single unified React API.
npm install react-icons
Material Icons
Google's official Material Design icon library for React. 2,100+ icons across 5 styles — Filled, Outlined, Rounded, Sharp, and TwoTone. The most downloaded React icon package with 5.1M weekly npm installs. Requires @mui/material as a peer dependency.
npm install @mui/icons-material @mui/material @emotion/styled @emotion/react
Iconify
One framework, 350,000+ icons across 211 open source icon sets. Access Lucide, Material Design, Font Awesome, Tabler, Heroicons, Phosphor, Bootstrap Icons, Simple Icons, and 200+ more through one unified <Icon> component with a prefix:name syntax. Official packages for React, Vue, Svelte, SolidJS, and vanilla HTML.
npm install @iconify/react
Simple Icons
3,200 free SVG brand icons for every major technology company, social platform, and developer tool. GitHub, Stripe, Vercel, AWS, Figma, Linear, and thousands more. CC0 public domain — no attribution required. The largest free brand icon library available, with 25K GitHub stars and official brand colors included for every icon.
npm install @icons-pack/react-simple-icons
Iconoir
A high-quality, open-source icon library featuring over 1,300 meticulously crafted line icons. Highly consistent, premium aesthetic perfect for modern UIs.
npm install iconoir-react
IonIcons
Premium, carefully designed icons by the Ionic Framework team. Provides Outline, Filled, and Sharp variants with over 1300 icons for responsive mobile and web apps.
npm install react-ionicons
Octicons
GitHub's official icon set designed specifically for developer dashboards, code repositories, git histories, and developer utilities.
npm install @primer/octicons-react
Ant Design Icons
The official icon set for Ant Design (AntD), featuring over 800 highly consistent icons in Outlined, Filled, and TwoTone themes for enterprise UIs.
npm install @ant-design/icons