SaveForMeNow
EN
Remove background
ImageCompress imageResize imageCrop imageSocial media resizerInstagram without croppingConvert imageHEIC to JPGAVIF to JPGUpscale imageAI photo enhancerDPI checkerPassport photo makerRemove watermarkWatermark imageRotate & flipRemove photo locationSee all image tools →
PDFMerge PDFSplit PDFOrganise PDFCompress PDFEdit PDFSign PDFAdd page numbersWatermark PDFProtect PDFUnlock PDFJPG to PDFPDF to WordWord to PDFPDF to ExcelExcel to PDFPDF to JPGSee all PDF tools →
Video & AudioCompress videoTrim videoConvert videoMerge videosVideo to GIFRotate videoCrop videoChange speedMute videoVideo to textScreen recorderVideo to MP3Trim audioRingtone makerMerge audioVoice recorderSee all video and audio tools →
MoreAdd text to imageMeme makerCollage makerFavicon generatorWord counterCase converterPassword generatorJSON formatterPercentage calculatorUnit converterTime zone converterQR code scannerQR code generatorSee all design tools →
GuidesVideo downloader

Favicon generator

Make a complete favicon set from your logo, or from letters or an emoji: favicon.ico, PNG sizes, Apple touch icon, Android icons, web manifest and the HTML to paste in.

Loading tool…

What is a favicon?

A favicon is the small icon shown in browser tabs, bookmarks, search results and on phone home screens when someone saves your site. Modern sites need several sizes: a favicon.ico for browsers, 16 and 32 pixel PNGs, a 180 pixel Apple touch icon for iPhones and iPads, and 192 and 512 pixel icons for Android and web apps.

This generator makes all of them from one logo (PNG, SVG, JPG or WebP), or from one to three letters or an emoji on a coloured background. You get a ZIP with every file, a site.webmanifest and the exact HTML to paste into your site's <head>. Everything happens in your browser, so your images are never uploaded.

Next steps:Image to ICO

How it works

  1. Add your logo or letters

    Choose an image, or type 1–3 letters or an emoji.

  2. Style it

    Pick a background, shape and padding. The preview shows it in a browser tab.

  3. Download and install

    Upload the files to your site's root folder and paste the HTML into <head>.

Guide

Questions

What size should a favicon be?

Provide several: a favicon.ico with 16, 32 and 48 px images, 32 px and 16 px PNGs, a 180 px Apple touch icon, and 192 px and 512 px icons for Android. This generator makes all of them.

Do I still need favicon.ico?

Yes. Some browsers, feed readers and tools still request /favicon.ico directly, and Google Search can use it. Keep it alongside the PNG icons.

Can I use an SVG favicon?

Yes. If you upload an SVG it's included as favicon.svg, which modern browsers show crisply at any size. The PNG and ICO files cover every other browser.

How do I add the favicon to my website?

Upload every file to the root folder of your site, then paste the link tags from the download into the <head> of your pages. On WordPress, you can also set a Site Icon under Appearance > Customize.

Why doesn't my new favicon show up?

Browsers cache favicons for a long time. Open the site in a private window, or clear the cache, to see the new one.