ToolsTutorialsDownloadsPricingFAQ

Electron Icon Generator — ICO, ICNS and PNG

Prepare Windows ICO, macOS ICNS and PNG assets for an Electron application, then connect them to your packaging configuration.

Free editing and export, no watermark. AI generation and AI editing use credits. Use the full editor in a desktop browser.

One source, styled and exported

Original sample icon
Source
Icon with a gradient background and padding
Edited composition
32-pixel exported icon preview
32 × 32 PNG

Example rendered from repository demo artwork with the icon renderer. Platform padding, masks and delivered resources depend on the selected preset.

How to use it

  1. Import artwork and select Electron.
  2. Extract the PNG, ICO and ICNS resources from the export.
  3. Configure your packager, rebuild and inspect an installed app.

Packaging icons and window icons have different settings

Electron packaging tools consume platform icon files, while a BrowserWindow or tray may use a separate runtime image. The Electron preset prepares desktop formats; you still need to reference them in your chosen packager and copy runtime assets into the app bundle where needed.

Verify the packaged application

Check the installer, shortcut and Dock icon, not just the development window. Relative paths differ between a development project and a packaged app. Rebuild installers after changing icons and account for operating-system icon caches during testing.

Files and sizes in the current preset

This list reads the application preset. Exporters add project companion files; size selection affects the final archive. Extract container files from the downloaded ZIP.

ICO: icon.ico (16, 24, 32, 48, 64, 128, 256 px)

ICNS: icon.icns

View 9 image outputs
FileSize
icon-16.png16 × 16
icon-24.png24 × 24
icon-32.png32 × 32
icon-48.png48 × 48
icon-64.png64 × 64
icon-128.png128 × 128
icon-256.png256 × 256
icon-512.png512 × 512
icon-1024.png1024 × 1024

Questions before you start

Do I need to pay or sign in?

Ordinary image editing and export are free. AI requests require sign-in and credits; cloud sync and other account services depend on your plan.

Will this change my project automatically?

No. Preview and download the resources in the editor, then integrate them into your project. Keep a backup of existing icons and test the build.