Quick Start

This guide walks you through creating your first icon set with Zapicon. You will upload a source image, apply a theme, preview it on a device, and export platform-ready assets.

Prerequisites

Zapicon installed on macOS or Windows.
A source image. PNG, JPG, or WEBP are supported. A resolution of 512×512 px or higher is recommended for crisp exports.

Step 1: Upload an image

Open Zapicon.
Drag an image onto the upload area, or click to select a file from your computer.
The editor expands and the image appears in the preview canvas.

Tip: If your source image is small, use AI Upscale first to improve quality before editing.

Step 2: Choose or build a look

You have two options:

Apply a theme preset

Open the Theme Presets panel.
Click one of the 25 built-in presets. Free users can use the first four; Pro users unlock all of them.
The icon preview updates instantly.

Customize manually

Use the controls on the left to adjust:

Control	What it does
Icon size	Scale the foreground image relative to the canvas.
Rotation	Rotate the image in degrees.
Corner radius	Round the image corners. Set to maximum for iOS Squircle.
Padding	Add space between the image edge and the canvas edge.
Offset	Move the image horizontally or vertically.
Background	Choose a solid color or a linear gradient.

Step 3: Preview on a device

Click the device icons in the preview area to switch between iPhone, MacBook, and Web.
Check that the icon is readable at small sizes and looks good on both light and dark backgrounds.

Step 4: Export

Click Next to open the export panel.
Select the platforms you need: iOS, Android, macOS, Windows, Web, Tauri, Flutter, or a custom platform.
Click Export and choose a destination folder.
Zapicon generates a ZIP file containing every required size and format.

What is inside the ZIP

Each platform folder contains the exact file structure expected by that ecosystem:

iOS — AppIcon.appiconset with a complete Contents.json.
Android — mipmap-... folders for mdpi through xxxhdpi.
macOS — PNG sizes plus an icon.icns file.
Windows — A single icon.ico with multiple embedded sizes.
Web — favicon.ico, apple-touch-icon.png, and PWA icons.
Tauri — Complete icon set for Tauri projects.
Flutter — Android mipmap folders plus an iOS AppIcon.appiconset.

Next steps

Learn about theme presets.
Explore platform configuration.
Compare Free vs Pro if you need batch export or AI background removal.