open-index/open-npm huggingface dataset:
npm package: @hanzogui/lucide-icons-2
Description: React Native components for Lucide icons - native and web
Latest version: 4.3.1

## React Native Lucide Icons

[![npm](https://img.shields.io/npm/v/@hanzogui/lucide-icons-2.svg)](https://www.npmjs.com/package/@hanzogui/lucide-icons-2)

#### Simply beautiful SVG icons as React Native SVG components.

This repository is a copy of the [React Feather](https://github.com/colebemis/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 @hanzogui/lucide-icons-2 --save

You will also need to ensure you have installed [React Native SVG](https://github.com/react-native-community/react-native-svg) into your project.

#### Usage

```javascript
import { Camera } from '@hanzogui/lucide-icons-2'

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

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

```javascript
import Camera from '@hanzogui/lucide-icons-2/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.

```javascript
var Camera = require('@hanzogui/lucide-icons-2/dist/icons/camera').default

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

You can also include the whole icon pack:

```javascript
import * as Icon from '@hanzogui/lucide-icons-2'

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

Icons can be configured with inline props:

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