Sprite Shelf

Show Preview
Sprite Shelf
Sprite Shelf

About Sprite Shelf

27 pixel-art icons drawn in code, with no image files. Twelve are 16 x 16: receipt, plug, magnifier, lock, calendar, terminal, shield, key, no data, and three sea creatures (minnow, lanternfish, whale). Fifteen are 8 x 8: cross, bolt, ring, chat, page, folder, branch, tasks, ticket, book, bug, mail, cloud, contact and inbox.

Each icon is a grid of colored squares, so it stays sharp at any size and needs no export. For evenly sized pixels, size the layer in whole steps: 48 px for a 16 x 16 icon, 32 or 48 px for an 8 x 8 one. Between those steps some pixels come out a little wider than their neighbors.

Set it up in the properties panel: pick the icon from the list, then a skin. Sea is deep blue with cyan and amber accents; Ember is warm cream and brick red with a teal accent. Eight palette colors (Ink, Panel, Sea, Wave, Foam, Lantern, Coral, Kelp) can be overridden one by one; leave a color empty to use the skin. It runs on its defaults, so you can drop it on a page and try it first.

Every icon is announced to screen readers as an image with its name, for example "Lock". It fills its layer, so resize the layer to resize the icon. One file, nothing fetched. Works in any Framer plan. Free for personal and commercial projects.

From Bobob Apps

Pixel Dither Image
Brimful
Plan Ledger
Before After Divider

Related Components

Noise Grain Texture
Scroll Reveal Paralx
Logo Hover
Halftone Dot Shader