Skip to content
ToolSMA

Favicon Generator

Shape
My Website

Add to your <head>

<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Turn a logo, image, letter or emoji into every favicon and app icon size a modern website needs — plus ready-to-paste HTML tags. Everything is generated in your browser and downloaded as one ZIP.

How to use the Favicon Generator

  1. Upload an image, or type letters or an emoji.
  2. Adjust background color, shape and padding.
  3. Preview the icons at real sizes.
  4. Download the ZIP and paste the HTML snippet into your site's <head>.

What's included

favicon.ico (16, 32 and 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), android-chrome-192x192.png, android-chrome-512x512.png and site.webmanifest.

Frequently asked questions

What image size should I upload?

A square image of at least 512 × 512 px gives the sharpest results.

Do I still need favicon.ico?

Yes, many browsers and tools still request /favicon.ico at the site root.