Better icons.
Better interfaces.

Material Symbols

24,593 icon names · Apache 2.0

Google’s extensive interface symbol family, with filled and outline variants for navigation, actions, media and everyday objects.

Carbon

2,793 icon names · Apache 2.0

IBM’s precise visual language for enterprise dashboards, data tools, developer interfaces and business applications.

Health Icons

3,391 icon names · MIT

Medical equipment, health services, accessibility, anatomy and care settings, with outline and filled alternatives.

IconPark Outline

2,658 icon names · Apache 2.0

A broad outline family for commerce, travel, office tools, entertainment and interface controls.

Devicon

1,072 icon names · MIT

Color artwork for programming languages, frameworks, databases and developer tools. Technology logos remain subject to their trademark rules.

Circle Flags

745 icon names · MIT

Circular country, regional and other flags. Search country codes such as pk, gb and us; select the Color filter to preserve the artwork.

IconPark Solid

1,970 icon names · Apache 2.0

Solid symbols with a substantial visual weight for compact navigation, selected states, feature cards and application menus.

Octicons

980 icon names · MIT

GitHub’s interface icon vocabulary for repositories, collaboration, source control, code review and technical documentation.

SVG or PNG: choose the right icon format

Choose the right file based on destination, size and future editing needs.

Build icon buttons people can understand

Name interactive controls clearly and support keyboard focus.

Icon sizes and spacing: a practical UI scale

A practical size scale for navigation icons, buttons, cards and touch targets, with CSS examples and optical-alignment checks.

Outline vs filled icons: when to use each

Use outlines and filled variants consistently for navigation, selected states and dense interfaces without inventing extra meaning.

Accessible SVG icons: labels, roles and keyboard checks

Examples of decorative SVG, informative images and accessible icon-only buttons, plus quick screen-reader and keyboard checks.

Change SVG icon colors with CSS: inline vs image files

Learn why currentColor works on inline SVG, when img tags cannot be recolored, and how to handle multicolor artwork safely.

Using SVG icons in React without losing accessibility

A React icon component pattern with size, color, accessible name and scalable SVG output, plus common integration pitfalls.

An icon QA checklist for websites and apps

A repeatable icon review covering semantics, visual consistency, license tracking, performance, mobile behavior and file exports.