Source: Love Mac | Software download link: Iconographer Mini for Mac

Iconographer Mini is a lightweight, efficient icon design and editing software built specifically for macOS. It focuses on providing an all-in-one solution for developers, UI/UX designers, and users who need to create multi-size, multi-format icon files for applications, websites, or systems. Its core advantages lie in its intuitive interface, in-depth support for various standard icon formats (such as ICNS, ICO, PNG sequences, etc.), and convenient pixel-level editing and preview features.

I. Detailed Overview of the Core Interface and Workspace

After launching Iconographer Mini, you will see a single-window workspace with a clear structure and centralized functions. The entire interface is mainly divided into the following areas:

Top Menu Bar and Toolbar: Contains entry points for all file operations, editing commands, canvas controls, and export functions. The toolbar provides one-click access to commonly used tools (such as selection, pencil, fill, and shapes).
Left Panel – Layers and Properties:
- Layer List: Displays all layers of the current icon project, supporting show/hide, lock, rename, reorder, and group management.
- Tool Properties: When different drawing tools (such as pencil, shapes) are selected, this area displays the detailed settings for that tool, such as brush size, hardness, color, shape type, etc.
Central Area – Canvas & Preview:
- Main Canvas: This is the primary area for pixel editing and design. You can zoom in/out (⌘+/⌘-) for precise operations.
- Multi-size Preview Grid: Usually located to the right of or below the canvas, it displays in real time in a grid format how the current icon renders at different target sizes (such as 16×16, 32×32, 128×128, 256×256, etc.). Clicking any preview size quickly switches the canvas to that resolution for editing.
Right Panel – Color & Resources:
- Color Picker: Provides a color palette, eyedropper, HSB/RGB sliders, and other ways to select and save frequently used colors.
- Resource Library: May include built-in commonly used icon templates and shape assets, or be used to manage imported image resources.
Bottom Status Bar: Displays information such as the current canvas zoom ratio, cursor coordinates, and hints for the selected tool.

II. Complete Workflow: From Creation to Export

1. Create or Open a Project

Create a New Icon Project:

From the menu bar, go to File → New (⌘N).
In the dialog that appears, set the icon’s basic properties:
- Icon Name: Give the project a name.
- Base Size: Choose the largest design size (usually recommended to start from 1024×1024 or 512×512).
- Included Sizes: Check the target sizes to generate automatically (such as 16, 32, 64, 128, 256, 512, etc.). The software will automatically create corresponding canvases or layer groups for these sizes.
- Color Mode: Choose RGB (for screen display) or sRGB.
Click “OK” to finish creating the new project.

Open an Existing Icon File:

From the menu bar, go to File → Open (⌘O). It supports opening .icns, .ico, or folders containing multi-size PNGs directly.
The software will automatically parse all icon sizes in the file and import them into the corresponding editing layers.

2. Design and Edit the Icon

Basic Drawing:

Select a drawing tool from the left toolbar, such as the Pencil tool (B) for freehand drawing, or the Shape tool (U) to draw rectangles, circles, and more.
Select the foreground color in the color panel on the right.
Click and drag on the main canvas to draw.

Edit specific sizes:

In the central preview area, directly click the preview image of a certain size (e.g., “32×32”), and the main canvas will switch to that resolution for editing.
You can make differentiated adjustments to icons of different sizes to ensure they are clearly recognizable at every resolution.

Import and adjust images:

Via the menu bar File → Import as Layer (⇧⌘I), import an external image (such as SVG, PNG) as a new layer at the current size.
Use the Move tool (V) to adjust the position, or use the menu bar Edit → Free Transform (⌘T) to adjust the size and rotation.

3. Preview and inspect

Check the result at any time through the multi-size preview grid on the right.
Use the menu bar View → Toggle Simulation Effects (such as simulating rounded corners and shadow effects for macOS app icons) to get a more realistic preview.
Use the Zoom tool (Z) to check whether pixel edges are sharp.

4. Export the final icon files

