22 open source icon collections for your next interface

The most useful icon pack is the one that covers the actions in your product without making you combine three incompatible styles. Start with a few real screens, list the symbols you need, and compare the same list against each candidate.

This is a freshly curated collection at the address of the original 22-pack roundup. The collections below are starting points for your research, rather than repackaged downloads. Each project’s own license is the authority; brand artwork can carry trademark restrictions in addition to a copyright license.

The 22 collections

Collection	Best reason to explore it
Lucide	Consistent outline icons and framework packages.
Tabler Icons	A broad outline library for application interfaces.
Heroicons	Small, carefully coordinated outline and solid sets.
Phosphor	Multiple weights for interfaces with different densities.
Remix Icon	A large collection of interface and system symbols.
Bootstrap Icons	General interface icons, usable without Bootstrap CSS.
Feather	A restrained outline vocabulary for simpler interfaces.
Ionicons	Interface symbols with a mobile-app heritage.
Octicons	Developer-oriented icons from GitHub’s design system.
Material Design Icons	Google’s broad icon resources and symbol families.
Carbon Icons	Icons in IBM’s larger interface design system.
Fluent UI System Icons	Symbols designed for Microsoft’s Fluent interfaces.
Radix Icons	Compact interface glyphs for small controls.
Iconoir	Outline icons with a distinctive, light visual rhythm.
Eva Icons	Outline and fill variants for common application actions.
Boxicons	A mix of regular, solid, and brand-oriented symbols.
css.gg	Icons with CSS and SVG delivery options.
Circum Icons	Rounded outline symbols for consistent UI styling.
Simple Icons	Brand marks; trademark rules still apply.
Simple Line Icons	A compact line-icon collection for established projects.
Weather Icons	A specialized vocabulary for weather conditions.
Devicon	Technology and developer-tool identity marks.

Choose one visual system

For a new application, shortlist Lucide, Tabler, Heroicons, or Phosphor. Compare a search icon, a folder, a warning, an arrow, and a user avatar at the actual size your controls use. A set that looks elegant at 48 pixels may look weak at 16 pixels.

Decide whether the interface uses outlines, solid shapes, or a deliberate combination. Keep stroke weight, corner treatment, and optical size consistent. Do not force every icon into a different bounding box to make the dimensions identical; equal dimensions are not the same as equal perceived size.

Ship only what you use

Import individual icons where a package supports it. An SVG copied into the application can be appropriate too, provided you retain required license notices. Avoid loading a complete font merely to display a handful of symbols.

Decorative icons should be hidden from assistive technology. An icon-only button needs an accessible name on the button, such as aria-label="Search". A tooltip is helpful for sighted users, but it is not a substitute for that name. Keep a visible text label for unfamiliar actions.

When you need recognizable service logos, use the separate social icon guide. Brand marks and interface actions solve different problems.