@tamagui/feather-icons

React Native components for Feather icons - native and web

Usage no npm install needed!

<script type="module">
  import tamaguiFeatherIcons from 'https://cdn.skypack.dev/@tamagui/feather-icons';
</script>

README

React Native Feather Icons

npm

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 '@tamagui/react-feather';

class MyClass extends React.Component {
  render() {
    return <Camera />
  }
}

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

import Camera from 'react-native-feather/dist/icons/camera';

class MyClass extends React.Component {
  render() {
    return <Camera />
  }
}

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

var Camera = require('react-native-feather/dist/icons/camera').default;

var MyComponent = React.createClass({
  render: function () {
    return (
      <Camera />
    );
  }
});

You can also include the whole icon pack:

import * as Icon from 'react-native-feather';

class MyClass extends React.Component {
  render() {
    return <Icon.Camera />
  }
}

Icons can be configured with inline props:

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