Tabler Icons for React

Implementation of the Tabler Icons library for React applications.

Browse all icons at tabler-icons.io →

Sponsors

If you want to support my project and help me grow it, you can become a sponsor on GitHub or just donate on PayPal :)

Installation

``
yarn add @tabler/icons-react
`

or

`
npm install @tabler/icons-react
`

or

`
pnpm install @tabler/icons-react
`

or just download from Github.

How to use

It's build with ESmodules so it's completely tree-shakable. Each icon can be imported as a component.

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

const App = () => {
return ;
};

export default App;
`

You can pass additional props to adjust the icon.

`js

`

$3

| name | type | default |
| ------------- | -------- | ------------ |
| size | _Number_ | 24 |
| color | _String_ | currentColor |
| stroke` | _Number_ | 2 |

Contributing

For more info on how to contribute please see the contribution guidelines.

Caught a mistake or want to contribute to the documentation? Edit this page on Github

License

Tabler Icons is licensed under the MIT License.

Sponsor Tabler