toolgarden.xyz
中文

Image to Icon

Free online tool to turn PNG, SVG, JPG, WebP, and other images into ICO, ICNS, or multi-size PNG ZIP icons with background removal, drag scaling, corner radius, and browser previews

Icon settings

Upload an image to make an icon

Supports JPG / PNG / WebP / GIF / BMP / SVG / AVIF. Everything runs locally in your browser.

Icon editor

Upload an image to edit an icon

The preview area will show a draggable, scalable icon and browser usage examples.

Browser preview

Tool Garden
toolgarden.xyz

Favorites

24px
32px
48px

Export result

Waiting to generate

Choose ICO, then generate the icon. The result will appear here.

About this tool

Icon conversion scales and packages a regular image for browser or desktop icon use. Icons are often shown at 16, 32, 48, 128, or 256 pixels, so a strong silhouette, limited detail, and a clean transparent background matter more than the original photo resolution.

The tool generates common icon dimensions and formats from a source image. A square asset is most predictable. Crop non-square artwork to 1:1 first to avoid distortion or excess padding, and inspect the edges over both light and dark backgrounds.

How to use it

  1. Prepare a square source

    Remove extra whitespace, center the subject, and preferably start from a high-resolution transparent PNG.

  2. Choose icon dimensions

    Select the sizes required for a browser favicon, application shortcut, or desktop program.

  3. Inspect at real size

    Preview at the actual pixel dimensions, confirm lines remain distinct, and test the download in its destination.

Supported range and limits

Output formats
ICO (Windows), ICNS (macOS), or a ZIP of multi-size PNGs
Common sizes
16, 32, 48, 64, 128, 256 and 512 px; an icon file can hold several sizes at once
Source advice
Use a square, large, visually simple image. SVG or a PNG of 512 px and up works best
The small-size trade-off
At 16 px almost all detail disappears and complex artwork turns to mush; an icon has to stay legible that small
Transparency
Preserved. Icons usually need a transparent background, so start from a transparent PNG
Used for
Website favicons, desktop application icons, shortcut icons

When you would use it

  • Generating a website favicon

    Create tab-sized icons from a brand mark and check recognition at 16 pixels.

  • Preparing application assets

    Export square sizes required by a shortcut or desktop app with clean transparent edges.

  • Generating a favicon set for a site

    One brand mark becomes a multi-size ICO covering the browser tab, the bookmarks bar and desktop shortcuts.

What to know before you start

  • Detailed photographs are usually unreadable at tiny sizes; icons benefit from simplified shapes and strong contours.
  • Platforms may require multi-size ICO, PNG, or a dedicated asset package, so follow the target platform documentation.
  • Contaminated semi-transparent edges create halos in dark themes and should be checked before release.

Related concepts

favicon
The small website icon displayed in browser tabs, bookmarks, and history.
raster icon
An icon made from a fixed pixel grid that may blur when scaled by a non-integer factor.

Frequently asked questions

Does Image to Icon upload my files?
No. Image loading, scaling, corner radius rendering, ICO/ICNS packaging, and previews all happen locally in your browser.
Which input images are supported?
PNG, JPG, WebP, SVG, BMP, AVIF, and other common browser-decodable image formats are supported.
What is the difference between ICO and ICNS?
ICO is commonly used for Windows icons and favicons, while ICNS is commonly used for macOS app icons. The page also provides a multi-size PNG ZIP for web and PWA assets.
Can it remove the background directly?
Yes. The remove background button runs locally in the browser, creates a transparent PNG, and then continues making the icon from it.
Why is the small size an unreadable blob?
16 px is 256 pixels total, which holds no detail. An icon has to stay legible at that size, which usually means dropping thin strokes and lettering in favour of one strong silhouette. That is a design constraint, not a conversion problem.
ICO, ICNS or PNG?
ICO for Windows applications and site favicons, ICNS for macOS applications, and a ZIP of multi-size PNGs when the target is cross-platform or a framework handles it. The first two can hold several sizes inside one file.

Related tools