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.
npm install @tabler/icons-preact
pnpm install @tabler/icons-preact
yarn install @tabler/icons-preact
or just download from Github.
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} />
name | type | default |
---|---|---|
size |
Number | 24 |
color |
String | currentColor |
stroke |
Number | 2 |