tabler-icons/packages/icons-preact
codecalm 69752f43de Release 3.21.0 2024-10-28 19:52:41 +01:00
..
src build fix 2024-09-27 22:27:41 +02:00
.gitignore Generate icons list for build (#1050) 2024-03-14 00:35:33 +01:00
README.md Fix og image for sprite package in README (#1020) 2024-02-27 23:54:06 +01:00
build.mjs Generate icons list for build (#1050) 2024-03-14 00:35:33 +01:00
package.json Release 3.21.0 2024-10-28 19:52:41 +01:00
rollup.config.mjs Import fixes (#1039) 2024-03-12 12:19:23 +01:00
setupVitest.js Tabler Icons 3.0 (#993) 2024-02-27 00:16:23 +00:00
test.spec.tsx Add <title> to <svg> in Preact (#1157) 2024-06-13 22:11:45 +02:00
tsconfig.json Types fixes (#1037) 2024-03-12 00:15:40 +01:00
vitest.config.mts Tabler Icons 3.0 (#993) 2024-02-27 00:16:23 +00:00

README.md

Tabler Icons for Preact

Tabler Icons

Implementation of the Tabler Icons library for Preact 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-preact

or

npm install @tabler/icons-preact

or

pnpm install @tabler/icons-preact

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 { 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

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