Favicon Generator

Create a favicon from any image or text/emoji. Export as .ico and PNG pack.

favicon generator favicon creator favicon maker ico generator favicon png website icon favicon from image favicon from emoji
Free Client-Side Private
Source
Drop image here or browse
Background
Shape
Padding
Export sizes
🔒 This tool runs entirely in your browser — your files are never uploaded to any server.

Favicon Generator lets you create a browser favicon from any image, letter, or emoji right in your browser. Upload a PNG, JPG, SVG, or WebP file — or type a character — then adjust the background color, shape, and padding, and export both a ready-to-use favicon.ico and a full PNG pack in all standard sizes including 16×16, 32×32, 48×48, 64×64, 128×128, 180×180 (Apple Touch Icon), 256×256, and 512×512.

How to Use

  1. Choose a Source — Image to upload a logo or photo, or Text / Emoji to type a character
  2. Image source: drag and drop a file onto the drop zone, or click browse to pick one from your device
  3. Text source: type a letter, word (up to 4 chars), or paste an emoji into the field, then choose a font and text color
  4. Set the Background color, or check Transparent for a see-through background
  5. Pick a Shape — Square, Rounded (adjustable corner radius), or Circle
  6. Drag the Padding slider to add space between the icon and its edges
  7. Check or uncheck the Export sizes you need — all sizes from 16×16 to 512×512 are available
  8. Click Download .ico to get a single favicon.ico containing the four most common sizes (16, 32, 48, 256)
  9. Click PNG pack (.zip) to download all selected sizes as individual PNG files plus a usage README.txt

Options

  • Image source — any raster or vector image (PNG, JPG, WEBP, SVG); automatically scaled to fit
  • Text / Emoji source — System Default, Serif, Monospace, Cursive, or Fantasy font face
  • Transparent background — renders with no background color (PNG alpha channel preserved; .ico supports transparency too)
  • Square — no clipping; full square icon
  • Rounded — adjustable corner radius from 1% to 49%
  • Circle — fully circular clip mask
  • Inner padding — 0–40% inset; useful to prevent the design touching the edges
  • 16×16 — classic browser tab favicon
  • 32×32 — standard taskbar and bookmark icon
  • 48×48 — Windows site icon
  • 64×64 — higher-DPI fallback
  • 128×128 — Chrome Web Store and thumbnail
  • 180×180 (Apple) — apple-touch-icon.png for iOS home screen shortcuts
  • 256×256 — modern OS and PWA manifest icon
  • 512×512 — PWA splash screen and high-resolution manifest

FAQ

What is a favicon?

A favicon is a small icon associated with a website. Browsers display it in the address bar, browser tab, bookmarks bar, and history. It also appears as the app icon when a user adds a website to their home screen on mobile.

What is the difference between .ico and PNG?

The .ico file format can bundle multiple image sizes into a single file, which older browsers and Windows require. Modern browsers also accept PNG favicons directly. The best practice is to include both: a favicon.ico for legacy support and several PNG sizes for modern browsers and Apple devices.

Can I use a transparent background?

Yes. Check Transparent before downloading. Transparent PNG files preserve the alpha channel. The .ico format also supports transparency via its 32-bit PNG encoding.

Which HTML tags do I need?

<link rel="icon" href="/favicon.ico">
<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">

Does the tool upload my image to a server?

No. Everything runs in your browser using the HTML5 Canvas API. No data is sent to any server.

What image formats can I upload?

PNG, JPG/JPEG, WebP, GIF, SVG, and most other formats the browser can decode via an <img> element.

Report an issue