React Native Feather Icons

Simply beautiful SVG icons as React Native SVG components.

This repository is a copy of the React Feather project.

The main difference between them is that this project outputs React Native SVG components that will render on React Native platforms.

Installation

npm install react-native-feather --save (Not yet published NPM)

You will also need to ensure you have installed React Native SVG into your project.

Usage

import{Camera}from'react-feather';classMyClassextendsReact.Component{render(){return<Camera/>}}

If you are using WebPack, you can import only one icon.

importCamerafrom'react-native-feather/dist/icons/camera';classMyClassextendsReact.Component{render(){return<Camera/>}}

If you can't use ES6 imports, it's possible to include icons from the compiled folder ./dist.

varCamera=require('react-native-feather/dist/icons/camera').default;varMyComponent=React.createClass({render: function(){return(<Camera/>);}});

You can also include the whole icon pack:

import*asIconfrom'react-native-feather';classMyClassextendsReact.Component{render(){return<Icon.Camera/>}}

Icons can be configured with inline props:

<Icon.AlertCirclecolor="red"size={48}/>