react-native-icomoon
React Native Icommon
Installation
React Native Icomoon is using react-native-svg to render icon. Make sure install it correctly https://github.com/react-native-svg/react-native-svg#installation
npm install react-native-icomoon react-native-svg
or
yarn add react-native-icomoon react-native-svg
Usage
Create re-useable component
type IconProps = Omit<IconMoonProps "iconSet"> { return <Icomoon iconSet=json name=name ...restProps />}
Use
<Icon name="firefox" color="tomato" size=50 />
iconList
You can use the iconList method to see a complete list of icons you can use.
; ; // sample output "document" "camera" "genius" "chat" //...
Props List
Name | Type | Default | Sample |
---|---|---|---|
iconSet | Object | undefined | "selection.json file content" |
name | String | undefined | "home" |
size | Number,String | undefined | "1em", 10, "100px" |
color | String | undefined | "red", "#f00", "rgb(0,0,0)" |
License
MIT