# @tabler/icons-react

> A set of free MIT-licensed high-quality SVG icons for you to use in your web projects.

Latest version **3.47.0** (published 2026-09-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install @tabler/icons-react
pnpm add @tabler/icons-react
yarn add @tabler/icons-react
bun add @tabler/icons-react
```

## Health

**Score 60/100 (C)** — status: active.

Positive: no vulnerabilities; recently updated; high maintenance score; popular repo.

Warnings: low downloads; no types; no esm support.

## Facts

| | |
|---|---|
| Version | 3.47.0 |
| Published | 2026-09-18 |
| First published | 2023-01-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 21698 |
| Author | codecalm |
| Maintainers | codecalm, bartosz-do |

## Links

- npm: https://www.npmjs.com/package/@tabler/icons-react
- Repository: https://github.com/tabler/tabler-icons
- Homepage: https://tabler.io/icons
- Issues: https://github.com/tabler/tabler-icons/issues
- Funding: https://github.com/sponsors/codecalm
- npm.io page: https://npm.io/package/@tabler/icons-react

## Recent versions

- 3.47.0 (latest) — 2026-09-18
- 3.0.0-beta.2 (beta) — 2024-02-28
- 3.46.0 — 2026-07-28
- 3.45.0 — 2026-07-17
- 3.44.0 — 2026-05-08
- 3.43.0 — 2026-05-06
- 3.42.0 — 2026-05-04
- 3.41.1 — 2026-03-29
- 3.41.0 — 2026-03-26
- 3.40.0 — 2026-03-07
- 3.39.0 — 2026-03-05
- 3.38.0 — 2026-03-01
- 3.37.1 — 2026-02-19
- 3.37.0 — 2026-02-19
- 3.36.1 — 2026-01-02
- … 103 more at https://npm.io/package/@tabler/icons-react/versions

## README

# Tabler Icons for React

<p align="center">
  <a href="https://tabler.io/icons?ref=tabler-icons-readme"><img src="https://raw.githubusercontent.com/tabler/tabler-icons/main/.github/packages/og-package-react.png" alt="Tabler Icons" width="838"></a>
</p>

<p align="center">
  Implementation of the Tabler Icons library for React applications.
</p>

<p align="center">
  <a href="https://tabler.io/icons"><strong>Browse all icons at tabler.io &rarr;</strong></a>
</p>

<p align="center">
  <a href="https://www.npmjs.com/package/@tabler/icons-react"><img src="https://img.shields.io/npm/v/@tabler/icons-react" alt="Latest release"></a>
  <a href="https://github.com/tabler/tabler-icons/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/@tabler/icons-react.svg" alt="License"></a>
</p>

## Sponsors

**If you want to support our project and help us grow it, you can [become a sponsor on GitHub](https://github.com/sponsors/codecalm) or [donate on PayPal](https://paypal.me/codecalm).**

<a href="https://github.com/sponsors/codecalm">
  <img src="https://cdn.jsdelivr.net/gh/tabler/sponsors@latest/sponsors.svg" alt="Tabler sponsors">
</a>

## Installation

```sh
npm install @tabler/icons-react
```

```sh
yarn add @tabler/icons-react
```

```sh
pnpm add @tabler/icons-react
```

You can also [download the latest release from GitHub](https://github.com/tabler/tabler-icons/releases).

## Usage

The package is built with ES modules, so unused icons are tree-shaken from your bundle. Each icon is exported as a component.

```jsx
import { IconArrowLeft } from '@tabler/icons-react';

const App = () => {
  return <IconArrowLeft />;
};

export default App;
```

Pass props to adjust the icon:

```jsx
<IconArrowLeft color="red" size={48} stroke={1.5} />
```

### Props

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| `size` | _number | string_ | 24 | Width and height of the icon |
| `color` | _string_ | currentColor | Stroke color for outline icons, fill color for filled icons |
| `stroke` | _number | string_ | 2 | Stroke width, outline icons only |
| `title` | _string_ | – | Adds a `<title>` element for accessibility |
| `className` | _string_ | – | Extra classes added to `tabler-icon tabler-icon-{{name}}` |

Any other attribute is forwarded to the rendered `<svg>` element. Components forward refs to the `<svg>` element and ship with TypeScript declarations.

## Contributing

Bug reports and icon requests are welcome in the [issue tracker](https://github.com/tabler/tabler-icons/issues). Caught a mistake in this page? [Edit it on GitHub](https://github.com/tabler/tabler-icons/blob/main/packages/icons-react/README.md).

## License

Tabler Icons is licensed under the [MIT License](https://github.com/tabler/tabler-icons/blob/main/LICENSE).

---
_Source: https://npm.io/package/@tabler/icons-react · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._