Icon guides
Practical advice for organizing, cleaning up and shipping SVG icons, for designers and developers.
How to organize an SVG icon library
A simple structure of sets, folders, tags and collections that keeps thousands of icons easy to find for a whole team.
Read guide →
How to turn SVG icons into React, Vue and Svelte components
Clean the markup, use currentColor, pick good names and export typed components your codebase can import.
Read guide →
How to share an icon library with your team
Keep one icon library in Dropbox, iCloud Drive, Google Drive, OneDrive or Box and let everyone’s changes sync without a server.
Read guide →
How to clean up SVG files exported from design tools
What design tools leave inside exported SVGs, why it matters in production, and how to fix a whole library at once.
Read guide →
Open-source icon sets you can use in commercial projects
28 high-quality icon sets under MIT, ISC and Apache 2.0 licenses, with what makes each one a good fit.
Read guide →