@tamagui/feather-icons
v1.0.1-beta.193
Published
React Native components for Feather icons - native and web
Downloads
243
Readme
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 '@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} />