Skip to main content
Design resources

Open icon collections

Choose a family. Build a consistent design.

Explore established icon systems by visual style, variants and licence. Each collection opens its own searchable catalog, so you can work within one family across a website, application or client project.

11 collections · 68,949 SVG files in the source catalog

15,585 SVGs

Material Symbols

Google’s adaptable Material symbol library with outlined, rounded, sharp, filled and variable-style naming variants.

Apache 2.0Explore
19,719 SVGs

Fluent UI System Icons

Microsoft’s modern Fluent interface icon collection with regular and filled variants across many UI sizes.

MITExplore
9,072 SVGs

Phosphor Icons

A flexible icon family with thin, light, regular, bold, fill and duotone variants for interfaces and products.

MITExplore
6,184 SVGs

Tabler Icons

A large, consistent MIT-licensed SVG icon set built around a clean 24px outline style.

MITExplore
5,065 SVGs

Hugeicons Free

Thousands of free open-source interface symbols with a clean stroke system for modern apps and websites.

MITExplore
3,320 SVGs

MingCute Icons

A polished open-source icon set with filled and line variants for product and interface design.

Apache 2.0Explore
2,078 SVGs

Bootstrap Icons

The official open-source icon library from Bootstrap, designed for web interfaces and developer workflows.

MITExplore
1,766 SVGs

Lucide Icons

A community-maintained open-source SVG icon toolkit with a consistent 24px stroke style.

ISCExplore
1,671 SVGs

Iconoir

A large open-source icon library with lightweight geometry for web, mobile and product interfaces.

MITExplore
3,453 SVGs

Simple Icons

Open-source SVG brand marks for popular companies, services and technologies. Brand and trademark rules may still apply.

CC0 1.0Explore
1,036 SVGs

Devicon

Open-source programming language, framework, tool and platform icons with monochrome and color variants. Brand and trademark rules may still apply.

MITExplore

How to choose an icon collection.

Match the family to the product’s tone. A thin outline can feel lighter beside text; filled symbols are often easier to recognise at small sizes. Compare the same few actions before committing to a large set.

Look at variants as well as total file count. Filled, rounded, sharp, size-specific and weight variations can represent the same concept. A collection’s file count describes available SVGs rather than an equal number of distinct subjects.

Keep one primary system for related controls. Mixing several grids and stroke systems can make equally sized icons appear inconsistent. Check the original project’s licence and implementation guidance before distributing a finished icon pack.