Favicon Generator

Create favicons from letters, emoji, or images. Preview in browser tabs, bookmarks, and mobile home screens. Download all sizes.

Text (1-3 characters)

Font Weight

Text Color

Pick an Emoji

Upload Image (PNG, SVG, JPG)

Image will be cropped to center square and resized to all favicon sizes.

Loads the last exported logo from Logo Maker (stored in localStorage).

Background

Shape

Corner Radius: 20%

Effects

Drop Shadow Border Glow

All Sizes

In Context

Browser Tab

My Website

New Tab

mywebsite.com

Bookmark Bar

GitHub

My Site

Docs

Mobile Home Screen

Phone

Mail

My Site

Safari

HTML Tags

<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" sizes="192x192" href="/icon-192.png">
<link rel="icon" sizes="512x512" href="/icon-512.png">
<link rel="manifest" href="/manifest.json">

manifest.json snippet

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