WoluTools
Find a tool

Images & Design

Make a favicon and app icons from one image

Upload a PNG or JPG logo and see it at tab size first. You get a ZIP with favicon, Apple touch and Android icons, the web manifest and the HTML tags to paste.

or drop it here

PNG, JPG · Up to 1 packs
Free account needed for your 3 free jobs a day

No file at hand? See the prepared example

Standard toolIncluded · 3 free jobs a dayFree: 3 jobs a dayPro: up to 200 jobs a day · €12.99/month or €89.99/year
  • PNG / JPG
  • Up to 1 packs
Prepared result preview · fictional sample dataSynthetic square brand mark
Source
Prepare browser, Apple and PWA sizes
Verified package preview
  • Six PNG sizes plus favicon.ico
  • Aspect ratio is preserved with transparent padding
  • Optional maskable art and labelled light/dark previews are generated

favicon.ico · icon-180x180.png · site.webmanifest · head-links.html · icon-validation.json · manifest.json

BringPNG, JPG
GetIcon ZIP, manifest, HTML and validation report
PrivacyEncrypted source · 24-hour result

One clear job, from source to download

  1. 1

    Add the source

    Supported formats and limits are visible before the upload.

  2. 2

    Confirm the settings

    Review the exact source, options, units and access before processing.

  3. 3

    Inspect and download

    Check the preview and warnings, then unlock the complete package.

Favicon, touch and app icons from one logo

What you upload

You upload one PNG or JPG logo per job and see it at browser tab size before you start. A square image works best. A non-square image keeps its aspect ratio and is padded with transparency, so nothing is stretched. A wide wordmark will still be hard to read at 16 pixels. This is a standard tool with 3 free jobs a day with a free account.

What is in the ZIP

You get six PNG sizes plus favicon.ico, the 180x180 Apple touch icon, a site.webmanifest file, head-links.html and icon-validation.json. The validation report notes small-size legibility and safe-zone problems. To add the icons, put the files at the paths shown in head-links.html and paste that block into your page head. The webmanifest uses the same paths. Then open your site and check the tab icon.

Themes, maskable art and previews

Themes can be single or light plus dark. With light plus dark, the pack is made for both, with labelled previews. Include maskable PWA icon places your mark inside the safe zone that Android crops to a circle or squircle. The previews only approximate how each platform draws the icon. They do not emulate a real device. Whether the icon looks right for your brand is your call.

Questions before you run it

Which icon files do I get?

Six PNG sizes plus favicon.ico, the 180x180 Apple touch icon, a site.webmanifest, a head-links.html snippet to paste, and a validation report.

Does my logo have to be square?

No. A non-square source keeps its aspect ratio and is padded with transparency, so nothing is stretched. A wide wordmark will still be unreadable at 16 pixels, and the validation report says so.

What is the maskable icon option for?

Android adaptive icons crop to a circle or squircle. With maskable art generated, your mark sits inside the safe zone instead of losing its edges to that crop.

Can I supply different icons for light and dark interfaces?

Set Themes to light plus dark and the pack is produced for both, with labelled previews. Those previews approximate how each platform draws the icon; they are not OS emulation.

How do I add the icons to my site?

Drop the files at the paths shown in head-links.html and paste that block into your page head. The webmanifest entries follow the same paths.