Favicon Generator

1. Image

⬆ Drag & drop or click to select PNG, SVG, WebP, JPG — 512×512 px minimum recommended (SVG ideal)

—

Dark mode variant OPTIONAL

Drop dark version here or click — leave empty to use the same image in both modes

2. What to generate

favicon.ico 16, 32, 48 px inside ICO

Favicon PNG 16×16, 32×32, 96×96

Apple Touch Icon 180×180 for iOS/iPadOS

PWA icons 192, 384, 512 px

manifest.json For PWA installation

OG Image 1200×630 for social networks

MS Tiles 144×144 + browserconfig.xml

Maskable icon 512×512 with safe zone padding

SVG favicon Adaptive dark/light · Chrome 80+, Firefox 41+

3. Settings

App name (for manifest)

Theme color

Background color manifest

Base path — prefix for all href/src in snippet & manifest

Corner radius 0%

0 = square · 25 = iOS-style · 50 = circle

0 50

Darken edges (multiply passes) 4

For thin logos & fine lines — more passes = darker edges

0 8

Add background behind icon

Useful for logos with transparency in dark mode

Background color