Logopack

Make a favicon from your logo

A modern site needs more than one favicon: favicon.ico for old browsers and tools, favicon.svg for sharp tabs, a 180 px Apple touch icon, 192 and 512 px PWA icons with a maskable version, and a web manifest. Logopack builds all of them from your logo in one upload.

Free with a watermark. Clean from €9, paid once.

A real result

Flask logo after vectorizing
Flask logo as uploaded
↔
AI-generated uploadLogopack vector
An AI-generated logo with a symbol and a wordmark, from our test set, straight through Logopack. Drag to compare.

The favicons it made

The wordmark is too small to read at 16 px, so Logopack used the flask symbol for the icons. The 16, 32 and 48 px files are shown enlarged, pixel for pixel.

  • 16 px favicon of the flask symbol

    16 px

  • 32 px favicon of the flask symbol

    32 px

  • 48 px favicon frame of the flask symbol

    48 px (in .ico)

  • Apple touch icon of the flask symbol on white

    Apple touch, 180 px

  • Maskable PWA icon of the flask symbol, shown in a circle mask

    Maskable PWA icon

Logos that still read at 16 px

A favicon is shown at 16 to 32 px, so only the simplest shapes survive: one bold symbol or a single letter, two or three colours, strong contrast. Full wordmarks, thin lines and small text turn into a smudge.

Logopack measures how much detail your logo loses at favicon size. If the whole logo is too busy and it has a separate symbol, the favicons and app icons use the symbol alone, while share images keep the full logo.

What the favicon set contains

favicon.ico (16, 32 and 48 px), favicon.svg, apple-touch-icon.png (180 px, opaque as iOS needs it), PNG icons at 192 and 512 px, a maskable 512 px icon with the art inside the safe zone, and site.webmanifest, plus the HTML tags to add to your page.

Try every file before you pay

  1. Upload your PNG

    The file your image generator gave you. A plain or transparent background works best.

  2. Download the full pack, free

    Every image file, with a watermark. Try the favicon in your site and the icon on your phone.

  3. Get it clean

    Pay once, from €9: AI redraws your logo flat and clean, and you get files without watermark plus the SVG vectors. No account, no subscription.

Pricing

Free
€0
Logo
€9
Best value
Complete
€19
✓
✓
✓
✓
✓
✓
✓
✓
AI clean-up before tracing (optional)
—
✓
SVG vectors that scale to any size
—
✓
Print-ready PDF and EPS
—
✓
Transparent PNGs, WebP and AVIF, black and white versions
Watermarked
✓
Favicons, touch icons, web manifest
Watermarked
—
iOS, Android and desktop app icons
Watermarked
—
Share images for links and profiles
Watermarked
—
Use on your site, in stores and print
Testing only
✓

One-time payment, no account, no subscription. The AI clean-up is included; untick it at checkout if you prefer the plain trace.

Questions

Where do I put the favicon files?
Copy them to the root of your site (or the public folder in frameworks like Next.js, Astro or Vite) and paste the included HTML tags into the <head>. Some frameworks pick up favicon.ico and icon files automatically.
Why does my favicon look blurry?
Usually because a large logo was simply scaled down. Logopack renders every size from the vector and can switch to the logo's symbol when the full logo is too detailed for 16 px.

More answers in the main FAQ.

More guides