// TYPESCRIPT

Best Icon Libraries
with TypeScript (2026)

5 icon libraries with full TypeScript support — autocomplete in VS Code, typed props, and zero runtime surprises.

// TypeScript support means full autocomplete — type "Lu" and VS Code shows all Lucide icons instantly.

WHY TYPESCRIPT SUPPORT MATTERS

✓ Autocomplete

VS Code shows all available icons as you type the import name. No more guessing icon names.

✓ Typed Props

Size, color, strokeWidth — all props are typed so you catch errors at compile time, not runtime.

✓ Refactoring

Rename an icon across your entire codebase safely with TypeScript's refactoring tools.

✓ Documentation

Hover over any icon in VS Code to see its available props and types inline.

✓ LIBRARIES WITH TYPESCRIPT SUPPORT

#1

Lucide Icons

TS ✓
◆ 1,400 iconsISC

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

Full Guide →
#2

Heroicons

TS ✓
◆ 292 iconsMIT

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

Full Guide →
#3

Tabler Icons

TS ✓
◆ 5,500 iconsMIT

Over 5500 free MIT-licensed high-quality SVG icons. One of the largest free icon libraries available for web projects.

Full Guide →
#4

Phosphor Icons

TS ✓
◆ 1,248 iconsMIT

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

Full Guide →
#5

Radix Icons

TS ✓
◆ 318 iconsMIT

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

Full Guide →

✗ LIBRARIES WITHOUT TYPESCRIPT SUPPORT

Remix Icon2,800 icons · Apache 2.0
View anyway →
Feather Icons287 icons · MIT
View anyway →
Bootstrap Icons1,800 icons · MIT
View anyway →