iconic-icons-rn
Version:
Iconic icons for React Native
32 lines (28 loc) • 973 B
Markdown
# Iconic Icons for React Native
This package provides the [Iconic icon set](https://iconic.app/) as easy to use SVG icons for use in React Native applications.
## Installation
```
$ npm i iconic-icons-rn
```
## Usage
First, browse for icons on [iconic.app](https://iconic.app/).
Once you have found an icon which you want to use, you can simply use it as a React component.
```typescript
import { IconBell } from 'iconic-icons-rn';
...
const MyComponent = () => {
return <IconBell />;
};
```
All icons use the `Icon` prefix for easy searching in IDEs such as VSCode.
## Styling
The icons are plain old [react-native-svg](https://github.com/react-native-svg/react-native-svg) components and therefore can use any of the props available to that library, example usage for changing the size and color are shown below.
```typescript
const MyComponent = () => {
return <IconBell
width={64}
height={64}
color="red"
/>;
};
```