Skip to content
ImgWrench

Favicon Generator

Turn one logo into favicon.ico, an Apple touch icon, web app manifest icons and the HTML tags, in your browser.

Everything happens on your device. Nothing is uploaded.

Specs

favicon.ico16, 32 and 48 px in one file, for browser tabs, bookmarks and Google Search
apple-touch-icon.png180 × 180, for iPhone and iPad home screens
icon-192.png and icon-512.pngThe two sizes Chrome requires in a web app manifest
site.webmanifestLists the 192 and 512 icons, with your site name and colour if you add them
InputPNG, SVG, JPG, WebP, GIF, AVIF or BMP; 512 × 512 or larger, or an SVG, works best
OptionsFit (contain or cover), padding up to 15%, background colour for the Apple touch icon

Specs last verified: 2026-10-24

ImgWrench's favicon generator turns one image into every icon a website needs: favicon.ico for browser tabs and Google Search, an Apple touch icon for iPhone and iPad home screens, and the 192 and 512 pixel icons for a web app manifest. It also writes the manifest and the HTML tags.

How to add a favicon to your website

  1. Drop your logo into the tool above.
  2. Choose padding, and a background colour for the Apple touch icon if your logo is transparent.
  3. Download the ZIP and put every file in your site's root folder.
  4. Copy the HTML tags into the head of every page.

What's in the ZIP

  • favicon.ico holds 16, 32 and 48 pixel versions. Google Search accepts ICO and asks for a square icon.
  • apple-touch-icon.png is 180 × 180, the size Apple gives for iPhone.
  • icon-192.png and icon-512.png are the two sizes Chrome requires in a web app manifest.
  • site.webmanifest lists those icons, with your site name and colour if you add them.
  • icon.svg, when you start from an SVG.
  • head.html with the tags to paste.

Tips for a favicon that reads at 16 pixels

  • Use the mark, not the wordmark. A letter or symbol stays legible; a full name doesn't.
  • Fill the square. Keep padding low so the icon doesn't look tiny in a tab.
  • Check both tab colours. The preview shows your icon on light and dark tabs.

Where the sizes come from

Google Search Central's favicon guidelines (square, at least 8 × 8, larger than 48 × 48 recommended), web.dev's web app manifest guide (192 and 512 pixel icons for Chrome), and Apple's guide to configuring web applications (180 × 180 for iPhone).

Why ImgWrench

  • The whole set at once. Icons, manifest and HTML in one ZIP.
  • Sharp small sizes. The 16, 32 and 48 pixel icons get light sharpening.
  • Private by design. Your logo never leaves your device.

Frequently asked questions

How do I create a favicon for my website?

Drop your logo into the tool above. It makes favicon.ico, an Apple touch icon, two manifest icons and a site.webmanifest file at once. Download them as a ZIP, put the files in your site's root folder, and paste the HTML tags shown under the preview into the head of every page. A square logo of 512 × 512 or larger, or an SVG, gives the sharpest result.

What sizes does a favicon need?

Google asks for a square favicon of at least 8 × 8 pixels and recommends larger than 48 × 48. ImgWrench puts 16, 32 and 48 pixels inside favicon.ico for tabs, bookmarks and search results, adds a 180 × 180 Apple touch icon for iPhone and iPad, and makes the 192 and 512 pixel icons Chrome requires for installable web apps.

What HTML do I need to add a favicon?

Four tags in the head of each page: a link to favicon.ico, the Apple touch icon, and the web app manifest, plus a link to icon.svg when you start from an SVG. The tool writes them for you with a Copy button. The paths start with a slash, so the files must sit in the root folder of your site, next to the home page.

What is an Apple touch icon?

It's the icon iPhone and iPad use when someone adds your website to their home screen. Apple's recommended size for iPhone is 180 × 180 pixels, and a PNG named apple-touch-icon.png in your site's root folder is found even without a link tag. If your logo is transparent, you can give this one icon a solid background colour in the tool.

Can I make a favicon from an SVG?

Yes. Drop the SVG in and every PNG and ICO size is drawn from the vector, so nothing looks blurry. Your SVG is also added to the ZIP as icon.svg, with a link tag for it, because some browsers can show a vector favicon. Keep the drawing simple: fine lines and small text disappear at 16 pixels.

How do I make only a favicon.ico file?

Use the PNG to ICO converter if you just need the .ico. It lets you pick exactly which sizes go inside, from 16 up to 256 pixels. The favicon generator always puts 16, 32 and 48 pixels in favicon.ico, which suits websites, and adds the Apple and manifest icons modern browsers and phones look for.

Are my images uploaded anywhere?

No. The favicon generator runs entirely in your browser, so your logo never leaves your device and is never sent to a server. Every icon, the manifest and the ZIP are made locally. You can check this yourself: open your browser's network tab while you generate your icons, and you'll see that no image data is sent anywhere.