If you are working in India
For products used across Indian languages and scripts, check that icon meaning remains clear without relying on a text label in only one language. Verify license and attribution terms for the actual project.
Seven open-source collections
Find an icon. Copy it in the format you need.
Search real icon collections, compare styles, tune color and size, then copy HTML or React code—or download a ready-to-use SVG.
Explore Lucide
0 matching icons
No Lucide icons matched “sparkles”. Try another search.
Search terms are sent to Iconify to retrieve matching icons. Icon data and licenses vary by collection; review the linked license before shipping.
What these icon library hub help you do
- Compare candidate symbols while keeping a product's visual language consistent.
- Check likely code usage before adding an icon to a component.
- Treat accessibility, package version, and licensing as part of the selection.
A careful workflow
- 1Search for a concept, then compare stroke weight, proportions, and style with nearby interface icons.
- 2Use descriptive accessible text for meaningful icons; hide purely decorative icons from assistive technology.
- 3Review the icon set’s license, version, and attribution requirements in your project.
Choosing the right approach
A focused online utility can help with a discrete task. For large projects, sensitive workflows, or specialist requirements, compare it with manual review and dedicated software.
| Approach | Best suited to | Keep in mind |
|---|---|---|
| Use this icon browser | Finding and previewing a symbol from the available library. | Confirm the library, package version, and license before shipping. |
| Draw a simple icon manually | A bespoke symbol that must match a very specific brand shape. | Custom artwork requires careful scaling, contrast, and accessibility review. |
| Use the project's design system | A consistent product UI with established icon assets and naming. | The approved set may have fewer choices, but consistency and licensing are clearer. |
Regional and international checks
For international use
Icon conventions are not universal. Test meaning with the intended audience, provide accessible names where needed, and check the library's license and attribution requirements.
Frequently asked questions
Can I ship a copied icon snippet without checking it?
Check the source library's license, version, dependencies, and attribution rules first. Also test its size and accessible label in the actual interface.
Do decorative icons need a text label?
A purely decorative icon should not add redundant screen-reader output. An icon that conveys meaning needs an accessible name or equivalent visible text.