This repo provides authoring tools for building Stack Overflow’s shared icon library. Here’s our general workflow:
- Open the Figma document to modify an existing icon, or add a new one. Pay close attention to the name of the newly-added artboard. This will determine your SVG’s filename.
- Export each artboard / component to the
srcdirectory. Since the artboards are prefixed with
Icon, the final output directory will be
- Open this repo’s directory in Terminal, and type
npm start. This will churn through the exported SVGs and build optimized SVGs in the
build/libdirectory. Some manifest files are included in
In order to use this repo, you must first install Node & NPM. Then, open this repo’s directory in your Terminal. Once you’re in this repo’s folder, type
npm install. This will download all the dependencies.
Including Stacks Icons in your project
Stacks Icons are delivered via NPM. It can be installed with
npm i @stackoverflow/stacks-icons