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
pnpm
yarn
npm 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 |
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