Implementation of the Tabler Icons library for React applications.
Browse all icons at tabler-icons.io →
If you want to support my project and help me grow it, you can become a sponsor on GitHub or just donate on PayPal :)
yarn add @tabler/icons-react
or
npm install @tabler/icons-react
or
pnpm install @tabler/icons-react
or just download from Github.
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} />
name | type | default |
---|---|---|
size |
Number | 24 |
color |
String | currentColor |
stroke |
Number | 2 |
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
Tabler Icons is licensed under the MIT License.