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.
import { IconArrowLeft } from '@tabler/icons-react';
const App = () => {
return <IconArrowLeft />;
};
export default App;
You can pass additional props to adjust the icon.
<IconArrowLeft color="red" size={48} />
Props
| 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
