Open this page over HTTP

This tool loads ES modules, which browsers block when a page is opened straight from disk over file://. Nothing below would run.

From the project folder, run npm run dev and open http://localhost:5500/favicon-generator/.

Favicon Generator

One image in, a complete favicon set out — .ico, every PNG size and a manifest

Everything runs in your browser. Your image is never uploaded.

Drop your logo here or

A square PNG or SVG of at least 512×512 gives the best results

Site name

Used in the web manifest.

Theme colour

Browser UI colour on mobile.

Padding 0%

Breathing room around the logo.

Background

Fill transparency