Influitive Icons

Prerequisites

You need to make sure that you infl-icons css is processed as css?modules in your webpack config, otherwise the fonts won't be picked up.

Adding new icons

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

Use

To use the proper, React way:

import { Icon } from 'infl-icons';

...

<Icon icon='arrow-down'/>

You can also use it in sass but only by adding the include path:

path.resolve(require.resolve('infl-icons'),'..')

And then importing like this:

@import 'infl-icons/icon'

...

@include ic-arrow-down();

Please note that the sass method is only supported for legacy support. DO NOT USE THIS METHOD.