Icon Finder & Reference
Find icons for your web and app projects. Browse popular icon libraries: Font Awesome, Material Icons, Bootstrap Icons.
About this reference
Search popular icon libraries (Font Awesome, Material Icons and Bootstrap Icons) and jump to the right icon for your project.
Type a keyword like home, user or arrow.
How to use it
- Type a keyword.
- Choose a library.
- Follow the link to copy the icon.
Icon libraries
Font Awesome has thousands of icons, with a free tier. Material Icons follow Google's design language. Bootstrap Icons are open source SVGs. SVG icons scale cleanly and can be coloured with CSS currentColor.
Worked example
Embedding
| Inline SVG | Best control, no extra request |
| Icon font | Easy, but blurry if not loaded |
| SVG sprite | Good for many icons |
Tips and common mistakes
- Prefer SVG over icon fonts.
- Add aria-label for meaningful icons.
- Use one family consistently.
- Check each library's licence.
- Optimise SVGs with SVGO.
Frequently asked questions
Which icon library is best?
Choose by style; all are well maintained.
Are they free?
Each has free options; check the licence.
SVG or font?
SVG is more accessible and sharper.
How do I colour an SVG icon?
Use fill: currentColor.
How big should icons be?
16 to 24px for UI.
Do icons need alt text?
Decorative ones should be hidden from assistive tech.