# react-feather

> React component for Feather icons

Latest version **2.0.10** (published 2022-05-30) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-feather
pnpm add react-feather
yarn add react-feather
bun add react-feather
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.10 |
| Published | 2022-05-30 |
| First published | 2017-06-11 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 980.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1951 |
| Author | Carmelo Pullara |
| Maintainers | carmelo |
| Keywords | react, icons, svg, inline, feather, design |

## Links

- npm: https://www.npmjs.com/package/react-feather
- Repository: https://github.com/feathericons/react-feather
- Homepage: https://github.com/feathericons/react-feather#readme
- Issues: https://github.com/feathericons/react-feather/issues
- npm.io page: https://npm.io/package/react-feather

## Dependencies (1)

- [prop-types](https://npm.io/package/prop-types.md) ^15.7.2

## Alternatives

- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) — 2.2M weekly downloads
- [roboto-fontface](https://npm.io/package/roboto-fontface.md) — 196.0K weekly downloads
- [@react-native-vector-icons/common](https://npm.io/package/@react-native-vector-icons/common.md) — 150.4K weekly downloads
- [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads
- [@react-md/material-icons](https://npm.io/package/@react-md/material-icons.md) — 1.6K weekly downloads

## Recent versions

- 2.0.10 (latest) — 2022-05-30
- 2.0.9 — 2020-11-17
- 2.0.8 — 2020-04-25
- 2.0.7 — 2020-04-25
- 2.0.6 — 2020-04-25
- 2.0.5 — 2020-04-25
- 2.0.4 — 2020-04-07
- 2.0.3 — 2019-07-04
- 2.0.2 — 2019-07-04
- 2.0.1 — 2019-07-04
- 2.0.0 — 2019-07-04
- 1.1.6 — 2019-01-28
- 1.1.5 — 2018-12-20
- 1.1.4 — 2018-10-10
- 1.1.3 — 2018-09-02
- … 13 more at https://npm.io/package/react-feather/versions

## 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.28.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 <Camera />
};

export default App;
```

Icons can be configured with inline props:
```javascript
<Camera color="red" size={48} />
```

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 (
      <Camera />
    );
  }
});
```
You can also include the whole icon pack:

```javascript
import React from 'react';
import * as Icon from 'react-feather';

const App = () => {
  return <Icon.Camera />
};

export default App;
```

---
_Source: https://npm.io/package/react-feather · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._