Skip to content

Icon Completion Plan

Required path to make every DS icon available and documented before the library is considered complete.

Final Requirement

The first exported icon batch proves the API. The final library must include every valid monochrome icon and every approved colored illustration from Figma file 68wfJ7PI4axTtuE3edRYlr, page 1:89.

Pipeline

Step Output Validation
Inventory src/icons/source-inventory.json Every Figma source is included or explicitly skipped.
Export src/icons/svg/<category>/... Every exported SVG keeps traceable node metadata.
Normalize currentColor SVGs with standard viewBox No Figma fill variables or broken paths remain.
Generate src/icons/index.css and manifest Every manifest icon has a matching CSS helper.
Document docs/icons/catalog.html Every public icon appears with preview and usage class.

Current Progress

The public monochrome catalog currently includes 676 validated icons. The latest batch completes the page-row Emotions set with angry, daze, smile, neutral, sad, and surprised variants. All cached Figma icon rows are now exported or explicitly skipped in the local inventory.

Category Batches

Exports should proceed by category to keep reviews small: Accessibility, Access, AI, Hand detection, Adjust, Alert, Heart, Align, Arrows, Battery, Bookmark, Cameras, Car, Charts, Bricks, Data, Date and time, Eye, File system, Mail, Builds, Icons, Image, Languages, Lightbulb, Map, Media, Menu, Mosaic, Notification, Objects, Payment, Pen, Printer, Zoom, Settings, Star, Technology, Themes, Trash, and User.

Release Gate

No final release should be tagged while the icon inventory has missing undocumented assets. Completion means inventory count, exported asset count, manifest count, CSS helper count, and docs catalog count all match, except for documented skip reasons.