PURE Design System · Iconography
One merged, backend-swappable sprite. Every icon is monochrome, inherits currentColor, and is drawn thin-stroke on a 24-grid. Click any icon to copy its snippet.
Never emoji. An icon is always a symbol id rendered through <use> — never a glyph.
Inherit color. Icons take currentColor. Set the parent's color with a themed token (--ink/--gold), never a hardcoded navy.
One reference form. <svg viewBox="0 0 24 24"><use href="#id"></svg> after the pack loads.
Match the line. New icons are 1.5px round-cap on 24-grid, drawn into assets/pure-icons-all.svg — or they don't ship.
Backend-swappable. The pack URL reads from ui.icon_pack — Cecile ships an updated pack and every page swaps, no redeploy.
The trust badge is part of the icon system so every sign-in stays consistent. Drop <span data-pure-seal> on any auth surface; edit once via PureIcons.setSeal({…}). Click it to see the security explainer.
reset-password · sign-in · security center. One definition in pure-icons.js; label, points and link are data, swappable from the admin backend.
Need an icon that isn't here? Queue it. The icon_autobuild cron draws new icons to the same 1.5px / 24-grid standard, appends them to the merged pack, and stages a preview for review — nothing ships unseen. Same queue-and-cron model as the design system.
Describe what you need — names or a short brief. One batch builds per off-hours run, staged here for Cecile to approve before it enters the pack.
See a page with off-standard or missing icons? Paste its URL — icon_autobuild scans it, swaps in on-brand pack icons, and stages the updated page for review.