mirror
/
tabler-icons
mirror of https://github.com/tabler/tabler-icons.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
tabler-icons/packages/icons-react
History
codecalm 0a955dcc11 rollup plugins fix 2024-01-19 02:15:46 +01:00
..
src add icons aliases 2024-01-05 03:51:24 +01:00
README.md fix: `stroke` prop no longer works after 2.0 update (#470) 2023-01-25 23:26:11 +01:00
build.mjs react components 2024-01-04 23:57:54 +01:00
package.json rollup plugins fix 2024-01-19 02:15:46 +01:00
rollup.config.mjs rollup plugins fix 2024-01-19 02:15:46 +01:00
setupVitest.js add unit tests 2024-01-05 02:45:28 +01:00
test.spec.jsx build fixes 2024-01-05 03:33:23 +01:00
tsconfig.json react components 2024-01-04 23:57:54 +01:00
vitest.config.ts add unit tests 2024-01-05 02:45:28 +01:00

README.md

Tabler Icons for React

Tabler Icons

Implementation of the Tabler Icons library for React applications.

Browse all icons at tabler-icons.io →

Latest Release License

Sponsors

If you want to support my project and help me grow it, you can become a sponsor on GitHub or just donate on PayPal :)

Installation

yarn add @tabler/icons-react

or

npm install @tabler/icons-react

or

pnpm 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

Contributing

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

License

Tabler Icons is licensed under the MIT License.

Sponsor Tabler

Sponsor Tabler