macOSicons
 by Elías

macOSicons Editor

A vector editor that only does icons.

Layers, paths, gradients and the materials macOS actually uses. Runs in the browser and exports .icns, PNG and Icon Composer .icon bundles.

Free. No account needed until you export.

The macOSicons editor with a liquid-glass star icon on the canvas, the layer list on the left and the material inspector on the right
  • Runs in Safari, Chrome and Firefox
  • Nothing to install
  • Works on Windows and Linux too
The same star icon rendered in FlatThe same star icon rendered in ClayThe same star icon rendered in GlassThe same star icon rendered in Emboss

Materials

Glass, clay and emboss on live vector shapes.

The material is applied to the path, not baked into a bitmap. Change the shape and the refraction, bezel and specular update with it.

Refraction
45 %
Bezel
40 %
Curvature
50 %
Chroma
10 %
Specular
85 %
Tint strength
22 %

These are the inspector's own defaults: refraction, bezel, chroma and specular on a vector star.

The editor

The tools, in the order you use them.

Draw, mask, light, draft with AI if you want, then export. Scroll through the panels from the real editor.

The full editor with the layer list and the canvas
The inspector header with the Icon and Folder toggle
The material inspector with Glass selected
The AI assistant panel with suggested prompts
The export menu listing the formats

Layers & paths

Start with shapes, not pixels.

Rectangles, stars, text and pen paths, with booleans, corner radii and a proper layer list. Everything stays a path.

  • Pen & shapes
  • Booleans
  • Text layers
  • Folders

Icon or folder

Two masks, one document.

Switch the document between the app-icon squircle and the macOS folder shape. Layers, materials and exports follow.

  • Squircle
  • Folder

Materials

Refraction, bezel, specular.

Glass, clay and emboss are computed on the vector, so bezel, chroma and edge darkening respond to the exact shape.

  • Glass
  • Clay
  • Emboss
  • Global light

AI assistant

Ask for a draft in plain language.

The assistant edits the document as layers. Ask for a material change, a gradient or a new direction, then keep working by hand.

  • Prompt to layers
  • Reference image
  • Up to 8 options

Export

Every file Xcode and Finder ask for.

One menu. Icon Composer .icon bundles for Tahoe, .icns for everything before it, Windows and Linux kits, and a favicon pack.

  • .icns
  • .icon bundle
  • .appiconset
  • Favicons
  • Everything in one zip

Around the editor

The same tools as buttons and as an API.

Search, mask, convert and generate without opening a document. Every button in the toolkit is also an endpoint.

Search
25,000+ macOS app icons, with filters and categories.
Mask
Any PNG into a compliant app or folder icon, shadow included.
Generate
A prompt in, up to eight masked icons out.
Convert
.icns, .ico, .appiconset and Icon Composer .icon bundles.
Favicons & kits
A web favicon pack, or every release artifact in one zip.
Remove background
Pixel-exact, no AI repainting.
Palette & previews
Pull the colours, or see the icon in a Dock mockup.
API docs
curl — api.macosicons.com
# Mask any PNG into a macOS app icon
curl -X POST https://api.macosicons.com/api/v1/editor/mask \
  -H "x-api-key: $MACOSICONS_API_KEY" \
  -F "image=@artwork.png" \
  -o icon.png

# Every release file in one zip
curl -X POST https://api.macosicons.com/api/v1/editor/pack \
  -H "x-api-key: $MACOSICONS_API_KEY" \
  -F "image=@artwork.png" \
  -o release-kit.zip

Every account gets an API key with a free tier. Same endpoints the toolkit buttons call.

Open the editor.

It starts as a scratch document in your browser. Sign up when you want to save or export.