0.0.21 • Published 7 months ago
react-native-snappy v0.0.21
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
- Make sure you have
react-native-svg
installed:
yarn add react-native-svg
or
npm i react-native-svg
- 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 |
0.0.21
7 months ago
0.0.20
3 years ago
0.0.19
3 years ago
0.0.18
3 years ago
0.0.17
3 years ago
0.0.16
3 years ago
0.0.15
3 years ago
0.0.14
3 years ago
0.0.13
3 years ago
0.0.12
3 years ago
0.0.11
3 years ago
0.0.10
3 years ago
0.0.9
3 years ago
0.0.8
3 years ago
0.0.7
3 years ago
0.0.6
3 years ago
0.0.5
3 years ago
0.0.4
3 years ago
0.0.3
3 years ago
0.0.2
3 years ago
0.0.1
3 years ago