React component for Feather icons

Usage no npm install needed!

<script type="module">
  import reactFeather from '';


React Feather Icons

npm version npm downloads

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.

Based on Feather Icons v4.28.0


yarn add react-feather


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;