iconic-icons-rn

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"
  />;
};