SVGPS

Every project ends up with a folder full of icon files. Turning them into components is tedious, and icon fonts throw away everything that makes SVG nice. SVGPS takes a different route: all of your icons live in one JSON file, and they still render as real SVGs.

What it does

• Icon store: browse ready-made icons and pick only the ones you need.
• Build an icon set: import the icons you need, rename them, add or remove them whenever you like.
• One file out: SVGPS parses the set and gives you a single JSON file with every icon's data.
• Use it anywhere: drop the file next to a tiny Icon component and render icons by name.
• Store your sets: keep your icon sets in one place and come back to update them later.

Part of a bigger toolkit

SVGPS started as the visual companion to react-icomoon, a package that renders icons from an IcoMoon-style JSON file. Over time it grew into a small family of open-source packages around the same format: vue-icomoon, svelte-icomoon, preact-icomoon, the svgps parser, and a CLI for scripting the conversion. This site uses it too: every icon here comes from a single selection.json.