After completing all edits, click the menu bar File → Export (⇧⌘E).
In the export dialog:
- Select format: Choose based on your use case, such as “macOS .icns Bundle”, “Windows .ico”, “PNG Images (Multiple Sizes)”.
- Set output path: Specify where the file will be saved.
- Configure format options: For PNG, you can choose whether to include an alpha channel; for ICNS/ICO, you can check the specific sizes to include.
Click “Export”, and the software will automatically package all icon sizes into files in the specified format.

III. Advanced Tips for Common Features

1. Efficient Multi-Size Synchronized Editing

When editing a larger size (e.g., 512×512), you can use the “Apply to All Sizes” feature (usually found in the layer right-click menu or Edit menu) to intelligently scale modifications made to the current layer to the corresponding layers of all smaller sizes, saving a great deal of repetitive work.

2. Pixel Alignment and Grid Assistance

Use the View → Show Grid (⌘’) and Snap to Grid (⇧⌘’) features to ensure that graphic edges align tightly to the pixel grid when designing low-resolution icons, avoiding blurriness.

3. Layer Effects and Styles

Although Iconographer Mini focuses on being lightweight, it typically supports basic layer effects such as drop shadow, inner shadow, and outer glow. Double-click a layer to open the “Layer Style” panel and add them. These effects are vector-adjustable and can be correctly output at all sizes.

4. Batch Operations

When you need to uniformly change the color or adjust the brightness for multiple sizes, you can multi-select several size layers in the layer list on the left, then adjust them all at once in the properties panel on the right to achieve batch modifications.

IV. Common Issues and Solutions

Issue Symptom	Possible Cause	Solution
Exported icons appear blurry or have white edges on macOS.	1. Pixel-level optimization was not performed independently for low-resolution sizes (e.g., 16×16, 32×32). 2. There are semi-transparent pixels at the edges of the transparent background.	1. Switch to each small-size canvas and manually optimize key lines and shapes to ensure alignment with the pixel grid. 2. Use the menu bar Select → Select Transparent Areas, then Edit → Clear the semi-transparent edges, or use the pencil tool to manually refine the edges.
Unable to import SVG vector graphics as clear, editable shapes.	The software may import SVG as a rasterized bitmap, losing vector information.	It is recommended to first export the SVG as a high-resolution PNG at the largest required size (e.g., 1024×1024) in vector software such as Sketch or Affinity Designer, then import it into Iconographer Mini as a base for editing.
When editing a large size, small-size previews update untimely or incorrectly.	The software’s automatic scaling algorithm may produce artifacts on some complex graphics, or there may be caching delays.	1. Manually switch to the small-size canvas to inspect and correct. 2. Try closing and reopening the project file to force refresh all previews.
The saved .icns file is recognized by the system as a regular folder rather than an icon file.	The file structure or metadata may be incomplete during the export process.	Make sure to use the built-in “Export as .icns” function in the software rather than manually packaging PNG files. Check whether all required sizes (usually 10-12 sizes) are included during export.

V. Keyboard Shortcuts Summary

Function Category	Action Description	Mac Shortcut
File Operations	New Project	⌘N
Open File	⌘O
Save Project	⌘S
Save As	⇧⌘S
Export File	⇧⌘E
Editing Operations	Undo	⌘Z
Redo	⇧⌘Z
Cut	⌘X
Copy	⌘C
Paste	⌘V
Free Transform	⌘T
View Controls	Zoom In Canvas	⌘+
Zoom Out Canvas	⌘-
Actual Size (100%)	⌘0
Fit to Window Size	⌘1
Show/Hide Grid	⌘’
Snap to Grid	⇧⌘’
Tool Selection	Move Tool	V
Pencil/Brush Tool	B
Fill Tool	G
Shape Tool	U
Zoom Tool	Z
Other	Import as Layer	⇧⌘I

Note: This guide is written based on the general features and workflow of Iconographer Mini. The specific menu item names and feature locations may vary slightly between versions; please refer to the actual software interface you are using.