@powel/design-icons

design-icons

Icons to be used across Powel's products

Installation

npm install @powel/design-icons --save

Usage

JavaScript

In JavaScript, design token names are formatted in lower camelCase.

const tokens = require('@powel/design-icons');
console.log(tokens.signOut); // SVG icon markup

In JSON, design token names are formatted in SNAKE_CASE.

const tokens = require('@powel/design-icons/dist/index.json');
console.log(tokens['SIGN_OUT']); // SVG icon markup

Sass

Sass variables and map keys are formatted in kebab-case.

// Using variables
@import '~@powel/design-icons/dist/index';

// $angle-up;

SVG sprite

@powel/design-icons/dist/sprite.svg