Choose your artwork
Upload an SVG for the sharpest icons and an SVG favicon, or a PNG, JPG, WebP or HEIC. Signed in, you can pick one of your unlocked results instead.
Favicon and PWA icon generator
One upload, every icon a browser tab or a home screen asks for, plus the tags that point to them.
Make your favicon set
SVG, PNG, JPG, WebP, HEIC · up to 8 MB · free for your own files and unlocked results
What this tool does
Makes every icon your site needs from one image: favicon.ico, PNG favicons, an SVG favicon (from an SVG), an Apple touch icon on your background color, and web app icons — including maskable ones that stay clear when a phone crops them to its own shape. The ZIP also has site.webmanifest and favicon.html, the tags to paste into your pages. A PNG, JPG, WebP or HEIC gets every icon except the SVG favicon; this tool doesn't trace images.
For safety, scripts, animation, embedded web content, links and anything that loads another file are removed; your artwork and embedded PNG, JPEG or WebP images stay. The result lists anything removed.
Inputs, outputs and limits
Input
SVG, PNG, JPEG, WebP or HEIC
Output
ZIP with favicon.ico, PNG favicons, an SVG favicon (SVG sources), an Apple touch icon, PWA icons, site.webmanifest and the HTML tags
Limits
Files up to 8 MB; PNG, JPG and WebP images up to 24 megapixels, scaled to 1,536 px before export. It makes favicon.ico with 16, 32, 48 px images, PNG favicons at 16 and 32 px, a 180 px Apple touch icon and 192 and 512 px app icons, each also as a maskable icon whose artwork stays inside the safe zone (a centred circle, 40% of the icon's size in radius). Processing limit: 30 s.
How it works
Name it and pick colors
The name and short name go into the web manifest. The theme color is the tint some browsers give their interface; the background color fills the Apple touch icon and the maskable icons.
Upload the files and paste the tags
Put every file from the ZIP in the folder you gave as the path prefix, then paste the tags from favicon.html into the head of each page. The README in the ZIP says what each file is for.
Troubleshooting
Why is there no favicon.svg?
An SVG favicon is made only from an SVG that is all vector artwork. A PNG, JPG, WebP or HEIC, or an SVG with a picture inside it, gets the PNG and ICO favicons instead, and the result says so.
The old icon still shows
Browsers keep favicons in their cache for a long time. Open the page in a private window, or clear the site's data, to see the new files.
My logo looks small in the maskable icon
Launchers may crop a maskable icon to a circle, so the artwork is scaled to fit the circular safe zone. Lower the padding to make it larger; a round mark can fill the whole circle.
Does the path prefix change the manifest?
No. The icon paths inside site.webmanifest are relative to the manifest, so they work from any folder as long as the files stay together. The prefix sets the paths in favicon.html.
Access and pricing
This tool does not use credits when applied to a file you upload or a result you have already unlocked. Files are kept 24 hours for guests and 30 days in an account. See pricing.