@nulogy/icons
This is a collection of Material Icons that are used by Nulogy applications. This package is already imported into the <Icon />
component of the @nulogy/components, and the icons here can be chosen with the icon
prop.

📦 Installation
If you don't have access to the React component, you can install these directly:
$ yarn add @nulogy/icons
They can then be used in your application like any other .svg
.
➕ Adding a new icon
We use a subset of "Outlined" Material icons at Nulogy. To find and add a new one:
- Search Material Icons for the icon you need
- Clone this repo (
git clone https://github.com/nulogy/design-system.git
) - Download svg and rename to desired icon name (in camelCase)
- Place svg in
/icons/assets/
folder - In the
/icons
directory, run yarn icons
to make the icon available to use - In the
/components
directory run yarn
- Run
yarn start
and verify the icon was added correctly at http://localhost:8080/?path=/story/icon--icon - After verifying the icon is there, update storyshots with
yarn storyshots:update
- Submit PR
💬 Questions