Free icon pack generator

Turn one image into icons for the web (favicon, Apple touch icon, web manifest), iOS and the App Store, Android apps and Google Play. Tick the platforms you need. Everything runs in your browser. Your image never leaves your device.

Platforms

Options

Background
Corners (PNG icons)

Apple, iOS, Google Play and maskable icons stay square. The system rounds them.

Preview

Choose an image to see your icons.

What you get

One ZIP with a folder per ticked platform:

  • web/favicon.ico
  • web/favicon-16x16.png
  • web/favicon-32x32.png
  • web/favicon-48x48.png
  • web/apple-touch-icon.png
  • web/android-chrome-192x192.png
  • web/android-chrome-512x512.png
  • web/icon-maskable-512.png
  • web/site.webmanifest
  • web/head-snippet.html
  • ios/AppIcon.appiconset/AppIcon-1024.png
  • ios/AppIcon.appiconset/Contents.json
  • ios/AppStore-1024.png
  • android/res/mipmap-mdpi/ic_launcher.png
  • android/res/mipmap-mdpi/ic_launcher_round.png
  • android/res/mipmap-mdpi/ic_launcher_foreground.png
  • android/res/mipmap-mdpi/ic_launcher_monochrome.png
  • android/res/mipmap-hdpi/ic_launcher.png
  • android/res/mipmap-hdpi/ic_launcher_round.png
  • android/res/mipmap-hdpi/ic_launcher_foreground.png
  • android/res/mipmap-hdpi/ic_launcher_monochrome.png
  • android/res/mipmap-xhdpi/ic_launcher.png
  • android/res/mipmap-xhdpi/ic_launcher_round.png
  • android/res/mipmap-xhdpi/ic_launcher_foreground.png
  • android/res/mipmap-xhdpi/ic_launcher_monochrome.png
  • android/res/mipmap-xxhdpi/ic_launcher.png
  • android/res/mipmap-xxhdpi/ic_launcher_round.png
  • android/res/mipmap-xxhdpi/ic_launcher_foreground.png
  • android/res/mipmap-xxhdpi/ic_launcher_monochrome.png
  • android/res/mipmap-xxxhdpi/ic_launcher.png
  • android/res/mipmap-xxxhdpi/ic_launcher_round.png
  • android/res/mipmap-xxxhdpi/ic_launcher_foreground.png
  • android/res/mipmap-xxxhdpi/ic_launcher_monochrome.png
  • android/res/mipmap-anydpi-v26/ic_launcher.xml
  • android/res/mipmap-anydpi-v26/ic_launcher_round.xml
  • android/res/values/ic_launcher_background.xml
  • google-play/play-store-icon-512.png

Fill in name and short_name in web/site.webmanifest after you download it.

HTML for your <head> (Web)

<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Put your app into a real scene with AI

Make mockups of your app in real scenes. Start with free credits.

Try Pixi