// SVELTE

Best Icon Libraries
for Svelte (2026)

4 icon libraries with official Svelte support. Works with both Svelte 4, Svelte 5, and SvelteKit.

⚠ Svelte has fewer official packages than React. Always check for an official package before using a community wrapper.
#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 →
#2

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

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

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 →

// RECOMMENDATION FOR SVELTE

For Svelte projects, Lucide Svelte is the top pick — install via npm install lucide-svelte. It is the only major icon library with an official, actively maintained Svelte package.

Tabler Icons Svelte is the best alternative if you need the largest icon selection. Both work with SvelteKit out of the box.

POPULAR COMPARISONS

lucide icons vs tabler icons→lucide icons vs heroicons→tabler icons vs phosphor icons→