Home / Design Tools / Favicon Generator

Favicon Generator

One logo in - a complete favicon pack out: ICO, PNGs, Apple touch icon, manifest and HTML.

How to use

  1. Drop in your logo (square, 512px or larger is ideal).
  2. Click generate - every required size is rendered.
  3. Download the ZIP and copy the included HTML snippet into your <head>.

Frequently asked questions

What's included in the pack?

favicon.ico (16/32/48), PNG favicons, apple-touch-icon (180px), Android Chrome icons (192/512px), site.webmanifest and a ready HTML snippet.

What image should I start from?

A square PNG or SVG-exported image at 512px+ with a simple, bold design - favicons are tiny, so detail disappears.

Related tools

  • CSS Gradient Generator — Design linear and radial gradients with live preview and CSS out.
  • Color Palette Generator — Generate harmonious 5-color palettes - analogous, complementary, triadic.
  • Glassmorphism Generator — Frosted-glass card CSS with blur, opacity and radius controls.
  • Neumorphism Generator — Soft-UI shadows with raised and pressed variants.
  • CSS Shadow Generator — Craft box-shadows visually - offset, blur, spread, opacity.
  • CSS Border Radius Generator — Per-corner border radius with live preview - including organic blob shapes.

See all design tools