Tabler Icons for React

Installation

yarn add  @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

nametypedefault
sizeNumber24
colorStringcurrentColor
strokeNumber2

Browse all icons at Tabler Icons website.

Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like Tabler? tweet about it!
Support Tabler's development: Github Sponsors
illustrations banner imageillustrations banner image dark
55 sleek illustrations for your startup's visual identity.