react-native-snappy
TypeScript icon, indicating that this package has built-in type declarations

0.0.20 • Public • Published

Snappy Icons

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
  1. 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

Package Sidebar

Install

npm i react-native-snappy

Weekly Downloads

1

Version

0.0.20

License

MIT

Unpacked Size

583 kB

Total Files

31

Last publish

Collaborators

  • fgrgic