Modern Favicon Generator

1. Upload Source Image

Upload a high-res PNG or JPEG (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, JPEG, or SVG)

Light and dark both use the recolored (inverted) SVG.

Same light & dark SVG

Shared SVG colours

Original Recolored

Preview BG:

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

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