Launch a new website
Produce every icon of a small business site at once from its logo.
Favicon generator
Import a square image: the tool generates favicon.ico, PNG icons from 16 to 512 px, the Apple touch icon and the HTML tags to copy.
- Clipboard
- Export
Your files are processed locally in your browser and are never sent to our servers.
Choose a preferably square PNG, JPEG or WebP image up to 25 MB.
Drop your file here
Recommended size: up to 25 MB
Need more editing options?
Use multiple editing tools in one workspace, with your open file and its current edits.
Open the full editorWas this tool useful?
How does this tool work?
A favicon is the small icon shown in the browser tab, bookmarks, history and on a phone's home screen. Each place expects a specific size, from 16 px in a tab to 512 px for an installed web app. This generator creates, from a single image, the favicon.ico file, PNG icons from 16 to 512 px and the HTML tags to paste into your site's <head>.
Import a PNG, JPEG or WebP image of up to 25 MB, ideally square and at least 512 × 512 px. Click Generate favicons: the image is first converted to PNG, then scaled down to six square sizes, 16, 32, 48, 180, 192 and 512 px.
A non-square image is scaled without distortion and centred, with transparent margins. Files use the names browsers and operating systems expect: favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png (180 px), android-chrome-192x192.png and android-chrome-512x512.png.
favicon.ico bundles the 16, 32 and 48 px versions in a single ICO container, read by every current browser and by Windows. The recommended HTML tags appear with a Copy tags button, and Download the files saves all seven files to your device.
How to use this tool
Import the logo
Choose a square image, preferably a PNG with a transparent background or a solid colour.
Generate the favicons
Click Generate favicons and check the preview of each size, especially 16 and 32 px.
Install them on the site
Download the files, place them at the site root and paste the HTML tags into the <head>.
Use cases
Replace a blurry favicon
Regenerate sharp sizes from a high-resolution logo instead of enlarging an old 16 px icon.
Prepare a web app
Get the 192 and 512 px icons to reference in a PWA manifest.
Examples
A 600 × 400 px rectangular logo
At 32 × 32 px the logo is scaled by 32 ÷ 600 ≈ 0.053 and measures about 32 × 21 px, centred with a transparent band of just over 5 px at the top and bottom. A square logo would fill the whole icon.
Input
logo.png, 600 × 400 px, transparent backgroundResult
7 files: favicon.ico (16, 32, 48 px) and 6 square PNGs from 16 to 512 pxHTML tags to paste
Paths start with /: if you put the files in a subfolder, change the href values accordingly.
Input
Files placed at the site rootResult
<link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48"> followed by links to favicon-32x32.png, favicon-16x16.png, apple-touch-icon.png and the two Android iconsTips and best practices
- Simplify the logo for small sizes: at 16 px, text and fine details become unreadable, so prefer a symbol or an initial.
- For the Apple icon (180 px), use a source with a solid background: iOS fills transparency and rounds the corners itself.
- After publishing, clear the cache or open a private window: browsers keep the old favicon for a long time.
- Your browser may ask permission to download several files at once; allow it to get all seven files.
Sources and references
- WHATWG, HTML Living Standard — Link type icon (opens in a new tab)Page in English
Frequently asked questions
Which sizes are generated?
16, 32 and 48 px for tabs and shortcuts, 180 px for the iOS home screen, 192 and 512 px for Android and installed web apps, plus a favicon.ico holding 16, 32 and 48 px.
Do I still need a favicon.ico?
It is still useful: some browsers, feed readers and tools request /favicon.ico directly without reading your HTML tags.
My image is not square. Is it distorted?
No. It is scaled to fit entirely inside the square and centred; empty areas stay transparent. Crop it first if you want it to fill the whole icon.
Does the tool create the site.webmanifest file?
No. It provides the 192 and 512 px icons; add them to the icons array of your web app manifest.
Can I get an SVG favicon?
No, the tool produces raster PNG and ICO images. If your logo exists as SVG, you can also declare it with <link rel="icon" type="image/svg+xml">.
Is my logo uploaded to a server?
No. Conversion, resizing and building the ICO file all happen in your browser.
Related tools
Keep going with these tools
Tools similar or complementary to this one.
Similar tools
Crop a photo into a circle, round its corners and add a border, with a transparent background.
Images & graphicsNewUse this tool
Remove a white or solid-color background and get a transparent PNG, without uploading your image.
Images & graphicsNewUse this tool
Draw a frame on the image, lock a ratio (1:1, 4:5, 16:9…) and download the cropped part.
Images & graphicsFeaturedUse this tool
Read next
GuideFormatsBeginner
PNG, JPEG, WebP, or AVIF: Which Image Format Should You Choose?
Choose the right image format for photos, screenshots, transparent graphics, and interfaces without sacrificing quality or performance unnecessarily.
31 August 202618 min
GuideBest practicesBeginner
Image Metadata: Read It, Keep It, or Remove It?
Understand EXIF, GPS, XMP, IPTC, ICC profiles, rights information, and how to manage image metadata for privacy, publishing, and Web performance.
31 August 202613 min
GuideBest practicesBeginner
Convert a PDF to images or images to PDF
Learn what changes when PDF pages are rasterized, how resolution and image format affect quality, and when to assemble images into a PDF.
29 August 20262 min
GuideBest practicesBeginner
How to optimize 50 images for the Web at once
Resize a batch of images, convert them to WebP and remove metadata with one reusable Pipeline.
6 September 20262 min