@watsi/icons v2.0.1

meso-icons

An icon set for Meso products. Built using React components.

Installation

npm install @watsi/icons --save

Usage

import { ArrowDown } from '@watsi/icons';

<ArrowDown color="#555" />

Types

ArrowDown
ArrowLeft
ArrowRight
ArrowUp
Map
Print
Search
Table
User

Building

Generate the components by running:

npm run build

If you have sketchtool installed, each build will generate components from exports from each artboard. No configuration needed.

Publishing

Talk to Ross for now about how to publish new icons to npm.

Adding new icons

When making changes to the sketch file, the only requirement is that icons have the fill color set to #000000. The build process swaps out black as a customizable React prop.

Acknowledgements

This approach and code was ripped from Segment's wonderful icon repository.