The questions that come up most, grouped so you can find yours. Where an answer needs more room than a paragraph, there is a link to the guide that covers it properly.
This page covers the tool, licensing, formats and the problems people hit most often. If your question is not here, the guides go deeper and the contact page reaches a person.
ICON OOP searches seven freely licensed collections at once, roughly 23,000 icons and logos. You can set the colour and stroke before exporting, download SVG or PNG, or copy ready-to-paste inline SVG, React or CSS.
Everything runs in your browser. Recolouring and PNG conversion use the canvas API on your own device, so no file is ever uploaded and nothing is stored. Practically, that means it works on a bad connection once loaded, it is instant, and there is no question about running material through a third party.
There is no account, no download limit and no watermark. The tool itself is kept free of ads on purpose, because ads around a colour picker would make it worse.
Licensing and permissions
All seven collections are free for commercial use. Six require no visible attribution: Lucide is ISC, Tabler, Phosphor and Devicon are MIT, Material Symbols is Apache 2.0, and the brand logo sets are CC0. The emoji are CC-BY 4.0 and do require a credit line, which is the one thing to remember.
Brand logos raise a separate question. The file licence answers whether you may copy the file; trademark law answers whether you may display the mark in a given context, and the licence has no bearing on that. Short version: using a logo to describe something true, an integration, a payment method, a social link, is normal. Using it to imply endorsement is not. Full detail in icon licensing and brand logos.
Formats and downloads
Use SVG for anything rendered in a browser: it scales from one file, recolours with CSS, and is usually under a kilobyte. Use PNG where the destination refuses SVG, which includes most email clients, most social platform uploads, app store assets and some presentation software.
When exporting PNG, export at two to three times your display size. Most phones and many laptops have device pixel ratios of 2 or 3, so a 1x export gets stretched and looks soft. See SVG to PNG and SVG vs PNG.
Common problems
Four issues account for most of what people write in about, and all four have quick answers. An icon that will not change colour is almost always loaded through an <img> tag, which your CSS cannot reach into. An icon that renders as a solid black blob has had fill applied to a stroke-based icon. An icon that will not scale is missing its viewBox. And icons showing the wrong colours in a group is usually a gradient ID collision between two inline SVGs.
Choosing and using icons
Pick one interface icon set and stay in it. Mixing sets is the most common cause of an interface that looks subtly unfinished, because sets differ in stroke weight, corner radius and detail level simultaneously. Test candidate sets against the ten hardest icons your product needs rather than comparing icon counts. Then keep a short inventory of concept, icon name and where it is used, which is what stops three different settings icons appearing as the product grows.
The site is funded entirely by Google AdSense. There is no paid tier, no email capture and no upsell. The site uses Google Analytics and AdSense, which set cookies and process data as described in the privacy policy and cookie policy, with a consent banner on first visit. Those are entirely separate from the icons, which are processed only on your device.
Frequently asked questions
Yes. All seven collections are freely licensed for commercial use with no fee, no account and no download limit. Six require no visible attribution, using CC0, MIT, ISC or Apache 2.0. The emoji are licensed CC-BY 4.0 and require a credit line naming the source and linking to the licence, placed somewhere findable such as a footer or credits page.
Yes to both. Permissive licences make no distinction between personal use and paid work, and using icons inside a product you sell is not resale. What you may not do is repackage a free icon set and sell it as your own icon pack, or strip licence notices when redistributing the source files.
No. There is no account, no email capture, no download limit and no watermark. Search, set the colour and size, and download. The tool runs entirely in your browser, so recolouring and PNG conversion happen on your own device and no file is ever uploaded to a server.
Almost certainly because the SVG is loaded through an img tag, a CSS background image or an object element, all of which create a separate document that your page styles cannot reach into. Inline the SVG instead, use a sprite with the use element, or apply the icon as a CSS mask with background-color providing the colour.
A fill has been applied to a stroke-based icon. Sets such as Lucide, Tabler and Feather need stroke coloured with fill kept at none. The usual cause is a global CSS rule setting fill to currentColor on every SVG on the page, so scope that rule to a class rather than applying it universally.
Two to three times the size you will display it. An icon shown at 32 pixels should be exported at 64 or 96, because most phones and many laptops have device pixel ratios of 2 or 3. Scaling a PNG down is harmless; scaling one up interpolates pixels and looks soft next to crisp text.
It is best avoided for interface icons, because sets differ in stroke weight, corner radius and level of detail at the same time, which makes the mismatch visible even when it is hard to name. Lucide and Tabler mix better than most since both use a 24 grid and 2 pixel stroke. Brand logos and emoji are separate categories and mix freely with any set.
Yes, with no extra files, provided the SVG is inline and uses currentColor. Set your foreground colour per theme with a CSS variable and every icon inherits it. One refinement worth making: pure white icons on dark backgrounds can look slightly heavy, so a marginally off-white value often reads better than pure white.
Yes for icons from established open source libraries, which contain path data and styling attributes with no script and no external references. The security concern with SVG applies to files uploaded by users and served from your own domain, since SVG is XML that can contain script. If your application accepts SVG uploads, see the SVG security guide.
No. There is no upload feature, and recolouring and PNG conversion run in your browser using the canvas API, so no icon you export ever leaves your device. The site does use Google Analytics and AdSense, which set cookies and are described in the privacy and cookie policies, but those are separate from the icons themselves.
Open the tool
Search 23,000+ icons and logos, recolour, resize and export. Free, no account, nothing uploaded.