Influitive Icons

Adding new icons

Drop the new icon into the SVG folder and run npm run build. Add new SVG files to git and commit.

Use

import { Icon } from 'infl-icons';

...

<Icon icon='arrow-down'/>

This package wraps all the provided svg files and creates React components from them. Note that is means the SVG components are larger than the original SVGs, this allows us to abstract away how we load the SVGs. Also needed because we couldn't use <use> due to having to deploy to a CDN. (use doesn't currently work when host of the svg asset is different than the host of the server that served the html)