Why donate
API Explorer
Upgrade guide
NEW!
The quasar.config file
Convert to CLI with Webpack
Browser Compatibility
Supporting TypeScript
Directory Structure
Commands List
CSS Preprocessors
Routing
Lazy Loading - Code Splitting
Handling Assets
Boot Files
Prefetch Feature
API Proxying
Handling Webpack
Handling process.env
State Management with Pinia
State Management with Vuex
Linter
Testing & Auditing
Developing Mobile Apps
Ajax Requests
Opening Dev Server To Public
Quasar CLI with Webpack - @quasar/app-webpack
App Icons for Capacitor

Capacitor is one of the most complicated of all of the build targets as far as icons go, because not only do you need to place the icons in specific folders, you also need to register them in config files for both platforms (Android, iOS).

If you discover one file that is new or missing, please open an issue.

Icon Genie CLI

TIP

We highly recommend using the Icon Genie CLI, because it consumes a source icon and automatically clones, scales, minifies and places the icons in the appropriate directories for you. When needed, it also tells you what tags you’ll need to add to your /index.html or /src/index.template.html file.

Quickly bootstrap the necessary images with Icon Genie CLI. For a complete list of options, please visit the Icon Genie CLI command list page.

$ icongenie generate -m capacitor -i /path/to/source/icon.png [-b /path/to/background.png]

Depending on what packager (@electron/packager or electron-builder) you will be using, please see their docs on how to hook the icons.

Manual instructions

Unless you are using the Icon Genie app extension, these are the files that you need to replace:

splash.png
splash.png
splash.png
splash.png
splash.png
splash.png
splash.png
splash.png
splash.png
splash.png
splash.png
ic_launcher.png
ic_launcher_foreground.png
ic_launcher_round.png
ic_launcher.png
ic_launcher_foreground.png
ic_launcher_round.png
ic_launcher.png
ic_launcher_foreground.png
ic_launcher_round.png
ic_launcher.png
ic_launcher_foreground.png
ic_launcher_round.png
ic_launcher.png
ic_launcher_foreground.png
ic_launcher_round.png
AppIcon-20x20@1x.png
AppIcon-20x20@2x-1.png
AppIcon-20x20@2x.png
AppIcon-20x20@3x.png
AppIcon-29x29@1x.png
AppIcon-29x29@2x-1.png
AppIcon-29x29@2x.png
AppIcon-29x29@3x.png
AppIcon-40x40@1x.png
AppIcon-40x40@2x-1.png
AppIcon-40x40@2x.png
AppIcon-40x40@3x.png
AppIcon-512@2x.png
AppIcon-60x60@2x.png
AppIcon-60x60@3x.png
AppIcon-76x76@1x.png
AppIcon-76x76@2x.png
AppIcon-83.5x83.5@2x.png
splash-2732x2732-1.png
splash-2732x2732-2.png
splash-2732x2732.png