Draw pixel-perfect 24x24 icons with transparent backgrounds: click-drag to paint, erase, pick colours, or seed the grid from any emoji or character, then download a PNG. Your design is encoded in the URL, so the link restores your work. Imported Claude artifact, runs fully client-side. Source: https://github.com/simonw/tools (icon-editor.html, Apache-2.0).

Open app ↗ Browse all apps

Details

PricingCompletely free

Security scanClean — skill and frontend scanned

Source simonw/tools

Created2026-08-24

Updated2026-08-24

View source prompt + release files — fork-enabled apps share their full source

System prompt (SKILL.md)

---
name: icon-editor
description: Draw 24x24 pixel icons with a transparent background, seed them from any emoji or character, and export a PNG.
metadata:
  tags:
    - artifact-import
    - design
  source_url: https://tools.simonwillison.net/icon-editor
  github_repo_url: https://github.com/simonw/tools
---

# 24x24 Icon Editor

An imported Claude artifact. Click and drag on a 24x24 grid to draw, pick a
colour, erase, or start from any emoji, letter or symbol and refine it pixel by
pixel. Backgrounds stay transparent and the finished icon downloads as a PNG.

The whole design is encoded in the page URL, so bookmarking or sharing the link
restores the exact icon. Everything runs client-side - no upload, no model call,
nothing metered.

Release files (files)

Every public app is built from a security-scanned skill and must pass a clean scan — skill and frontend — before it can be listed. Have a skill of your own? Turn it into an app — or read the step-by-step walkthrough.