Hero Icons For React Native

Description:

An icon component that makes it easier to use Hero icons as components in your React Native app. Easily customizable with react-native-svg props.

How to use it:

1. Install and import.

# Yarn
$ yarn add @nandorojo/heroicons react-native-svg
# NPM
$ npm i @nandorojo/heroicons react-native-svg
import * as React from 'react';
import { Text, View, ScrollView, StyleSheet } from 'react-native';
import { HeroOutline, HeroSolid, HeroSolid20, /*... */ } from '@nandorojo/heroicons'

2. Use Hero icons as components.

<HeroOutline.Calendar height="24" width="24" color="#8A8F98" />

Preview:

Hero Icons For React Native

Tags:

Add Comment