🖼 Image & Media

Favicon Generator

Turn an image, text or emoji into favicons at every size (16–512px), an apple-touch-icon and a favicon.ico. Download them all in one ZIP, with an HTML snippet to drop into your <head>. Everything is done in your browser (Canvas) — images never leave your device.

Examples (click to try)
Text color
Background
Preview

How to use the favicon generator

Pick a source (text, emoji or image) with the segmented control, then set the text or image plus the background color, shape and padding. The preview updates live as you change settings. Press “Download all as ZIP” to save every size, the apple-touch-icon, favicon.ico and a ready-to-paste HTML snippet in a single ZIP. If you only need the .ico, use the button on the right.

Files generated and how to install them

The ZIP contains: favicon-16x16.png / favicon-32x32.png / favicon-48x48.png / favicon-64x64.png / favicon-128x128.png / favicon-192x192.png / favicon-256x256.png / favicon-512x512.png / apple-touch-icon.png (180px) / favicon.ico / snippet.html. Put the files at your site root and paste this into your <head>:

<link rel="icon" href="/favicon.ico" sizes="any">
<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">
  • Text: place 1–3 characters over a background — great for an initial.
  • Emoji: turn any emoji straight into an icon.
  • Image: scale your own image (e.g. a logo) down to each size. Square images look best.
  • Shape / padding / background: square, rounded or circle, with optional padding and a background color (transparency supported).

Handy when you want to…

  • quickly produce a favicon for a new site or app
  • export a full set of icon sizes from a single logo
  • build a simple initial-only favicon

Need to crop your image for the icon first? Try Image Crop, or Image Resize to just change the size.

FAQ

Is my uploaded image sent to a server?
No. Resizing and favicon generation happen entirely in your browser (Canvas). Your image is never uploaded or stored anywhere.
Which favicon sizes are generated?
PNGs at 16, 32, 48, 64, 128, 192, 256 and 512px, a 180px apple-touch-icon, and a favicon.ico bundling the 16/32/48px frames. They download together as a ZIP, along with a ready-to-paste HTML snippet.
How do I install the favicons?
Put the files from the ZIP at the root of your site and paste the shown HTML snippet (link rel=icon / apple-touch-icon, etc.) into your page's <head>. Most browsers also pick up favicon.ico automatically if it sits at the root.