Favicon Generator

Turn a logo or simple brand initials into a favicon package with browser icons, Apple touch icon, Android sizes, and copy-ready HTML.

Image Waiting for result

Was this tool helpful?

Report issue

Icon package

Live favicon preview

Check tiny, mobile, and PWA sizes before downloading. Small icons need strong contrast and simple shapes.

Ready

Source

Text icon

6 Sizes

Drop a logo or start from text

Use a square logo if possible. Transparent PNG, JPG, WebP, and SVG image files work best.

upload_fileChoose image

Drop a logo or start from text

Brand initials

BackgroundText color

Image fitPadding: 14%

Rounded shape: 28%

Generated sizes

Download individual PNG sizes or copy the implementation snippets.

HTML link tags

Place these tags inside the head of your page after uploading the downloaded files to /favicon.

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

Manifest icons

Add these icon entries to your web app manifest when using PWA install prompts.

{
  "icons": [
    {
      "src": "/favicon/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/favicon/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

Quality checklist

Use a simple shape that remains readable at 16px.
Keep strong contrast between background and mark.
Use 1-2 letters for text icons.
Check light tabs, dark tabs, and mobile home screens.

Result workspace

Save this result, compare previous runs, or share a report.

What this favicon generator creates

A good favicon set needs more than one 16px image. This tool prepares common PNG sizes for browser tabs, bookmarks, mobile home screens, and PWA manifests, then shows the link tags you can paste into your site head.