Anleitung

Transparent Favicon Generator

A favicon with a solid background looks dated and clashes with dark-mode browsers. Generate one with full alpha transparency — it sits cleanly on every theme.

PNG and .ico both support alpha channels. Our generator preserves transparency from your source PNG or SVG end-to-end.

For the best dark/light theme handling, ship an SVG favicon alongside the .ico with a prefers-color-scheme media query.

So funktioniert es

  1. 1

    Export your logo with transparency

    PNG-32 or SVG, no background.

  2. 2

    Upload

    We detect alpha and preserve it in every size.

  3. 3

    Download

    Get a transparent .ico + PNG ready to ship.

Jetzt ausprobieren

Generate a transparent favicon

Favicon-Generator

FAQ

Does .ico support transparency?+

Yes — PNG-compressed entries inside .ico keep their alpha channel.

Why does my favicon have a white box?+

Your source PNG has a white background. Re-export from your design tool with no background fill.

Can SVG favicons adapt to dark mode?+

Yes. Embed a <style>@media (prefers-color-scheme: dark) { ... }</style> block.

Verwandte Tools

Weitere Anleitungen