Adding icons
Icon sources live in icons/ as icons/<style>/<name>.svg. An Icon can exist in one Style or both.
The rules
viewBox="0 0 24 24", keeping a 2px margin (20×20 live area).- Filled paths only. Run Outline stroke before exporting, and leave no
strokeattributes. - One colour: leave
fillunset or usecurrentColor. No styles, scripts, images or text. - Names are kebab-case
a-z0-9, going from general to specific (arrow-right,user-plus), with no Style suffix. - Search metadata is optional and lives in
icons/meta.json:{ "<name>": { "category": "...", "tags": ["..."] } }.
Check and build
npm run lint:icons # checks the rules above
npm run build # generates every package and this site
npm test
Commit the updated icons/codepoints.json along with your icons. It pins each glyph’s webfont codepoint.