Sted icons

36 icons in three families, extracted verbatim from the graphic-system canvas. 24×24 grid, 2px stroke, round caps and joins, Ink geometry, 2px safe margin. Colour lives only in the tile. Tiles and marks are separate files.

Sizes

16 20 24 32 48minimum 16 · product 20–24 · social 32+

A · Base actions tile #FFD400 · color.core.yellow

save

article

video

attach

find

image

note

add

check

close

more

back

B · Organization tile #83B0FC · color.supportive.blue

highlight

archive

filter

sync

notify

import

grid

list

calendar

lock

new-save

open

C · Sted / social tile #B2D78F · color.supportive.green

tag

share

copy-link

favourite

delete

collection

read

recent

backup

tune

shared

discover

Accessibility

• An icon never carries meaning alone: pair it with a visible label or an aria-label.
• Decorative icons get aria-hidden="true".
• Minimum rendered size 16px; 20–24px in dense product UI; 32px+ on social tiles.
• Ink on every tile colour passes WCAG AAA (min 8.3:1 on supportive, 11.1:1 on source tiles).
• Do not mix these icons with platform logos in the same row; platform identity uses assets/source-icons.
• Touch targets stay at least 44×44 even when the glyph is 24.

Generated 2026-09-08 by tools/icons/build_icons.py · sprite.svg exposes every mark as #sted-<name>.