Skip to content
IconHub
⌘K
Sign inJoin free
Free tool

Favicon and app icon generator

Pick an icon or upload your logo, choose a shape and colors, then download ready-made icon sets for your website, Chrome extension, iOS app and Android app.

No icon yetDrop an SVG, PNG or JPG here
Start from an icon
Find another icon
Shape
Background color
62%
No icon yet

Download for your platform

Everything is made in your browser. Your uploads never leave your device.

8 filesWebsiteA favicon for every browser, the Apple touch icon, and install icons with a web app manifest.
Files in this ZIP
  • favicon.ico
  • favicon.svg
  • apple-touch-icon.png
  • icon-192.png
  • icon-512.png
  • icon-maskable-512.png
  • site.webmanifest
5 filesChrome extensionToolbar and store icons with the padding the Chrome Web Store asks for. Works for Edge and Firefox too.
Files in this ZIP
  • icons/icon16.png
  • icons/icon32.png
  • icons/icon48.png
  • icons/icon128.png
5 filesiOS appA 1024 px app icon for Xcode, plus dark and tinted versions for iOS 18 and later.
Files in this ZIP
  • AppIcon.appiconset/AppIcon-1024.png
  • AppIcon-1024-dark.png
  • AppIcon-1024-tinted.png
  • Contents.json
25 filesAndroid appAn adaptive icon with a themed (monochrome) layer, launcher icons for older phones, and a 512 px Play Store icon.
Files in this ZIP
  • res/mipmap-*/ic_launcher.png
  • ic_launcher_round.png
  • ic_launcher_foreground.png
  • ic_launcher_monochrome.png
  • mipmap-anydpi-v26/*.xml
  • playstore-icon.png

Add the website icons

Unzip the website set into your site’s public root, then paste these four lines into the head of your pages.

index.html · <head>
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

More free tools

All tools

Questions

Which favicon files does a website need?

A favicon.ico with 16, 32 and 48 px images for browsers and search results, an SVG favicon for modern browsers, a 180 px Apple touch icon, and 192 px and 512 px icons listed in a web app manifest. The website ZIP has all of them, plus the HTML to add.

Why do the iOS and Android icons fill the whole square?

Both systems cut icons into their own shape and don’t allow transparent corners. The generator fills the square with your background color and keeps the artwork inside the safe area, so nothing gets cropped.

What is a maskable icon?

Android and some browsers crop installed web apps into circles or rounded squares. The maskable icon keeps the artwork inside the middle 80% of the image, so the crop never cuts it.

Can I use my own logo?

Yes. Upload an SVG, PNG or JPG and it is turned into every icon size right in your browser. The file is not sent to IconHub. An SVG, or a PNG of at least 512 px, gives the sharpest result.

Can I use these icons in a commercial app?

Yes. IconHub icons are free for personal and commercial use with attribution (“Icons by IconHub”). Artwork you upload stays yours.