react-native-feather

React Native Feather Icons


#### What is react-native-feather?

react-native-feather is a collection of simply beautiful open source icons for React Native. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.

At its core, Feather is a collection of SVG files. To use SVG files on React Native, react-native-svg is needed. This component contains all Feather icons converted to make compatible with react-native-svg package.

#### Based on Feather Icons v4.28.0

Installation

1. Ensure sure you've installed react-native-svg
2. npm i react-native-feather

$3

List of available icons in this component.
https://feathericons.com

$3

To use icons as component, all icon names is formatted to Pascal Case.
arrow-up-circle =>

``javascript
import { ArrowUpCircle } from "react-native-feather";

const App = () => {
return ;
};
`

Icons can be configured with inline props:

`javascript

`

You can also include the whole icon pack:

`javascript
import * as Icon from "react-native-feather";

const App = () => {
return ;
};
`

$3

Any Svg property and the following:

| Prop | Description | Default |
| ----------------- | -------------------------------------------------------------------- | ---------------- |
| width | Width of the icon. | 24 |
| height | Height of the icon. | 24 |
| stroke | The stroke prop refers to the color outline the icon. | "currentColor" |
| strokeWidth | The strokeWidth prop specifies the width of the outline on the icon. | 2 |
| fill | The fill prop refers to the color inside the icon. | "none"` |

$3

Yiğithan

Contributors

Yiğithan

Vytenis