// VUE 3

Best Icon Libraries
for Vue 3 (2026)

All 11 icon libraries below have official Vue 3 support with dedicated packages, TypeScript definitions, and tree-shaking.

// TL;DR — Use Lucide Vue Next for most projects. Use Tabler if you need 5500+ icons.
#1

Lucide Icons

⭐ 12,000◆ 1,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
#2

Heroicons

⭐ 21,000◆ 324 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
#3

Tabler Icons

⭐ 18,000◆ 6,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
#4

Phosphor Icons

⭐ 8,000◆ 1,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
#5

Remix Icon

⭐ 6,000◆ 3,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
#6

Bootstrap Icons

⭐ 7,000◆ 2,078 iconsMIT

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

npm install bootstrap-icons
#7

Font Awesome

⭐ 76,500◆ 2,058 iconsMixed (CC BY 4.0 free icons, MIT code)

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

Iconify

⭐ 5,162◆ 350,000 iconsMIT (framework) — icon sets retain their original licenses

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

Iconoir

⭐ 5,200◆ 1,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
#10

Octicons

⭐ 10,400◆ 280 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
#11

Ant Design Icons

⭐ 8,700◆ 840 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

// RECOMMENDATION FOR VUE 3

For most Vue 3 projects, Lucide Vue Next is the top recommendation. Install via npm install lucide-vue-next. It is actively maintained, tree-shakable, and ships with TypeScript definitions.

If you need more than 1,400 icons, Tabler Icons Vue offers 5,500+ icons with the same developer experience.

POPULAR COMPARISONS

lucide icons vs heroicons→lucide icons vs tabler icons→tabler icons vs remix icon→phosphor icons vs lucide icons→