# `@ledgerhq/icons-ui`

[![npm](https://img.shields.io/npm/v/@ledgerhq/icons-ui)](https://www.npmjs.com/package/@ledgerhq/icons-ui)

### A collection of Ledger-flavoured icons

#### This package contains a collection of React and React Native icon components.

## Reference

[**🔗 Icons list**](https://react-ui-storybook.vercel.app/?path=/story/asorted-icons--list)

## Installation

**Note:** Do not install this package directly if your project is using `@ledgerhq/react-ui` or `@ledgerhq/native-ui`. Both packages include `icons-ui` as a depedency and the icon components are re-exported and are accessible from there.

### Package

```sh
npm i @ledgerhq/icons-ui
```

## Usage

### Props

```ts
declare type Props = {
  /**
   *  Icon size, defaults to 16.
   */
  size?: number | string;
  /**
   * Icon color, defaults to currentColor.
   */
  color?: string;
};
```

### React

```js
import { Airplane, LedgerLogo } from "@ledgerhq/icons-ui/react"

/* … */

<Airplane color="green" />
<LedgerLogo size="XL" color="black" />
```

### React Native

```js
import { Airplane, LedgerLogo } from "@ledgerhq/icons-ui/native"

/* … */

<Airplane color="green" />
<LedgerLogo size="XL" color="black" />
```