Skip to content
Authoring tools for Stack Overflow's shared icon set.
C# JavaScript
Branch: master
Clone or download
Latest commit 42550b4 Nov 11, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build Add SchoolSm and add a new Link Nov 11, 2019
src/Icon Add SchoolSm and add a new Link Nov 11, 2019
.gitignore
Gruntfile.js Use regex for fill replacement May 7, 2019
README.md
package-lock.json
package.json

README.md

Icons

Icons

Introduction

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

  1. 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.
  2. Export each artboard / component to the src directory. Since the artboards are prefixed with Icon, the final output directory will be src/Icon.
  3. 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/lib directory. Some manifest files are included in build as well.

Installing dependencies

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

You can’t perform that action at this time.