React Feather Icons
What is react-feather?
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.
Explore icons and play with examples.
v4.22.1
Based on Feather Icons 2.0.0
adds support for tree-shaking, to help you reduce bundle size.
Version Installation
npm install react-feather --save
Usage
;; const App = { return <Camera />}; ;
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 = default; var MyComponent = React;
You can also include the whole icon pack:
;; const App = { return <IconCamera />}; ;