Favicon Generator
Produces the whole favicon set — ICO, PNGs, Apple touch icon, web manifest — plus the HTML to paste.
A favicon stopped being one file some years ago: a site needs the .ico for the root request, PNGs at three sizes for tab bars, an Apple touch icon because iOS ignores the manifest, and a maskable icon because Android crops to a shape it chooses. This produces all of them, the manifest, and the markup to paste.
Drop your logo
A square PNG at 512×512 or larger gives the best result. SVG needs rasterising first.
How to use it
Drop a square logo, 512px or larger
Everything is derived by downscaling, so the largest icon in the set is as good as what you started with and no better.
Set the name and the short name
The short name is what appears under the icon on a home screen, and both Android and iOS cut it around twelve characters.
Choose the theme and splash colours
They go into the manifest: the theme colour tints the browser chrome on Android, the background is what a launched PWA shows before it paints.
Take the zip and paste the markup
The files go at the site root; the `<link>` block goes in `<head>`. Both are produced together so the paths agree.
Common questions
What is the maskable icon for?
Android crops home-screen icons to a shape the device chooses — circle, squircle, teardrop — and only guarantees the central 80%. The maskable icon always gets 10% padding regardless of your padding setting, so the crop cannot reach the artwork.
Can I use an SVG favicon instead?
You can add one, and it is the nicest option where it works — but it does not replace the set. Safari on iOS wants the touch icon, Android wants the manifest icons, and the root .ico is requested regardless. Rasterise the SVG first and drop the PNG here.
How much padding should I use?
None for a mark designed to fill its frame; ten to fifteen per cent for a logotype that needs breathing room at 16px. The tab-bar sizes are where padding costs the most, because there is so little room to give away.
Feed it from
SVG Optimiser
Removes editor cruft, collapses transforms and rounds path precision, showing the rendered diff.
ICO Converter
Builds a multi-resolution .ico from an image, or unpacks the images inside an existing .ico.
SVG to PNG
Renders an SVG to PNG, JPEG or WebP at any scale factor, with a transparent or filled background.
PNG Compressor
Quantises the palette and rewrites the deflate stream to shrink a PNG without changing its dimensions.
Next
These accept what this tool produces, so the result can go straight in.
ICO Converter
Builds a multi-resolution .ico from an image, or unpacks the images inside an existing .ico.
Image Resizer
Resizes by pixels, percentage or a target longest edge, with aspect-ratio lock and batch presets.
PNG Compressor
Quantises the palette and rewrites the deflate stream to shrink a PNG without changing its dimensions.
SVG Optimiser
Removes editor cruft, collapses transforms and rounds path precision, showing the rendered diff.
Background Remover
Keys out a flat or single-colour background in OKLab and returns a transparent PNG, with a brush for fixing the edges.
EXIF Remover
Strips camera, GPS and editing metadata from photos while leaving the pixels untouched.