Skip to content
T TechnShield
Tool

Favicon Generator

Create crisp favicons from images or text. Control shape, padding, background & gradient, then export PNG, ICO, and a ready-to-use manifest + HTML snippet.

Source
Export

Transparent PNG or SVG recommended. Non-square images are centered and scaled to fit.

12 %
8 px

180: Apple touch • 192/512: PWA (maskable)

Preview
16
16×16
32
32×32
64
64×64
Tab mock
tab
Your Site — Favicon Preview
PNG & ICO
Manifest + HTML
Gradient & shape
ZIP export

How it works

1) Choose source

Upload an image/SVG or use a text/emoji glyph. Set shape, padding, and background.

2) Preview sizes

Live previews for 16/32/64. Generate the full set and tweak until it looks perfect.

3) Export

Download individual PNGs, a multi-size ICO, a ZIP with manifest + HTML snippet, or process on the backend.

Favicons: Sizes, Formats & Best Practices

Generate the right icon set for browsers, iOS home screens, Android PWAs, and Windows tiles.

Recommended sizes

  • favicon.ico (multi-size, includes 16, 32, 48, 64, 128, 256)
  • apple-touch-icon 180×180 PNG
  • Android/PWA 192×192 and 512×512 PNG (maskable)
  • Fallback 32×32 PNG (rel="icon")

PNG vs ICO vs SVG

ICO is still the safest for desktop favicons (Windows). Modern ICOs can embed PNGs. PNG works everywhere for apple-touch and PWA icons. SVG is perfect for pinned tabs on some browsers, but not universally supported as a favicon file.

PWA manifest & maskable icons

Provide 192 and 512 PNGs. Use purpose: "maskable any" so Android launchers can crop safely. Our ZIP includes a starter site.webmanifest.

Design tips

  • Use a bold letter/mark and high contrast.
  • Add sufficient padding (6–10 px for 64×64).
  • Prefer flat shapes; thin details get lost at 16×16.
  • Keep edges crisp by rendering at device pixel ratio.

FAQ

Do I need both ICO and PNG?

Yes. Use favicon.ico and a 32×32 PNG fallback, plus apple-touch 180×180, and PWA icons (192/512).

Is transparency supported?

Yes. Enable “Transparent background” and use shapes/gradients over alpha.

Can I upload SVG?

Yes. It’s rasterized on-device into crisp PNGs for each size.