Question 1

Is Icony free to use?

Accepted Answer

Yes, completely free. No signup required. All features and downloads are unlimited, there is no watermark, no download cap, and no paid tier. Icony will remain free forever.

Question 2

Do I need to create an account?

Accepted Answer

No account needed. Open the site and all features are immediately available. Favorites, recent icons, and color palettes are automatically saved in your browser, so they are still there next time you visit from the same browser.

Question 3

Does Icony collect any personal data?

Accepted Answer

No. Icony stores no user data on any server. Favorites, recent icons, and color palettes are stored only in your browser's local storage and are never transmitted anywhere. Clearing your browser data removes them.

Question 4

If it is free, how is it funded?

Accepted Answer

Icony is a side project built and run by one person. The icons are open-source licensed, so they cost nothing to include, and running costs are currently covered by sponsorships through Buy Me a Coffee and GitHub Sponsors. There are no plans to charge users.

Question 5

Does Icony work offline?

Accepted Answer

An internet connection is needed to load the icon libraries initially. Once the page is open, recoloring, resizing, and exporting all happen inside your browser — nothing is uploaded to a server and conversion runs locally.

Question 6

Which icon libraries does Icony support?

Accepted Answer

Icony includes 8 libraries: Lucide Icons (1,539), Tabler Icons (5,986), Phosphor Icons (1,512), Phosphor Fill (1,512), Heroicons (175), Heroicons Solid (175), Bootstrap Icons (325), and Radix Icons (218) — totaling 11,442 icons. See the /icon-libraries page for what each one is good for and how to install it.

Question 7

Can I use downloaded icons commercially?

Accepted Answer

Yes. All icon libraries in Icony are distributed under MIT or ISC licenses, which allow free use in both personal and commercial projects. Attribution is not legally required, though it is appreciated. If you plan to resell the icons as-is or redistribute them as an icon pack, check the original license terms first.

Question 8

Can I filter icons by library?

Accepted Answer

Yes. Use the library filter at the top of the app to view icons from a specific library — Lucide, Tabler, Phosphor, and more. With a filter active, searching only looks inside that library.

Question 9

I cannot find the icon I am looking for.

Accepted Answer

Search expands your term with synonyms, so you do not need the exact icon name — "bin" will surface trash, and Korean queries are mapped to their English equivalents automatically. If something still does not appear, check whether a library filter is active and search across all libraries instead. The same concept is often named differently between them (trash / trash-2 / bin).

Question 10

Which library should I choose?

Accepted Answer

Tabler has the most icons (5,986). Lucide is a clean outline set that responds well to stroke-width changes. If you use Tailwind CSS, Heroicons comes from the same team; for shadcn/ui projects, Radix Icons fits naturally. Within a single interface, stick to one library rather than mixing — it looks noticeably more consistent.

Question 11

What file formats can I export?

Accepted Answer

PNG and SVG. PNG is a bitmap format suitable for web, apps, and presentations. SVG is a vector format that stays crisp at any size and can be embedded directly in code.

Question 12

What sizes are available?

Accepted Answer

Type any value between 16px and 512px into the size field, or use the 32, 64, 128, and 256px preset buttons. The default is 128px. UI icons are typically 16, 20, or 24px; app icons and thumbnails use the larger sizes.

Question 13

Can I adjust the stroke width?

Accepted Answer

Stroke width is adjustable for four libraries: Lucide, Tabler, Phosphor, and Heroicons. It does not apply to Bootstrap Icons, Radix Icons, or the filled variants (Phosphor Filled, Heroicons Solid). Use the slider or input to set any value from 0.5 to 4, or pick one of the 1, 1.5, 2, 2.5, and 3 presets; the default is 2. At small sizes very thin strokes can look washed out, so 1.5–2 is a safe range.

Question 14

Can I copy the SVG code directly?

Accepted Answer

Yes. With an icon selected, the "Copy SVG" button copies the SVG markup and "Copy JSX" copies it as a React component. The separate "Copy to Clipboard" button copies a PNG image rather than code — use that one when pasting into a document or chat.

Question 15

Can I share my customized icon as a link?

Accepted Answer

Yes. The "Share" button copies a link that carries the selected icon along with your color and size settings. Opening that link starts the editor with the same configuration applied, which makes it easy to hand a specific setup to a teammate.

Question 16

Can I download several icons at once?

Accepted Answer

Yes. Select multiple icons and download them together as a ZIP. Your chosen color, size, and stroke width are applied to every icon in the batch, so you get a consistent set in one step.

Question 17

Do exported PNGs have a transparent background?

Accepted Answer

Yes. PNG exports always have a transparent background — no setting required. If you plan to place the icon on a dark background, pick a light icon color before exporting.

Question 18

Should I use PNG or SVG?

Accepted Answer

SVG is recommended in most cases — it stays sharp at any size and has a smaller file size. Use PNG for environments that don't support SVG, such as older email clients or certain document tools.

Question 19

My exported PNG looks blurry.

Accepted Answer

Export at a larger size than you intend to display. A 24px PNG shown at 24px looks soft on high-density screens. Export at 2× (48px) or 3× (72px), or use SVG instead, which stays sharp at every scale.

Question 20

Changing the color has no effect.

Accepted Answer

Outline icons carry their color on the stroke; solid and fill icons carry it on the fill. If the preview does not change, you may have selected an icon from the other style. If a pasted SVG will not recolor, check whether its fill or stroke is hardcoded to a specific color instead of currentColor.

Question 21

My pasted SVG does not show up.

Accepted Answer

The most common cause is missing dimensions: if the SVG has no width or height and its parent has zero size, nothing renders. Also check that the viewBox attribute is still present, and that the icon color is not the same as the background — a white icon on white is a surprisingly frequent culprit.

Question 22

What size should I export for a favicon?

Accepted Answer

Exporting SVG and using it directly as your favicon is simplest and works in all modern browsers. For older browsers, add a 32px PNG, and for the iOS home screen add a 180px PNG. Favicons render very small, so icons with fewer details and thicker strokes hold up best.

Question 23

Can I use these icon libraries directly in my React project?

Accepted Answer

Yes! You can download customized icons from Icony, or install the libraries directly via npm. Visit the /icon-libraries page for installation instructions and usage examples for each library. If you only need a handful of icons, copying the SVG into a component keeps your bundle smaller.

Question 24

How do I turn a copied SVG into a React component?

Accepted Answer

You do not have to convert it by hand — the "Copy JSX" button gives you the icon already shaped as a React component, with attributes converted to camelCase (stroke-width becomes strokeWidth, fill-rule becomes fillRule). If you want to adapt it further, set fill or stroke to currentColor so the icon follows the CSS color property, which makes it easy to drive the color from props. Our blog post on using an SVG icon as a React component walks through a full example.

Question 25

Which browsers are supported?

Accepted Answer

All modern browsers including Chrome, Firefox, Safari, and Edge. Note: the EyeDropper (screen color picker) feature is only available in Chrome, Edge, and Opera.

자주 묻는 질문

일반

아이콘 & 라이브러리

커스터마이징 & 내보내기

문제 해결

기술적인 질문

더 궁금한 점이 있으신가요?