Frameworks

SVG and sprite

Plain SVG files, sprites and JSON for any stack or design tool.

npm i @softstroke/svg

Files

Path	Contents
`dist/icons/<name>.svg`	Stroke icons
`dist/solid/icons/<name>.svg`	Solid icons
`dist/sprite.svg`	All stroke icons as `<symbol>`s
`dist/solid-sprite.svg`	All solid icons as `<symbol>`s
`dist/icons.json`, `dist/icons-solid.json`	Shapes as `[tag, attributes]` lists
`dist/keywords.json`	Search keywords per icon

Every file uses currentColor, so icons take the text color.

Serve the sprite once and reference icons by name:

<svg width="24" height="24" aria-hidden="true">
  <use href="/sprite.svg#home" />
</svg>

Copy a file's contents into your markup, or use the icon browser to copy any icon as SVG or JSX.

icons.json maps each name to its shapes, so you can render icons with any library:

{ "home": [["path", { "d": "M3.5 12.5..." }]] }