Implementation of the Tabler Icons library for Preact applications.
Browse all icons at tabler.io →
If you want to support our project and help us grow it, you can become a sponsor on GitHub or donate on PayPal.
npm install @tabler/icons-preactyarn add @tabler/icons-preactpnpm add @tabler/icons-preactYou can also download the latest release from GitHub.
The package is built with ES modules, so unused icons are tree-shaken from your bundle. Each icon is exported as a component.
import { IconArrowDown } from '@tabler/icons-preact';
const App = () => {
return <IconArrowDown />;
};
export default App;Pass props to adjust the icon:
<IconArrowDown color="red" size={48} stroke={1.5} />| Name | Type | Default | Description |
|---|---|---|---|
size |
_number | string_ | 24 |
color |
string | currentColor | Stroke color for outline icons, fill color for filled icons |
stroke |
_number | string_ | 2 |
title |
string | – | Adds a <title> element for accessibility |
class |
string | – | Extra classes added to tabler-icon tabler-icon-{{name}}, className is accepted as well |
Any other attribute is forwarded to the rendered <svg> element. The package ships with TypeScript declarations.
Bug reports and icon requests are welcome in the issue tracker. Caught a mistake in this page? Edit it on GitHub.
Tabler Icons is licensed under the MIT License.