genericons-neue-react

Genericons Neue for React

A library to make it easy to use Genericons Neue within React. You only need to import the icons you use, so no extra overhead.

Usage

Here's an example usage:

import React from 'react';
import CloudUpload from 'genericons-neue-react/icons/cloud-upload';

const MyUploadButton = () => {
    return (
        <button>
            <CloudUpload />
            <span> Upload a new image </span>
        </button>
    )
}

You can also pass down any properties to the SVG, for example:

import React from 'react';
import CloudUpload from 'genericons-neue-react/icons/cloud-upload';

const MyUploadButton = () => {
    return (
        <button>
            <CloudUpload fill="tomato" />
            <span> Upload a new image </span>
        </button>
    )
}

Build Process

1. npm install
2. npm run build

TODO

• Update genericons-neue source to fix 3 icons that need hand editing
• Switch SVG to use genericons-neue NPM module
• Convert script to Javascript
• Publish to NPM