Icon Library

About the Icon Library

The Icon Library is a searchable collection of clean, modern SVG icons you can drop into any project. Each icon is hand-tuned for clarity at small sizes and renders crisply on any screen because SVGs scale to whatever dimensions you need without quality loss.

Everything is browser-only — searching, previewing, and downloading happens locally, with no account required.

What you can do

• Search icons by name or keyword to find the right symbol fast
• Preview each icon in a uniform tile so you can compare at a glance
• Copy the SVG markup directly to paste into HTML or React components
• Download a standalone SVG file for design tools or slide decks
• Page through the full library when you want to browse for inspiration
• Restyle any icon with CSS (color, size, stroke) since they're vector-based

Common uses

• Website UI: navigation bars, buttons, feature lists, empty states
• Slide decks and pitch documents to replace plain bullet points
• Marketing graphics, social posts, and email headers
• App and dashboard interfaces (settings, status, action menus)
• Print materials — flyers, invitations, posters, signage

Tips

• Stick to one icon family within a single project so visual weight stays consistent
• Inherit color from the parent element (use currentColor in the SVG) so icons match your text automatically
• Set explicit width/height in your CSS instead of the SVG attribute — easier to override per breakpoint
• For accessibility, add aria-label to action icons and aria-hidden="true" to purely decorative ones

For pixel-perfect alignment with text, set the icon's height to match the text's line-height and use vertical-align: middle — small details like this are what separate polished UI from a "looks fine" one.