We use cookies.This website uses essential cookies to operate core features. With your consent, we also use analytics cookies to understand traffic and improve the service. For more details, see our .
We use cookies.This website uses essential cookies to operate core features. With your consent, we also use analytics cookies to understand traffic and improve the service. For more details, see our .
Was this tool helpful to use?
Your feedback helps us make it better
Convert images into web-ready ICO icons. Supports multi-size output to perfectly fit any browser.
Choose filesUpload Image
Image (Supported formats: .gif, .jpeg, .jpg, .png, .svg, .webp)
Max 1 MB
Overview
Understand what the tool solves, how it works, and the boundaries of its data.
This generator has two starting modes. Upload a PNG, JPEG, GIF, WebP, or SVG image, or create a text-based mark with up to three custom characters. In image mode, the artwork is scaled to cover a square canvas, so parts of a wide or tall source image can be cropped at its edges. The upload limit is 1 MiB. Text mode lets you set the foreground and background colors, adjust the font size, choose a square, circle, or rounded background, or enable a transparent background.
The regular size buttons export separate PNG images at 48, 64, 128, and 256 pixels square. Two smaller buttons are labeled favicon.ico at 16 and 32 pixels, but their downloaded image data is PNG, not an ICO container. Keep those files identified and served as PNG; renaming PNG bytes to an ICO extension does not convert the format. HTML allows a site to declare an icon resource with rel="icon", plus a MIME type and size where appropriate. See the HTML Standard’s icon link definition for those declarations.
A 256-pixel preview is much larger than an icon shown in a browser tab. Simplify the mark, use strong contrast, and leave space around letters or shapes so fine detail does not collapse at 16 or 32 pixels. Download and inspect the actual small PNG before adding it to a site.
Guide
Follow the workflow and verify inputs and outputs with practical examples.
For an existing logo, select image mode and use a file under 1 MiB. For a simple placeholder or monogram, select text mode and enter no more than three characters.
In image mode, the source is centered and scaled to fill a square, with excess edges cropped. If the subject is clipped, add square padding to the source image before uploading. Text mode offers color, size, background shape, and transparency controls.
Save the individual PNG sizes that suit your use, then preview the smallest one at its actual pixel dimensions. Keep the 16- and 32-pixel downloads treated as PNG data even though their labels say .ico.
When you add an icon link to your page, make the URL, file extension, MIME type, and declared dimensions agree with the file you actually serve.
Use cases
See how the tool fits into real work and everyday tasks.
Turn a compact logo into several square PNG sizes, then select the dimensions and declarations your site needs.
Create a one-to-three-character mark with a chosen background and check whether it remains legible when reduced.
Use the larger PNG exports to review a concept with a teammate, while planning any additional app or platform-specific icons separately.
Q&A
Find concise answers to common questions and confusing cases.
No. The 16- and 32-pixel options contain PNG data despite the displayed filename. Use a true ICO conversion workflow if a deployment specifically requires an ICO container.
Image mode fills a square by scaling the image and cropping overflow at the center. Make a square source with padding around the full logo before upload when you need every edge visible.
They contain PNG data, so use a PNG extension and PNG MIME type when serving them. The displayed .ico label does not change the bytes into an ICO file.
Notes
Review scope, result limitations, and important precautions before use.
Related
Discover related tools, collections, and available API capabilities.