SVG icon guides
Practical, no-fluff guides to using open source SVG icons: adding them to a website, picking a set, understanding licenses and using the Iconyz API.
How to use SVG icons in HTML, CSS, React and Vue
Four ways to add SVG icons to a website: <img>, inline SVG, CSS masks and components. With code for HTML, React and Vue, plus sizing, color and accessibility.
7 min readIcon licenses explained: MIT, Apache 2.0, CC BY, OFL and GPL
Can you use free icons commercially? What MIT, Apache 2.0, CC BY 4.0, OFL, GPL and CC0 icon licenses allow, when attribution is required, and how to credit.
8 min readHow to choose an icon set for your website or app
Pick the right open source icon set: coverage, style, grid size, stroke weight, license and maintenance, with recommendations for UI, logos, emoji and flags.
6 min readFree SVG icon API: link icons by URL
Link any open source icon by URL, recolor it with a query parameter and search icon sets from JavaScript. Endpoints, parameters, responses and caching.
5 min read