react-svg-icon

React SVG Icon

React SVG icon component

Inline SVG assets

Create your SVG sprite and inline them at the start of you HTML document. There's a nice tutorial on how to do this on CSS-Tricks

Commands

You need rackt-cli v0.5.3 to execute some of these commands.

• npm install install node dependencies
• npm start run server
• npm test run tests
• npm build build component
• npm publish publish component to npm (verify versions in package.json and bower.json)
• rackt pages rebuild gh-pages branch

Include your icon component

import Icon from 'react-svg-icon';

<Icon
    name='icon-name'
    className='icon-class'
/>

Example

You can find an example here: https://springload.github.io/react-svg-icon/