React

Tabler Icons for React offers a robust set of icons tailored for React applications, providing developers with a seamless way to enhance their user interfaces with high-quality, scalable graphics.

Installation

npm install @tabler/icons-react
pnpm install @tabler/icons-react
yarn install @tabler/icons-react

or just download from Github.

How to use

It's built 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