Iconic Icons for React Native
This package provides the Iconic icon set 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. Once you have found an icon which you want to use, you can simply use it as a React component.
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 components and therefore can use any of the props available to that library, example usage for changing the size and color are shown below.
const MyComponent = () => {
return <IconBell
width={64}
height={64}
color="red"
/>;
};