ICON OOP started from a small annoyance that turned out to be a large one. Finding a good icon is easy. Finding a good icon, in the right colour, at the right size, in the right format, from a set you can legally use, without creating an account or downloading a zip of 5,000 files, is not.
So we built the tool we wanted: search across seven freely licensed collections at once, set the colour and stroke, export SVG or PNG or ready-to-paste code, and close the tab.
What the tool does
- Search across seven collections at once, roughly 23,000 icons and logos, without switching between sites.
- Set colour and stroke before you export, so the file arrives finished rather than needing editing.
- Export SVG or PNG, PNG from 1x to 8x or a custom pixel size, with transparency preserved.
- Copy ready-to-use code: inline SVG markup, a React component, or a CSS background rule.
- No account, no watermark, no download limit.
Everything runs on your device
This is worth being explicit about, because most online converters work the other way.
When you recolour an icon or convert it to PNG, that work happens in your browser using the canvas API. Nothing is uploaded to a server, nothing is stored, and no copy of your file exists anywhere but your machine. The practical consequences: it is instant, it works on a bad connection once the page has loaded, and there is no NDA question about running something through a third party.
The site does use Google Analytics and Google AdSense, which set cookies and process data as described in our privacy policy and cookie policy. Those are analytics and advertising, entirely separate from the icons you export.
Where the icons come from
We did not draw these icons. They come from seven open source projects, each maintained by people who deserve the credit:
| Collection | What it covers | Licence |
|---|---|---|
| Lucide | Interface icons, outline | ISC |
| Tabler Icons | Interface icons, outline and filled | MIT |
| Phosphor Icons | Interface icons, six weights | MIT |
| Material Symbols | Google's icon system | Apache 2.0 |
| Simple Icons + SVG Logos | Brand marks, mono and colour | CC0 |
| Devicon | Languages, frameworks, tooling | MIT |
| Twemoji | Open source emoji | CC-BY 4.0 |
All are free for commercial use. Twemoji is the one requiring attribution, which is why a credit line appears in the footer of every page on this site. The full breakdown is on the licensing page, and each set's page explains its own terms.
If you use any of these sets heavily, consider supporting the projects directly. They are maintained by people doing it largely for free.
How the guides are written
The guides on this site are written by hand by people who build web interfaces, not generated in bulk. That shapes what they contain.
- They cover the failure modes. Every guide includes the things that actually go wrong, because that is what people are usually searching for.
- They give a recommendation. Where there is a defensible default, we say what it is rather than listing options neutrally.
- They say when not to do something. The animation guide spends as much space on when not to animate as on how.
- They are tested against real browsers rather than assembled from documentation.
- They are corrected when wrong. If you find an error, tell us and we will fix it.
Where something is a judgement call rather than a fact, we try to say so. Where something touches on law, such as licensing, we say plainly that it is general information rather than legal advice.
How the site is funded
Advertising, through Google AdSense. That is the entire model.
There is no paid tier, no account, no email capture, and no upsell. Ads appear on the content and guide pages. The tool itself is deliberately kept ad-free, because ads around a set of buttons and a colour picker would make the tool worse, and the tool is the point.
Being upfront about this seems better than pretending the site runs on goodwill. If you use an ad blocker, that is fine and nothing will break.
What this site is not
- Not an icon design studio. We aggregate open source sets rather than drawing our own, apart from a small set of animated icons made for this site.
- Not a stock library. Nothing here is licensed per download, because nothing here needs to be.
- Not a legal service. The licensing guidance is a plain-English summary written by practitioners, not lawyers.
- Not storing your files. There is no upload, so there is nothing to store.
Corrections and contact
If a guide is wrong, an icon is broken, a licence has changed, or you cannot find something you expected to, get in touch through the contact page. Corrections to the guides are the most useful thing you can send, and they get acted on.
If you are looking for practical starting points, the guides hub lists everything, the icon sets comparison helps you choose a library, and the FAQ covers the quick questions.