iblai-iconography

star 14

Generate every required app-icon size for Tauri desktop, iOS, Windows MSIX, and macOS builds from a single source image. Use when the user mentions app icons, icon generation, iconography, favicons, replacing the logo, or needs the full icon set for a desktop/mobile build. The ready-made default ibl.ai icon set ships in iblai-ops-build/assets/icons/.

iblai By iblai schedule Updated 6/10/2026

name: iblai-iconography description: Generate every required app-icon size for Tauri desktop, iOS, Windows MSIX, and macOS builds from a single source image. Use when the user mentions app icons, icon generation, iconography, favicons, replacing the logo, or needs the full icon set for a desktop/mobile build. The ready-made default ibl.ai icon set ships in iblai-ops-build/assets/icons/. globs: alwaysApply: false

Generate Tauri App Icons

Generate all required icon sizes for Tauri desktop, iOS, Windows MSIX, and macOS builds from a single source image.

The default ibl.ai icon set (every size below) is bundled at iblai-ops-build/assets/icons/ — copy it into src-tauri/icons/ as a starting point, or regenerate from your own logo with the commands here.


Quick Start

# Option A — Tauri's built-in (standard desktop/mobile icons, no MSIX)
# Requires @tauri-apps/cli + Rust toolchain:
pnpm exec tauri icon path/to/logo.png

# Option B — ImageMagick (the full set INCLUDING the MSIX logos below)
# Requires `convert`; one resize per target size, e.g.:
for s in 32x32 128x128 256x256; do \
  convert path/to/logo.png -resize $s -gravity center -background none \
    -extent $s -alpha on PNG32:src-tauri/icons/$s.png; done

Both write to src-tauri/icons/, overwriting existing files. For the complete MSIX size list plus the multi-resolution .ico / .icns recipe, see /iblai-ops-build → builds-command.


Source Image Requirements

  • Format: PNG or SVG
  • Shape: Square recommended (1:1 aspect ratio)
  • Size: Minimum 512x512 pixels for best quality at all output sizes
  • Non-square images: Centered on a transparent square canvas (letterboxed)

ImageMagick Installation

Required for the ImageMagick path (the full MSIX set). Not needed for pnpm exec tauri icon.

Platform Command
macOS brew install imagemagick
Ubuntu/Debian sudo apt install imagemagick
Arch Linux sudo pacman -S imagemagick
Fedora/RHEL sudo dnf install ImageMagick
Windows winget install ImageMagick.ImageMagick

If ImageMagick is not installed, use pnpm exec tauri icon (standard set, no MSIX logos).


Generated Icon Files

All icons are written to src-tauri/icons/:

Tauri Bundle Icons (referenced in tauri.conf.json)

File Size Used by
32x32.png 32x32 Taskbar, file explorer
128x128.png 128x128 App launcher
128x128@2x.png 256x256 macOS HiDPI (Retina)
icon.png 256x256 Fallback / source
icon.ico 16+32+48+256 Windows executable icon
icon.icns 128x128 macOS app bundle

MSIX Icons (referenced in AppxManifest.xml)

File Size Used by
StoreLogo.png 50x50 Microsoft Store listing
Square44x44Logo.png 44x44 Taskbar
Square71x71Logo.png 71x71 Start menu (small)
Square150x150Logo.png 150x150 Start menu (medium)
Square310x310Logo.png 310x310 Start menu (large)
Wide310x150Logo.png 310x150 Start menu (wide tile)

Comparison: ImageMagick vs tauri icon

Feature ImageMagick (convert) pnpm exec tauri icon
Tauri bundle icons (PNG, ICO, ICNS) Yes Yes
MSIX icons (StoreLogo, Square*, Wide*) Yes No
Multi-resolution ICO Yes (16+32+48+256) Yes
macOS ICNS Yes Yes
Requires ImageMagick (convert) @tauri-apps/cli + Rust
Transparent background Always Depends on source
Non-square handling Centers on transparent canvas Resizes/crops

Recommendation: Use ImageMagick if you plan to build MSIX packages (Windows Store / enterprise). Use pnpm exec tauri icon if you only need standard desktop builds (NSIS, MSI, DMG, AppImage).


Default Icons

Generated apps ship with ibl.ai logo icons as defaults. Replace them with your own logo at any time:

pnpm exec tauri icon my-company-logo.png        # standard set
# (+ the ImageMagick step from Quick Start for the MSIX logos)

Regenerating After Logo Change

Simply re-run with the new source image:

pnpm exec tauri icon path/to/new-logo.png       # standard set
# (+ the ImageMagick step from Quick Start for the MSIX logos)

All icons in src-tauri/icons/ are overwritten. Commit the updated icons.


Troubleshooting

"Icon is not RGBA"

Tauri requires RGBA PNGs (with alpha channel for transparency). The ImageMagick recipe always produces RGBA output (PNG32: + -alpha on). If using a different tool, verify your PNGs:

# Check format
file src-tauri/icons/icon.png
# Should show: PNG image data, 256 x 256, 8-bit/color RGBA

# Convert RGB to RGBA with ImageMagick
convert icon.png -alpha on icon-rgba.png

Icons look small / too much padding

Non-square source images are centered on a transparent canvas, which can leave large borders at small sizes. For best results, use a square source image (1:1 aspect ratio) at 512x512 or larger.

"convert: not found" or "command not found"

Install ImageMagick for your platform (see table above), or use Tauri's built-in icon generator instead:

pnpm exec tauri icon path/to/logo.png

Icons not updating in the built app

After regenerating icons, rebuild the Tauri app:

pnpm exec tauri build
# or for MSIX:
pnpm tauri:build:msix

The old icons may be cached in src-tauri/target/. To force a clean build:

rm -rf src-tauri/target
pnpm exec tauri build
Install via CLI
npx skills add https://github.com/iblai/vibe --skill iblai-iconography
Repository Details
star Stars 14
call_split Forks 2
navigation Branch main
article Path SKILL.md
More from Creator