Snappy Icons

Snappy icons is a collection of more than 350 open source icons designed on a 24x24 grid. The icons are designed as svgs and this package converts them to be compatible with react-native-svg package.

Installation

1. Make sure you have react-native-svg installed:

yarn add react-native-svg

or

npm i react-native-svg

2. Add this package:

yarn add react-native-snappy

or

npm i react-native-snappy

Available icons

The list of all the icons is available on the official website snappyicons.com.

Usage

Icon names are formated in kebab case. E.g. to use chevron-right icon use:

import Snappy from 'react-native-snappy';

const App = () => {
  return <Snappy name='chevron-right' />;
};

Icons can be further configured with inline props:

<Snappy name='chevron-right' strokeWidth={1} size={40} color='#FF6666' />

Props

| Prop | Description | Default | | ----------------- | -------------------------------------------------------------------- | -------- | | size | Rectangular size of the icon. | 24 | | color | The stroke prop refers to the color outline the icon. | "#000" | | strokeWidth | The strokeWidth prop specifies the width of the outline on the icon. | 2 |