Preact

Tabler Icons for Preact provides an optimized collection of icons specifically designed for use with Preact. These lightweight and scalable icons are easy to integrate into Preact-based projects.

Installation

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

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 { IconArrowDown } from '@tabler/icons-preact';

const App = () => {
  return <IconArrowDown />;
};

export default App;

You can pass additional props to adjust the icon.

<IconArrowDown color="red" size={48} />

Props

name type default
size Number 24
color String currentColor
stroke Number 2