https://github.com/wrathchaos/react-native-custom-icon
Medium Article: https://freakycoder.com/react-native-library-react-native-custom-icon-1ec0b734d691
https://github.com/wrathchaos/react-native-custom-icon
mobile-app mobile-development react-native react-native-component software-engineering
Last synced: 16 days ago
JSON representation
Medium Article: https://freakycoder.com/react-native-library-react-native-custom-icon-1ec0b734d691
- Host: GitHub
- URL: https://github.com/wrathchaos/react-native-custom-icon
- Owner: WrathChaos
- License: mit
- Created: 2019-03-10T21:10:22.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-07-18T20:29:39.000Z (almost 2 years ago)
- Last Synced: 2025-04-01T06:34:00.503Z (about 1 month ago)
- Topics: mobile-app, mobile-development, react-native, react-native-component, software-engineering
- Language: JavaScript
- Homepage: https://www.freakycoder.com
- Size: 3.13 MB
- Stars: 5
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://github.com/WrathChaos/react-native-custom-icon)
[](https://github.com/WrathChaos/react-native-custom-icon)
[](https://www.npmjs.com/package/react-native-custom-icon)
[](https://www.npmjs.org/package/react-native-custom-icon)

[](https://opensource.org/licenses/MIT)
![]()
## Installation
Add the dependency:
### Pure React Native:
```js
npm i react-native-custom-icon
```## Peer Dependencies
##### IMPORTANT! You need install them.
```json
"react": ">= 16.x",
"react-native": ">= 0.55.x",
"react-native-vector-icons": ">= 6.x.x"
```## Basic Usage
```jsx
import MyIcon from "react-native-custom-icon";
import IcomoonConfig from "./assets/icomoon/selection.json";;
```## Documentation
##### Read how to use react-native-custom-icon on Medium blog. DO NOT FORGET to implement your .ttf file on iOS and Android original files!
### Configuration - Props
| Property | Type | Default | Description |
| -------- | :----: | :-----: | ------------------------------------------------------------------- |
| name | string | null | use this to set icon's name |
| color | color | null | use this to set icon's color |
| size | number | 16 | use this to change icon's size |
| config | JSON | null | must use this to provide which config and data to use as IconConfig |## Author
FreakyCoder, [email protected]
## License
React Native Custom Icon Library is available under the MIT license. See the LICENSE file for more info.