favicon.ico
Still the one file every browser and search engine looks for. Ours holds 16, 32 and 48 px versions.
Free converter · No sign-up
Favicon converter
Turn one image into every favicon your site needs: favicon.ico, Apple touch icon, Android and PWA icons, a web manifest and the HTML to paste into your page.
Converted in your browser. Your image is never uploaded.
How to make a favicon from an image
To make a favicon from an image, drop a PNG, JPG or SVG into the converter above and download the favicon pack. AI Icon Creator builds favicon.ico, the Apple touch icon, Android and PWA icons, a web manifest and the HTML tags in your browser, without uploading the image.
- 01
Add your image
PNG, JPG, WebP or SVG. A square logo of 512 px or more works best.
- 02
Check it at tab size
The preview shows the icon at 16 px in a browser tab. If it's hard to make out, crop closer or add a background.
- 03
Download and paste
Unzip the pack at your site root and paste the HTML into your <head>. That's it.
What goes into a favicon set
A favicon is the small icon a browser shows in tabs, bookmarks and history, and that search results show next to a site's name. A complete favicon set also covers phone home screens and installed web apps.
Apple and Android icons
iPhones use a 180 px apple-touch-icon. Android and installed web apps use 192 and 512 px icons, plus a maskable one they can crop to their own shape.
The web manifest
site.webmanifest tells browsers which icons to use when your site is added to a home screen. Fill in your site's name before you publish.
More free converters
Or turn your picture into a designed icon
Converting keeps your image exactly as it is. The AI tools redraw it as a proper app icon in a style you pick.
Favicon: common questions
Short answers about formats, sizes and privacy.
How do I convert an image to a favicon?
To convert an image to a favicon, add it to the converter above and download the favicon pack. The pack has favicon.ico, PNG favicons, Apple and Android icons and a web manifest, plus the HTML tags to paste into your page's <head>.
What size should a favicon be?
A favicon should be 16 and 32 px for browser tabs, 48 px for some screens and search results, 180 px for iPhones, and 192 and 512 px for Android and installed web apps. Start from a square image of at least 512 px and the pack covers every size.
Where do I put the favicon files?
Favicon files go at the root of your website, next to the home page, so that /favicon.ico loads. Then paste the tags from head-snippet.html into the <head> of every page and fill in your site's name in site.webmanifest. The README in the pack lists what each file is for.
Why isn't my new favicon showing?
A new favicon often doesn't show because browsers cache favicons for a long time. Reload with the cache cleared or open the site in a private window, and check that /favicon.ico opens on its own. Search results can take weeks to update.
Is this favicon converter free?
The AI Icon Creator favicon converter is free, needs no sign-up and adds no watermark. Your image is converted in your browser and never uploaded. You can make as many packs as you like; each has favicon.ico, the Apple touch icon, Android and PWA icons, a web manifest and the HTML to paste.
How do I add a favicon to my website?
To add a favicon to a website, upload favicon.ico and the other icon files to the site root, then add link tags for them in the page's <head>. The favicon pack here includes head-snippet.html with the exact tags and a README that explains each file.
Make a favicon for your next site
Free, no sign-up, and your image never leaves your device.