React

The official React package for Tabler Icons. Every icon is a tree-shakable component with size, color and stroke props.

Installation

npm install @tabler/icons-react

yarn add @tabler/icons-react

pnpm install @tabler/icons-react

bun install @tabler/icons-react

or just download from Github.

How to use

Each icon is a component, and the package ships as ES modules, so only the icons you import end up in the bundle.

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

All icon components accept these props to control the size, color, and stroke width of the rendered SVG: