Wiki
Editing Icons
Everything inside the Edit Icons accordion in Studio. The active icon at the top of the preview reflects every change live, and every queued icon in your Export List updates in sync (unless you've turned off the globe toggles, see Studio Tab : The global sync toggle (globe icon)).
Icon Pack
The horizontal row of pack chips swaps the visual style of your icons:
- Pre-built packs: flight, lines, color, chroma, terminal, plus more.
- First chip is Custom (dotted border, plus icon). Tap to import your own glyph. See Custom Icons.
- The globe toggle, when on, swaps every icon in the export list to the new pack at once.
Icon
- Icon Size, scale of the glyph inside the 288 x 288 canvas. Most iOS icons read well at 70-80%.
Advanced
Collapsed by default. Includes:
- Icon Opacity, fades the glyph over the background.
- Icon Offset (X / Y), nudges the glyph off-centre.
Icon Overlay
Tints the glyph (not the background). Two modes:
- Color, solid tint with opacity.
- Gradient, two-colour gradient with adjustable angle.
The swatch palette row below the colour picker lets you cycle through a set of accent colours across your queued icons (icon #1 gets colour 1, icon #2 gets colour 2, etc.). Useful for rainbow themes.
Background
The background drawn behind the glyph. Tap the icon-bg chips to choose the type:
- Solid, single colour.
- Gradient, two colours + angle.
- Image, your own image, with pan/scale controls. Apply an overlay tint to unify the look.
- Blur, uses the icon glyph itself as the blur source. Iconic look from many design themes.
- Baked, sample colour straight from your wallpaper at the icon's home screen position. The icon background "matches" the wallpaper behind it. See Bakery for the full version.
Each background type has its own colour palette below the swatches, letting you cycle the queue through a set.
Shadow
A drop shadow on the icon glyph. Controls:
- Enable toggle.
- Color, Opacity, Angle, Distance, Blur, Spread, same conventions as Photoshop's drop shadow.