React Native Lucide 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 @tamagui/lucide-icons --save

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

Usage

1import { Camera } from '@tamagui/lucide-icons';
2
3class MyClass extends React.Component {
4  render() {
5    return <Camera />
6  }
7}

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

1import Camera from '@tamagui/lucide-icons/dist/icons/camera';
2
3class MyClass extends React.Component {
4  render() {
5    return <Camera />
6  }
7}

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

1var Camera = require('@tamagui/lucide-icons/dist/icons/camera').default;
2
3var MyComponent = React.createClass({
4  render: function () {
5    return (
6      <Camera />
7    );
8  }
9});

You can also include the whole icon pack:

1import * as Icon from '@tamagui/lucide-icons';
2
3class MyClass extends React.Component {
4  render() {
5    return <Icon.Camera />
6  }
7}

Icons can be configured with inline props:

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