Favicon Generator

Generate a complete favicon package — ICO, SVG, PNG, and webmanifest — entirely in your browser.

Source

Appearance

#101828
Shape

Applies to the browser icon. Home screens use their own mask.

Maskable icons

Extra icons that survive Android's launcher crop.

HTML

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="167x167" href="/apple-touch-icon-167x167.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">

Preview

Browser tab
My Site

Actual size — 16×16

Home screen
iOS
Android

iOS and Android apply their own mask. Keep detail away from the corners.

Package

11 files
  • favicon.ico16+32+48
  • favicon-16x16.png16×16
  • favicon-32x32.png32×32
  • favicon-48x48.png48×48
  • apple-touch-icon-152x152.png152×152
  • apple-touch-icon-167x167.png167×167
  • apple-touch-icon.png180×180
  • android-chrome-192x192.png192×192
  • android-chrome-512x512.png512×512
  • site.webmanifestjson
  • html-snippet.txthtml

Add an image, some initials, or an emoji to download.