IconSearch logoIconsearch
// REACT

Best Icon Libraries
for React (2026)

All 18 icon libraries below are fully compatible with React. They support tree-shaking, TypeScript, and install via npm in seconds.

// TL;DR — Use Lucide Icons for most projects. Use Heroicons if you're on Tailwind CSS.
#1

Lucide Icons

12,0001,960 iconsISC

A clean, consistent open-source icon library with 1960+ icons, forked from Feather Icons with active maintenance and TypeScript support.

npm install lucide-react
Full Guide →✓ TypeScript✓ Tree-shakable✓ Figma Plugin
#2

Heroicons

21,000324 iconsMIT

Beautiful hand-crafted SVG icons by the makers of Tailwind CSS. Available in outline and solid styles with 324 icons.

npm install @heroicons/react
Full Guide →✓ TypeScript✓ Tree-shakable✓ Figma Plugin
#3

Tabler Icons

18,0006,147 iconsMIT

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
Full Guide →✓ TypeScript✓ Tree-shakable✓ Figma Plugin
#4

PatternFly Icons

2,4002,884 iconsMIT

Red Hat's PatternFly icon system with 2,800+ MIT-licensed React icons for enterprise consoles, admin dashboards, developer tools, and product UIs.

npm install @patternfly/react-icons
Full Guide →✓ TypeScript✓ Tree-shakable
#5

Untitled UI Icons

01,179 iconsMIT

Official MIT-licensed React icons from Untitled UI, with 1,179 crisp outline icons for SaaS products, dashboards, and modern product interfaces.

npm install @untitledui/icons
Full Guide →✓ TypeScript✓ Tree-shakable
#6

Phosphor Icons

8,0001,533 iconsMIT

Flexible icon family with 6 weights including thin, light, regular, bold, fill and duotone. Over 1500 icons available.

npm install @phosphor-icons/react
Full Guide →✓ TypeScript✓ Tree-shakable✓ Figma Plugin
#7

Remix Icon

6,0003,229 iconsApache 2.0

Open-source neutral-style system symbols for designers and developers. Over 3200 icons in line and fill styles.

npm install remixicon
#8

Feather Icons

24,000287 iconsMIT

Simply beautiful open source icons designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.

npm install react-feather
Full Guide →✓ Tree-shakable
#9

Bootstrap Icons

7,0002,078 iconsMIT

Free, high quality, open source icon library with over 2000 icons. Designed by the Bootstrap team.

npm install bootstrap-icons
Full Guide →✓ Figma Plugin
#10

Radix Icons

5,000318 iconsMIT

A crisp set of 15x15 icons designed by the WorkOS team. Perfectly sized for dense UIs and dashboards.

npm install @radix-ui/react-icons
Full Guide →✓ TypeScript✓ Tree-shakable✓ Figma Plugin
#11

Iconoir

5,2001,384 iconsMIT

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
Full Guide →✓ TypeScript✓ Tree-shakable✓ Figma Plugin
#12

IonIcons

17,2001,300 iconsMIT

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
Full Guide →✓ TypeScript✓ Tree-shakable
#13

Octicons

10,400280 iconsMIT

GitHub's official icon set designed specifically for developer dashboards, code repositories, git histories, and developer utilities.

npm install @primer/octicons-react
Full Guide →✓ TypeScript✓ Tree-shakable
#14

Ant Design Icons

8,700840 iconsMIT

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
Full Guide →✓ TypeScript✓ Tree-shakable✓ Figma Plugin
#15

Devicons

9,500800 iconsMIT

800+ developer and technology brand icons — logos for every programming language, framework, database, and tool. Available in original (color), plain, and line variants.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />
#16

Teenyicons

2,1001,200 iconsMIT

Tiny, minimalist 1px-stroke vector icons designed to fit beautifully in the smallest spaces. Optimised for 15x15 grids.

npm install teenyicons
Full Guide →✓ Tree-shakable✓ Figma Plugin
#17

Circum Icons

800288 iconsMPL-2.0

Consistent, ultra-minimalist line icons featuring simple visual geometry and rounded outlines.

npm install circum-icons
Full Guide →✓ Tree-shakable✓ Figma Plugin
#18

Elusive Icons

1,200304 iconsOFL-1.1

A clean, customisable web font and SVG vector icon set optimized for Bootstrap layouts.

npm install elusive-icons
Full Guide →✓ Tree-shakable✓ Figma Plugin
Your Cart0 items
Your cart is emptyBrowse icon libraries and add icons to build your custom pack.Return to Search