@aredotna/icons

@aredotna/icons is the canonical source for icons used at Are.na, and serves as an automatic build pipeline for generating JSX representations of .svg sources that can easily be imported into React apps.

Meta

• State: production
• GitHub: https://github.com/aredotna/icons
• CI/Deploys: Manually published to NPM for the time being
• Point People: @dzucconi

Installation and Usage

yarn add @aredotna/icons

And then later, import icons like so:

import ArenaLogo from "@aredotna/icons/ArenaLogo"

const MyApp = () => {
  return <ArenaLogo />
}

Adding New Icons

1. Add the SVG file to the src directory
2. Bump the version number
3. Run npm publish