@ckbab/react-native-icons

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

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
• coin
• cross
• cross-circle
• email
• 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