@stackoverflow/stacks-icons

Icons

Introduction

This repo provides authoring tools for Stack Overflow’s shared icon library. Here’s our general workflow:

1. Open the Sketch 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.
2. Export each artboard to the src/export directory.
3. Open this repo’s directory in Terminal, and type grunt. This will spit out optimized SVGs in the build/lib directory. Some manifest files are included in build as well.

Installing Grunt

In order to use this repo, you must first install Node & NPM. Then, install Grunt globally on your machine. Once both are installed, 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 to a directory called node_modules. Now you can type grunt into the Terminal and it’ll generate all the optimized SVGs and manifests in build that you exported to src/export. 😎