Favicon Converter
Convert images to favicon formats
- Files never leave your device
- Runs in your browser
- Free, no sign-up, no watermark
Drop a logo or image here, or click to choose
A square image of at least 512 × 512 px gives the sharpest results. SVG is best of all.
How to use Favicon Converter
Turn a logo or image into a complete favicon set: favicon.ico, PNG sizes, an Apple touch icon, Android and maskable icons, a web manifest and the HTML tags to paste. Everything is drawn in your browser, and an SVG source also gets a sharp favicon.svg.
- 1
Drop a logo or image on the page, click to choose one, or paste it with Ctrl+V. PNG, JPG, SVG, WebP, GIF, AVIF, ICO and HEIC all work.
- 2
Under Fit, choose Fit whole image or Crop to square, and turn on Trim empty edges if the logo has transparent margins.
- 3
In Icon style, set the Background (None, Solid or Gradient), Shape and Padding while watching the browser-tab and Home screen previews.
- 4
Fill in Site details (site name, short name, theme color, icon folder URL) and pick the sizes under Output.
- 5
Click Download package (ZIP), upload the files to your site, and copy the tags from Paste into <head> into your page.
Frequently asked questions
Is my logo uploaded to a server?
No. Every icon is rendered with canvas in your browser, so the image never leaves your device.
Which files are in the package?
favicon.ico (16, 32 and 48 px by default, up to 256 px), favicon-16x16.png and favicon-32x32.png plus any extra PNG sizes you tick, apple-touch-icon.png (180 px), android-chrome 192 and 512 px, maskable-icon-512x512.png, site.webmanifest and favicon-snippet.html. You can also download any single file from the Files list.
What source image works best?
A square image of at least 512 × 512 px. Smaller images are upscaled and the page warns you they will look soft. An SVG is best: it stays sharp at every size and adds favicon.svg to the package.
My logo is not square. What happens?
Fit whole image keeps the entire logo and leaves empty space around it. Crop to square fills the icon and cuts off the longer sides.
Why does the Apple touch icon get a white background?
iOS does not show transparency on home-screen icons, so apple-touch-icon.png and the maskable icon are always opaque squares. With Background set to None they are filled white, and the maskable icon keeps the artwork inside the safe zone Android may crop to a circle.
How is this different from the Favicon Generator?
The Converter starts from an image you already have. The Favicon Generator builds the icon from letters, an emoji or an open-source icon, and produces the same package.