Free UI SVG Icons

UI icons are the building blocks of every web and mobile interface. This collection spans outline, filled, animated, duotone, and flat styles so you can match any design system without mixing libraries. Packs like Lucide and Iconoir provide clean line icons, Heroicons offers both outline and solid variants, and Solar includes duotone options. Whether you need lightweight stroke icons for a minimalist dashboard or filled icons for a high-contrast mobile app, you will find an open-source pack here that fits.

12 icon packs · 39,800 total icons · Free & open source

Icon Packs

Lucide

1,641 icons ISC

Tabler Icons

5,963 icons MIT

HeroIcons

1,288 icons MIT

Solar

7,401 icons CC-BY-4.0

Remix Icon

3,135 icons Apache-2.0

Phosphor

9,072 icons MIT

Carbon

2,392 icons Apache-2.0

IonIcons

1,357 icons MIT

Bootstrap Icons

2,078 icons MIT

css.gg

704 icons MIT

MingCute Icon

3,098 icons Apache-2.0

Iconoir

1,671 icons MIT

Common Use Cases

1 Navigation menus and sidebars

2 Action buttons and toolbars

3 Form inputs, checkboxes, and toggles

4 Status indicators and badges

5 Empty states and onboarding illustrations

6 Tab bars and bottom navigation

7 Settings and preference panels

Frequently Asked Questions

Lucide is modern and lightweight with consistent 24px line icons. Heroicons integrates seamlessly with Tailwind CSS and ships outline plus solid variants. Tabler offers the largest icon count. Carbon is ideal for enterprise apps. Choose based on your design system and style preference.

Outline (or line/stroke) icons use open paths with a consistent stroke width, giving a lightweight, modern look suited for minimalist interfaces. Filled (or solid) icons use closed shapes with a solid fill, providing higher contrast and better visibility at small sizes. Most packs in this collection — including Heroicons, Remix Icons, and Bootstrap Icons — offer both styles.

Yes. The dedicated Animated collection includes loading spinners, pulse effects, and motion icons from packs like SVG Spinners. Several UI packs such as Lucide and Tabler also support CSS and JS animation because their clean SVG structure makes keyframe and transition animations straightforward to add.

Yes. Solar Icons and Phosphor Icons in this collection include native duotone variants — icons that use two tones of a single colour for added depth. Duotone icons work especially well in dashboards and feature lists where you want visual hierarchy without introducing a second accent colour.

Every pack in this collection is released under an open-source licence (MIT, Apache 2.0, or ISC). You can use them in personal and commercial projects — websites, SaaS products, mobile apps — without attribution in most cases, though checking each pack licence page is recommended.

Common icon types

Browse pre-built keyword pages from this collection

Arrow Icons Right Arrow Icons Left Arrow Icons Up Arrow Icons Down Arrow Icons Home Icons Search Icons Settings Icons

More Collections

Free Flag SVG Icons

4 packs

Free Emoji SVG Icons

8 packs

Free Brand & Logo SVG Icons

9 packs

Free Programming & Developer SVG Icons

8 packs

Free Material Design SVG Icons

6 packs

Free Animated SVG Icons

3 packs

View all collections →