Skip to main content
Design resources

Open SVG icon library

A useful icon, one search away.

Browse the NexFonts SVG library. Filter by category, source or project pack, save useful symbols and customise compatible SVGs before exporting.

Lucide · Tabler Icons · Bootstrap Icons

Loading the icon catalog…

Make the icon fit your project.

Start with a consistent family, then match the icon’s stroke and visual size to nearby text. Outline symbols often work well in navigation; a filled version can help distinguish the selected state. Test small exports at their actual pixel size instead of judging only a large preview.

Choose SVG, PNG or React code.

SVG preserves editable geometry and scales cleanly. PNG is useful in slides, social artwork and applications that require an image. The editor can include a transparent, white or dark background and adds a source notice to SVG exports and generated React code.