Modern Favicon Generator

1. Upload Source Image

Upload a high-res PNG (to trace) or an existing SVG (to recolor). Square aspect ratio works best.

Processing Mode

📐 Vector (Trace SVG) 🖼️ Direct Resize (No SVG)

Click to browse or drag & drop
(PNG or SVG)

We generated a Dark Mode version. Use the swap button to switch them if needed.

Preview BG:

Tracing Settings (PNG Only)

Colors 8

Detail Level 1.0

Smoothing 1

Create the ZIP containing PNG fallbacks and your theme-aware SVGs.

Download the .zip and paste the code below into your HTML <head>.