Icons look simple, but using them well takes a few decisions: which file format, how to colour them, which licence applies, and how to keep a set looking consistent. These short, plain-English guides answer the questions that come up most often. No jargon, no prior knowledge assumed.
How to use SVG icons
Five ways to place an SVG icon on a web page, and when to use each one.
Read guide →SVG vs PNG
The practical differences between the two formats and which to pick.
Read guide →Icon licensing explained
What CC0, MIT, ISC and Apache mean for your project, in plain terms.
Read guide →How to change icon colour
Recolour any icon to match your brand, in the browser or in code.
Read guide →The five icon sets
Lucide, Tabler, Phosphor, Material and Simple Icons compared.
Read guide →Frequently asked questions
Quick answers about downloads, formats, licensing and cost.
Read FAQ →New to icons? Start here
If you have never worked with icon files before, read the guides in this order. Each one builds on the last:
- SVG vs PNG - understand the two file formats first.
- How to use SVG icons - get an icon onto an actual page.
- How to change icon colour - make it match your design.
- Icon licensing explained - check you are allowed to use it the way you plan to.