@tabler/icons 1.41.0 → 1.43.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +28 -0
- package/iconfont/fonts/tabler-icons.eot +0 -0
- package/iconfont/fonts/tabler-icons.svg +168 -54
- package/iconfont/fonts/tabler-icons.ttf +0 -0
- package/iconfont/fonts/tabler-icons.woff +0 -0
- package/iconfont/fonts/tabler-icons.woff2 +0 -0
- package/iconfont/tabler-icons.css +153 -1
- package/iconfont/tabler-icons.html +344 -2
- package/iconfont/tabler-icons.min.css +2 -2
- package/iconfont/tabler-icons.scss +77 -1
- package/icons/arrow-autofit-content.svg +10 -0
- package/icons/arrow-autofit-down.svg +8 -0
- package/icons/arrow-autofit-height.svg +10 -0
- package/icons/arrow-autofit-left.svg +8 -0
- package/icons/arrow-autofit-right.svg +8 -0
- package/icons/arrow-autofit-up.svg +8 -0
- package/icons/arrow-autofit-width.svg +10 -0
- package/icons/arrows-diagonal-minimize-2.svg +9 -0
- package/icons/arrows-diagonal-minimize.svg +9 -0
- package/icons/axis-x.svg +10 -0
- package/icons/axis-y.svg +10 -0
- package/icons/backpack.svg +8 -0
- package/icons/ballon.svg +8 -0
- package/icons/bath.svg +9 -0
- package/icons/battery-charging-2.svg +10 -0
- package/icons/battery-eco.svg +8 -0
- package/icons/beach.svg +10 -0
- package/icons/brand-bootstrap.svg +8 -0
- package/icons/brand-mastercard.svg +8 -0
- package/icons/brand-stack-ofverflow.svg +10 -0
- package/icons/currency-dogecoin.svg +8 -0
- package/icons/door-enter.svg +9 -0
- package/icons/door-exit.svg +9 -0
- package/icons/door.svg +8 -0
- package/icons/hand-click.svg +13 -0
- package/icons/hand-move.svg +11 -0
- package/icons/highlight.svg +9 -0
- package/icons/list-details.svg +11 -0
- package/icons/lock-square.svg +8 -0
- package/icons/multiplier-0-5x.svg +9 -0
- package/icons/multiplier-1-5x.svg +10 -0
- package/icons/multiplier-1x.svg +8 -0
- package/icons/multiplier-2x.svg +8 -0
- package/icons/pig.svg +7 -0
- package/icons/scale-outline.svg +7 -0
- package/icons/spacing-horizontal.svg +8 -0
- package/icons/spacing-vertical.svg +8 -0
- package/icons/wallpaper.svg +8 -0
- package/icons-png/arrow-autofit-content.png +0 -0
- package/icons-png/arrow-autofit-down.png +0 -0
- package/icons-png/arrow-autofit-height.png +0 -0
- package/icons-png/arrow-autofit-left.png +0 -0
- package/icons-png/arrow-autofit-right.png +0 -0
- package/icons-png/arrow-autofit-up.png +0 -0
- package/icons-png/arrow-autofit-width.png +0 -0
- package/icons-png/arrows-diagonal-minimize-2.png +0 -0
- package/icons-png/arrows-diagonal-minimize.png +0 -0
- package/icons-png/axis-x.png +0 -0
- package/icons-png/axis-y.png +0 -0
- package/icons-png/backpack.png +0 -0
- package/icons-png/ballon.png +0 -0
- package/icons-png/bath.png +0 -0
- package/icons-png/battery-charging-2.png +0 -0
- package/icons-png/battery-eco.png +0 -0
- package/icons-png/beach.png +0 -0
- package/icons-png/brand-bootstrap.png +0 -0
- package/icons-png/brand-mastercard.png +0 -0
- package/icons-png/brand-stack-ofverflow.png +0 -0
- package/icons-png/currency-dogecoin.png +0 -0
- package/icons-png/door-enter.png +0 -0
- package/icons-png/door-exit.png +0 -0
- package/icons-png/door.png +0 -0
- package/icons-png/hand-click.png +0 -0
- package/icons-png/hand-move.png +0 -0
- package/icons-png/highlight.png +0 -0
- package/icons-png/list-details.png +0 -0
- package/icons-png/lock-square.png +0 -0
- package/icons-png/multiplier-0-5x.png +0 -0
- package/icons-png/multiplier-1-5x.png +0 -0
- package/icons-png/multiplier-1x.png +0 -0
- package/icons-png/multiplier-2x.png +0 -0
- package/icons-png/pig.png +0 -0
- package/icons-png/scale-outline.png +0 -0
- package/icons-png/spacing-horizontal.png +0 -0
- package/icons-png/spacing-vertical.png +0 -0
- package/icons-png/wallpaper.png +0 -0
- package/icons-react/dist/index.cjs.js +1354 -0
- package/icons-react/dist/index.cjs.js.map +1 -1
- package/icons-react/dist/index.cjs.min.js +1 -1
- package/icons-react/dist/index.cjs.min.js.map +1 -1
- package/icons-react/dist/index.esm.js +1317 -1
- package/icons-react/dist/index.esm.js.map +1 -1
- package/icons-react/dist/index.esm.min.js +1 -1
- package/icons-react/dist/index.esm.min.js.map +1 -1
- package/icons-react/dist/index.umd.js +1354 -0
- package/icons-react/dist/index.umd.js.map +1 -1
- package/icons-react/dist/index.umd.min.js +1 -1
- package/icons-react/dist/index.umd.min.js.map +1 -1
- package/icons-react/index.d.ts +38 -0
- package/package.json +5 -2
- package/tabler-sprite-nostroke.svg +1 -1
- package/tabler-sprite.svg +1 -1
- package/tags.json +389 -22
package/README.md
CHANGED
|
@@ -105,6 +105,30 @@ const MyComponent = () => {
|
|
|
105
105
|
|
|
106
106
|
`@tabler/icons` exports it's own type declarations for usage with React and Typescript.
|
|
107
107
|
|
|
108
|
+
### Vue
|
|
109
|
+
|
|
110
|
+
Vue components available through [`vue-tabler-icons`](https://www.npmjs.com/package/vue-tabler-icons) package.
|
|
111
|
+
Install the package, import the icon component and render it in your component. You can adjust SVG properties by passing regular HTML attributes:
|
|
112
|
+
|
|
113
|
+
```html
|
|
114
|
+
<script>
|
|
115
|
+
// MyComponent.vue
|
|
116
|
+
import { BoldIcon } from 'vue-tabler-icons';
|
|
117
|
+
|
|
118
|
+
export default {
|
|
119
|
+
components: { BoldIcon },
|
|
120
|
+
};
|
|
121
|
+
</script>
|
|
122
|
+
|
|
123
|
+
<template>
|
|
124
|
+
<bold-icon />
|
|
125
|
+
</template>
|
|
126
|
+
```
|
|
127
|
+
|
|
128
|
+
`vue-tabler-icons` exports it's own type declarations for usage with Typescript.
|
|
129
|
+
|
|
130
|
+
For more usage documentation refer to [the official documentation](https://github.com/alex-oleshkevich/vue-tabler-icons).
|
|
131
|
+
|
|
108
132
|
### CDN
|
|
109
133
|
|
|
110
134
|
All files included in `@tabler/icons` npm package are available over a CDN.
|
|
@@ -184,6 +208,10 @@ You can use [`tabler-icons-svelte`](https://github.com/benflap/tabler-icons-svel
|
|
|
184
208
|
<CircleX />
|
|
185
209
|
```
|
|
186
210
|
|
|
211
|
+
### Jetpack Compose
|
|
212
|
+
|
|
213
|
+
For Android or Desktop you can use [`compose-icons`](https://github.com/DevSrSouza/compose-icons) to use icons in your projects. (see [docs](https://github.com/DevSrSouza/compose-icons/blob/master/tabler-icons/DOCUMENTATION.md))
|
|
214
|
+
|
|
187
215
|
## Multiple strokes
|
|
188
216
|
|
|
189
217
|
All icons in this repository have been created with the value of the `stroke-width` property, so if you change the value, you can get different icon variants that will fit in well with your design.
|
|
Binary file
|