# react-native-feather1s > Customized feather icons with stroke-width set to 1 Latest version **0.2.3** (published 2020-12-23) · MIT license · 0 weekly downloads ## Install ```sh npm install react-native-feather1s pnpm add react-native-feather1s yarn add react-native-feather1s bun add react-native-feather1s ``` ## Health **Score 25/100 (F)** — status: abandoned. Positive: has types; no vulnerabilities; high quality score. Warnings: low downloads; no esm support; pre 1.0. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 0.2.3 | | Published | 2020-12-23 | | First published | 2019-07-17 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | CommonJS | | Dependencies | 1 | | Unpacked size | 352 KB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 16 | | Author | Sebastian Trebunak | | Maintainers | sebinq | | Keywords | react, react-native, react-component, react-native-component, mobile, ios, android, osx, ui, feathers, feather, icon, icons, vector, font, ttf | ## Links - npm: https://www.npmjs.com/package/react-native-feather1s - Repository: https://github.com/sinodko/react-native-feather1s - Homepage: https://sinodko.github.io/feather1s-web/ - Issues: https://github.com/sinodko/react-native-feather1s/issues - npm.io page: https://npm.io/package/react-native-feather1s ## 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 - [stockfish](https://npm.io/package/stockfish.md) — 27.0K weekly downloads - [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads ## Recent versions - 0.2.3 (latest) — 2020-12-23 - 0.1.1-beta.0 (beta) — 2019-07-23 - 0.2.2 — 2019-10-01 - 0.2.1 — 2019-10-01 - 0.2.0 — 2019-10-01 - 0.1.3 — 2019-07-24 - 0.1.2 — 2019-07-24 - 0.1.1 — 2019-07-23 - 0.1.0 — 2019-07-19 - 0.1.0-beta.2 — 2019-07-19 - 0.1.0-beta.1 — 2019-07-19 - 0.0.5 — 2019-07-18 - 0.0.4 — 2019-07-18 - 0.0.3-beta.4 — 2019-07-18 - 0.0.3-beta.3 — 2019-07-18 - … 5 more at https://npm.io/package/react-native-feather1s/versions ## README [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-green.svg)](https://github.com/sinodko/react-native-feather1s/pulls) ![License](https://img.shields.io/npm/l/react-native-feather1s.svg) First of all I would like to say HUGE thank you to **Cole Bemis**, who created in my opinion the most beautiful icon package [Feather icons](https://feathericons.com/) and to **Joel Arvidsson** for his [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons)! # About

logo

_react-native-feather1s_ provides Feather icons with stroke-width set to 1 instead of it's default value 2 (in react-native-vector-icons package). Most of [original feather icons](https://feathericons.com/) are already converted and are ready to be used! > Current version of feather icons in react-native-vector-icons package does not contain all the images from feathericons set. **In this package you can find all the icons from feathericons set**. **react-native-feathers** uses _react-native-vector-icons_ (https://github.com/oblador/react-native-vector-icons) as peer dependency so it's up to you to install react-native-vector-icons by yourself. For installation instructions see https://github.com/oblador/react-native-vector-icons#installation ### What this package delivers? Following animated picture represent all the icons that are available in this package. Currently there is 279 converted feather icons available and I will try to do my best to keep tracking and converting all new icons from original icon pack. If you find some icons are missing please, open new issue and let me know or feel free to raise a pull reuqest! **[You can find all supported icons on our webpage](https://sinodko.github.io/feather1s-web/)** https://sinodko.github.io/feather1s-web/

_On following picture you can see comparision between react-native-vector-icons feather icon pack and our icon pack:_ | react-native-vector-icons feather icons | react-native-feather1s | | :-------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------: | | ![](https://user-images.githubusercontent.com/33039909/61528019-10da6600-aa1e-11e9-946f-c119eeb173e6.png) | ![](https://user-images.githubusercontent.com/33039909/61528024-120b9300-aa1e-11e9-9e71-3d2dbc0e20d5.png) | --- ### Real life example Using react-navigation bottom tab navigation: | Default Feather icons | Our thin Feather icons | | :-------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------: | | ![](https://user-images.githubusercontent.com/33039909/61456985-ab2ba280-a967-11e9-8d93-ec0cd996f899.png) | ![](https://user-images.githubusercontent.com/33039909/61456986-ac5ccf80-a967-11e9-9a78-5c8cd35f76b1.png) | --- # Installation 1. Install package via: ```npm yarn add react-native-feather1s or npm install react-native-feather1s ``` 2. Link new icon font into your project using command: ```npm react-native link react-native-feather1s ``` The package should be ready to use now! # Usage Find an icon that you would like to use at [feathericons](https://feathericons.com/) (when you find an icon which isn't converted yet and cannot be used with these package please, [create a new issue](https://github.com/sinodko/react-native-feather1s/issues/new)). Simply import Icon from this package: ```js import Icon from "react-native-feather1s"; ``` And use component where you need it: ```js ``` You can also use origin Feather icons from _react-native-vector-icons_ if you set _thin_ prop to `false`: ```js ``` #### Properties: | Prop/s | Description | Default | | :---------: | :--------------------------------------------------------------------------------------------------------------------------------------------------: | :-----: | | thin | If property is set to true (default), you're using icons from this package. Otherwise, you will use origin Feather Icons! | true | | other props | All properties from react-native-vector-icons package. You can find them [here](https://github.com/oblador/react-native-vector-icons#icon-component) | props | # Others You can find source files of this icon font at https://github.com/sinodko/feather1s. Feel free to copy and use it. It would be great if you would like to contribute. Feel free to raise a Pull Request! # License This project is licenced under the [MIT License](/LICENSE.md). [Feather icons](https://feathericons.com/) are copyright under [MIT License](https://github.com/feathericons/feather/blob/master/LICENSE). --- _Source: https://npm.io/package/react-native-feather1s · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._