# React SVG icons helio library [view icons here](https://heliofi.github.io/helio-icons-package/?path=/story/arrows--double)

This is an npm package created to store all of the helio icons.

## Structure. 

1. Svg files are stored in ```assets/raw```
2. Then with ```yarn build``` they are optimized to a standard format using [svgo](https://github.com/svg/svgo)
3. Finally, also with ```yarn build``` they are turned into js components and bundled
4. As an extra step, a storybook has been created to keep track of icons. Add your newly created icon to the relevant story and run ```yarn build-storybook```

## How to use

1. Put your svg in ```assets/raw```
2. Run ```yarn build```
3. Add your newly created icons to ```stories/<whatever>```
4. Run ```yarn build-storybook```


## Resouce

[dev.to](https://dev.to/quanpham/create-your-own-react-icons-library-and-publish-to-npm-automatically-4i11)

## Questions. 

Message me michael.beer@helio.co