https://github.com/feathericons/react-feather

React component for Feather icons
https://github.com/feathericons/react-feather

icons react react-components svg

Last synced: 25 days ago
JSON representation

React component for Feather icons

• Host: GitHub
• URL: https://github.com/feathericons/react-feather
• Owner: feathericons
• License: mit
• Created: 2017-06-14T11:01:13.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-02-13T13:40:57.000Z (9 months ago)
• Last Synced: 2024-10-09T18:27:20.188Z (about 1 month ago)
• Topics: icons, react, react-components, svg
• Language: JavaScript
• Homepage: https://npm.im/react-feather
• Size: 1.06 MB
• Stars: 1,928
• Watchers: 12
• Forks: 126
• Open Issues: 38
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-github-star - react-feather
• awesome-list - react-feather

README

        
## React Feather Icons

[![npm version](https://img.shields.io/npm/v/react-feather.svg?style=flat-square)](https://www.npmjs.com/package/react-feather)

[![npm downloads](https://img.shields.io/npm/dm/react-feather.svg?style=flat-square)](https://www.npmjs.com/package/react-feather)

#### 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.29.0```

https://feathericons.com/

### Installation

    yarn add react-feather

    

  or

    

    npm i react-feather

### Usage

```javascript

import React from 'react';

import { Camera } from 'react-feather';

const App = () => {

  return 

};

export default App;

```

Icons can be configured with inline props:

```javascript

```

If you can't use ES6 imports, it's possible to include icons from the compiled folder ./dist.

```javascript

var Camera = require('react-feather/dist/icons/camera').default;

var MyComponent = React.createClass({

  render: function () {

    return (

      

    );

  }

});

```

You can also include the whole icon pack:

```javascript

import React from 'react';

import * as Icon from 'react-feather';

const App = () => {

  return 

};

export default App;

```