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.

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.

Icon Padding 0%

Apply padding to small icons

Background Options

Transparent

Apply to all

Color:

#ffffff

Beta Overlay Options

Overlay

Padding Preview

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