Skip to content
Cloudhim

Favicon & Web App Manifest Generator

Turn an image or a letter into favicon.ico, Apple touch and Android icons, a maskable icon and site.webmanifest, with the HTML tags. Made in your browser.

Website FilesRuns in your browserFree, no sign-up

Your icon

Preview

Browser tab
favicon.ico (16, 32, 48)
32 × 32
iPhone home screen
Android (maskable, cropped to a circle)
512 × 512

Web app manifest

Add to your <head>

site.webmanifest

What’s in favicons.zip

  • favicon.ico: 16, 32 and 48 pixel icons in one file, for browser tabs, bookmarks and Google’s search results (which need a multiple of 48 pixels).
  • apple-touch-icon.png (180 × 180): the icon an iPhone or iPad uses when someone adds your site to the home screen. It has a solid background because iOS fills transparency with black.
  • icon-192.png and icon-512.png: for Android and installed web apps.
  • icon-maskable-512.png: a version with extra space around the artwork. Android crops icons to a circle or rounded shape, and anything outside the central safe zone (a circle 80% of the width) can be cut off.
  • icon.svg (when you upload an SVG): sharp at every size in modern browsers.
  • site.webmanifest, and head-tags.html with the tags to paste.

Everything is made in your browser. Your image isn’t uploaded to Cloudhim.

Installing the icons

  1. Unzip the files into your site’s root folder (or the folder you entered above). Keep favicon.ico in the root even if the others go elsewhere: some browsers and tools ask for /favicon.ico directly.
  2. Paste the tags into the <head> of every page. In WordPress, Site Icon in the Customizer does this for you from one 512 × 512 image.
  3. Browsers cache favicons hard. To see the new one, open the icon’s address directly, or test in a private window.

Why so few files?

Older generators produce 20 or more sizes, mostly for old versions of iOS, Windows tiles and Android. Current browsers need only these: an ICO for the tab, an Apple touch icon, two PNGs and a maskable icon in the manifest. Fewer files means fewer tags and nothing to keep in sync.

All tools