react-feather is a collection of simply beautiful open source icons for React.js. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.
yarn add react-feather
or
npm i react-feather
import React from 'react'; import { Camera } from 'react-feather'; const App = () => { return <Camera /> }; export default App;
Icons can be configured with inline props:
<Camera color="red" size={48} />
If you can't use ES6 imports, it's possible to include icons from the compiled folder ./dist.
var Camera = require('react-feather/dist/icons/camera').default; var MyComponent = React.createClass({ render: function () { return ( <Camera /> ); } });
You can also include the whole icon pack:
import React from 'react'; import * as Icon from 'react-feather'; const App = () => { return <Icon.Camera /> }; export default App;