1.0.9 • Published 4 months ago
@ckbab/react-native-icons v1.0.9
react-native-icons
A collection of beautiful React Native icons.
Installation
yarn add @ckbab/react-native-icons
This package depends on react-native-svg
so you need to install it as well.
Usage
import Icon from "@ckbab/react-native-icons";
<Icon name="beer" />
<Icon code="beer" color="#009900" size={48} />
You can also define default icon props using the IconProvider
:
import { IconProvider } from "@ckbab/react-native-icons";
<IconProvider borderColor="#000" color="#ffcc00" size={24}>
/* Rest of your code */
</IconProvider>;
As shown above you can pass borderColor
, color
and size
as default props.
Properties
Name | Type | Default value |
---|---|---|
borderColor | string | "" |
color | string | #cc00ff |
name | string | "" |
size | number | 16 |
style | StyleSheet | {} |
If borderColor
is not explicitly defined the border color will be based on the color
prop.
Available icons
- arrow-down
- arrow-left
- arrow-right
- arrow-up
- beer
- bus
- calendar
- cards
- chat
- check
- check-circle
- chevron-down
- chevron-left
- chevron-right
- chevron-up
- cog
- cross
- cross-circle
- fist-bump
- football
- globe
- hotel
- info-circle
- lock
- menu
- more
- notification
- phone
- pin
- plane
- plus
- pot
- progress
- search
- shoe
- stadium
- star
- stats
- thumbs-down
- thumbs-up
- ticket
- time
- unlock
- user
- user-plus
- walking
- zigma