0.0.20 • Published 2 years ago
react-native-snappy v0.0.20
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.20
2 years ago
0.0.19
2 years ago
0.0.18
2 years ago
0.0.17
2 years ago
0.0.16
2 years ago
0.0.15
2 years ago
0.0.14
2 years ago
0.0.13
2 years ago
0.0.12
2 years ago
0.0.11
2 years ago
0.0.10
2 years ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.7
2 years ago
0.0.6
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.3
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago