mirror_html/tabler-icons
1
0
Fork 0
mirror of https://github.com/tabler/tabler-icons.git synced 2025-01-17 04:38:28 +01:00
Code Issues Releases Wiki Activity
tabler-icons/packages/icons-react
History
BG-Software c898ade0f0
Add title to icon's <svg> as child tag in React, Vue.js and React Native (#1147) 
* Add title as child tag of <svg> in icons-react

* Add title as child tag of <svg> in icons-vue package

* Add title as child tag of <svg> in icons-react-native package

* Test <title> element in React

* Prevent adding <!----> to <svg> if no title prop passed

+ Test <title> child element.

* Fix tests for Vue

Stroke attribute added to expected SVG code.

---------

Co-authored-by: Bartłomiej Gawęda <bgaweda@abis.krakow.pl>
2024-06-13 22:08:44 +02:00
..
src
Add title to icon's <svg> as child tag in React, Vue.js and React Native (#1147)
2024-06-13 22:08:44 +02:00
.gitignore
Generate icons list for build (#1050)
2024-03-14 00:35:33 +01:00
build.mjs
Generate icons list for build (#1050)
2024-03-14 00:35:33 +01:00
package.json
Release 3.5.0
2024-05-21 21:40:54 +02:00
README.md
Fix og image for sprite package in README (#1020)
2024-02-27 23:54:06 +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 icon's <svg> as child tag in React, Vue.js and React Native (#1147)
2024-06-13 22:08:44 +02:00
tsconfig.json
Types fixes (#1037)
2024-03-12 00:15:40 +01:00
vitest.config.ts
Tabler Icons 3.0 (#993)
2024-02-27 00:16:23 +00: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