Tauri ships with a default iconset based on its logo. This is NOT what you want when you ship your application. To remedy this common situation, Tauri provides the
icon command that will take an input file (
"./app-icon.png" by default) and create all the icons needed for the various platforms.
StoreLogo.png= Currently unused but intended for AppX/MS Store targets.
Note that icon types may be used on platforms other than those listed above (especially
png). Therefore we recommend including all icons even if you intend to only build for a subset of platforms.
tauri-cli version 1.1 the
icon subcommand is part of the main cli:
npm run tauri icon
yarn tauri icon
pnpm tauri icon
cargo tauri icon
> cargo tauri icon --help
Generates various icons for all major platforms
cargo tauri icon [OPTIONS] [INPUT]
<INPUT> Path to the source icon (png, 1240x1240px with transparency) [default: ./app-icon.png]
-h, --help Print help information
-o, --output <OUTPUT> Output directory. Default: 'icons' directory next to the tauri.conf.json file
-v, --verbose Enables verbose logging
-V, --version Print version information
By default, the icons will be placed in your
src-tauri/icons folder where they will automatically be included in your built app. If you want to source your icons from a different location, you can edit this part of the
Creating the icons manually
If you prefer to build these icons yourself (if you want to have a simpler design for small sizes or because you don't want to depend on the CLI's internal image resizing), the required layer sizes and names for the
icns file are described in the Tauri repo and the
ico file must include layers for 16, 24, 32, 48, 64 and 256 pixels. For an optimal display of the ICO image in development, the 32px layer should be the first layer.