IconSearch logoIconsearch
// VUE 3

Best Icon Libraries
for Vue 3 (2026)

All 13 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,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
#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
#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
#4

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
#5

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
#6

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
#7

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
#8

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
#9

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
#10

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" />
#11

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
#12

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
#13

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

// 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.

Your Cart0 items
Your cart is emptyBrowse icon libraries and add icons to build your custom pack.Return to Search