1
0
mirror of https://github.com/tabler/tabler-icons.git synced 2025-01-16 20:28:28 +01:00
tabler-icons/docs/icons/react.mdx
2024-03-13 23:59:18 +01:00

41 lines
876 B
Plaintext

---
title: Tabler Icons for React
---
![](https://raw.githubusercontent.com/tabler/tabler-icons/master/.github/packages/og-package-react.png)
## Installation
<TabsPackage name="@tabler/icons-react" />
or just [download from Github](https://github.com/tabler/tabler-icons/releases).
## 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 <IconArrowLeft />;
};
export default App;
```
You can pass additional props to adjust the icon.
```js
<IconArrowLeft color="red" size={48} />
```
### Props
| name | type | default |
| ------------- | -------- | ------------ |
| `size` | _Number_ | 24 |
| `color` | _String_ | currentColor |
| `stroke` | _Number_ | 2 |