Icon editor

Paint an icon cell by cell, or start from an image: drop one on the grid, paste it, or pick a file. The preview builds it in cubes as you go. When it's ready, keep it: save it to My icons, download it, or copy its code.

Drop the image

Drag to paint · right-click or "." to erase · Ctrl+Z to undo · + adds your own colour

Start from an image

Logos, emoji, stickers and flat illustrations convert best; photos become a stylised pixel version. Your image never leaves the browser.

or drop / paste one
Colours

Keep your icon
  • My icons keeps it in this browser: it appears in Open above and in the playground.
  • PNG is a picture of it in the preview's look, for slides, docs or social posts.
  • .js file adds it to your site: load it after icons.js, then stage.show("myIcon").
  • JSON is the icon as data, to pass straight to stage.show().
Code