@tabler/icons 3.23.0 → 3.25.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 +1 -1
- package/categories/outline/Document/folders.svg +2 -2
- package/categories/outline/Nature/{seeding-off.svg → seedling-off.svg} +1 -1
- package/categories/outline/Nature/{seeding.svg → seedling.svg} +1 -1
- package/categories/outline/Photography/exposure-off.svg +4 -4
- package/categories/outline/Photography/exposure.svg +4 -4
- package/categories/outline/Vehicles/ferry.svg +4 -4
- package/docs/eps.mdx +13 -0
- package/docs/figma.mdx +7 -0
- package/docs/icons/eps.mdx +13 -0
- package/docs/icons/figma.mdx +7 -0
- package/docs/icons/index.mdx +103 -0
- package/docs/icons/pdf.mdx +13 -0
- package/docs/icons/png.mdx +19 -0
- package/docs/icons/preact.mdx +40 -0
- package/docs/icons/react-native.mdx +39 -0
- package/docs/icons/react.mdx +40 -0
- package/docs/icons/solidjs.mdx +39 -0
- package/docs/icons/sprite.mdx +22 -0
- package/docs/icons/svelte.mdx +40 -0
- package/docs/icons/svg.mdx +68 -0
- package/docs/icons/vue.mdx +45 -0
- package/docs/icons/webfont.mdx +52 -0
- package/docs/index.mdx +103 -0
- package/docs/pdf.mdx +13 -0
- package/docs/png.mdx +19 -0
- package/docs/preact.mdx +40 -0
- package/docs/react-native.mdx +39 -0
- package/docs/react.mdx +40 -0
- package/docs/solidjs.mdx +39 -0
- package/docs/sprite.mdx +22 -0
- package/docs/svelte.mdx +40 -0
- package/docs/svg.mdx +68 -0
- package/docs/vue.mdx +45 -0
- package/docs/webfont.mdx +52 -0
- package/icons/filled/brand-bitbucket.svg +11 -0
- package/icons/filled/calendar-month.svg +4 -6
- package/icons/filled/calendar-week.svg +6 -4
- package/icons/filled/chart-donut.svg +1 -2
- package/icons/filled/chart-dots-2.svg +11 -0
- package/icons/filled/chart-dots-3.svg +11 -0
- package/icons/filled/chart-funnel.svg +11 -0
- package/icons/filled/chart-pie-2.svg +11 -0
- package/icons/filled/chart-pie-3.svg +11 -0
- package/icons/filled/chart-pie-4.svg +11 -0
- package/icons/filled/chef-hat.svg +12 -0
- package/icons/filled/circle-caret-down.svg +11 -0
- package/icons/filled/circle-caret-left.svg +11 -0
- package/icons/filled/circle-caret-right.svg +11 -0
- package/icons/filled/circle-caret-up.svg +11 -0
- package/icons/filled/circle-chevron-down.svg +11 -0
- package/icons/filled/circle-chevron-left.svg +11 -0
- package/icons/filled/circle-chevron-right.svg +11 -0
- package/icons/filled/circle-chevron-up.svg +11 -0
- package/icons/filled/clipboard-check.svg +11 -0
- package/icons/filled/clipboard-x.svg +11 -0
- package/icons/filled/clipboard.svg +11 -0
- package/icons/filled/direction-arrows.svg +11 -0
- package/icons/filled/droplets.svg +13 -0
- package/icons/filled/eyeglass.svg +11 -0
- package/icons/filled/filters.svg +13 -0
- package/icons/filled/flame.svg +11 -0
- package/icons/filled/flare.svg +11 -0
- package/icons/filled/folders.svg +11 -0
- package/icons/filled/garden-cart.svg +11 -0
- package/icons/filled/grid-pattern.svg +11 -0
- package/icons/filled/helicopter-landing.svg +11 -0
- package/icons/filled/laurel-wreath.svg +11 -0
- package/icons/filled/lemon-2.svg +11 -0
- package/icons/filled/lifebuoy.svg +11 -0
- package/icons/filled/{seeding.svg → seedling.svg} +1 -1
- package/icons/outline/cake-roll.svg +17 -0
- package/icons/outline/calendar-month.svg +3 -7
- package/icons/outline/calendar-week.svg +7 -3
- package/icons/outline/exposure-off.svg +4 -4
- package/icons/outline/exposure.svg +4 -4
- package/icons/outline/ferry.svg +4 -4
- package/icons/outline/flame.svg +1 -1
- package/icons/outline/folders.svg +2 -2
- package/icons/outline/matrix.svg +25 -0
- package/icons/outline/{seeding-off.svg → seedling-off.svg} +1 -1
- package/icons/outline/{seeding.svg → seedling.svg} +1 -1
- package/icons/outline/square-dashed.svg +15 -0
- package/icons/outline/table-dashed.svg +17 -0
- package/icons.json +176 -4
- package/package.json +5 -3
- package/tabler-nodes-filled.json +298 -18
- package/tabler-nodes-outline.json +161 -45
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Webfont
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
```
|
|
10
|
+
yarn add @tabler/icons-webfont
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
or
|
|
14
|
+
|
|
15
|
+
```
|
|
16
|
+
npm install @tabler/icons-webfont
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
or
|
|
20
|
+
|
|
21
|
+
```
|
|
22
|
+
pnpm install @tabler/icons-webfont
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
or just [download from Github](https://github.com/tabler/tabler-icons/releases).
|
|
26
|
+
|
|
27
|
+
### CDN
|
|
28
|
+
|
|
29
|
+
```html
|
|
30
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@$ICONS_VERSION/dist/tabler-icons.min.css">
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
## Usage
|
|
34
|
+
|
|
35
|
+
### HTML
|
|
36
|
+
|
|
37
|
+
```html
|
|
38
|
+
<i class="ti ti-brand-tabler"></i>
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
### CSS
|
|
42
|
+
|
|
43
|
+
```css
|
|
44
|
+
content: 'ec8f';
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
### SCSS
|
|
49
|
+
|
|
50
|
+
```scss
|
|
51
|
+
content: $ti-icon-brand-tabler;
|
|
52
|
+
```
|
package/docs/index.mdx
ADDED
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Tabler Icons
|
|
3
|
+
description: Tabler Icons is a powerful and versatile icon library that offers a huge collection of high quality icons suitable for a wide range of applications. With its clean and modern aesthetic, extensive customisation options, and user-friendly website and plugins, Tabler Icons is an excellent resource for designers and developers looking to enhance their projects with high-quality icons.
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
```html example centered separated
|
|
7
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-lg icon-tabler icon-tabler-ghost" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
8
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
9
|
+
<path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7"></path>
|
|
10
|
+
<path d="M10 10l.01 0"></path>
|
|
11
|
+
<path d="M14 10l.01 0"></path>
|
|
12
|
+
<path d="M10 14a3.5 3.5 0 0 0 4 0"></path>
|
|
13
|
+
</svg>
|
|
14
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-lg icon-tabler icon-tabler-star" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
16
|
+
<path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"></path>
|
|
17
|
+
</svg>
|
|
18
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-lg icon-tabler icon-tabler-yin-yang" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
19
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
20
|
+
<path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path>
|
|
21
|
+
<path d="M12 3a4.5 4.5 0 0 0 0 9a4.5 4.5 0 0 1 0 9"></path>
|
|
22
|
+
<circle cx="12" cy="7.5" r=".5" fill="currentColor"></circle>
|
|
23
|
+
<circle cx="12" cy="16.5" r=".5" fill="currentColor"></circle>
|
|
24
|
+
</svg>
|
|
25
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-lg icon-tabler icon-tabler-heart" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
26
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
27
|
+
<path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572"></path>
|
|
28
|
+
</svg>
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
## Customize stroke
|
|
32
|
+
|
|
33
|
+
The `stroke-width` property is a powerful tool for customizing icons. This property allows you to control the thickness of the stroke used to outline an icon, giving you precise control over its appearance. By adjusting the `stroke-width` property, you can make an icon more or less prominent, change its emphasis, or create unique visual effects. For example, a thinner stroke may be ideal for icons with intricate designs or fine details, while a thicker stroke can add visual weight and impact to simpler, bolder icons.
|
|
34
|
+
|
|
35
|
+
All icons are designed by default with `2px` stroke.
|
|
36
|
+
|
|
37
|
+
```html example centered separated
|
|
38
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-lg icon-tabler icon-tabler-cherry" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" style="stroke-width: 1">
|
|
39
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
40
|
+
<path d="M7.5 16.5m-3.5 0a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0"></path>
|
|
41
|
+
<path d="M17 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
|
|
42
|
+
<path d="M9 13c.366 -2 1.866 -3.873 4.5 -5.6"></path>
|
|
43
|
+
<path d="M17 15c-1.333 -2.333 -2.333 -5.333 -1 -9"></path>
|
|
44
|
+
<path d="M5 6c3.667 -2.667 7.333 -2.667 11 0c-3.667 2.667 -7.333 2.667 -11 0"></path>
|
|
45
|
+
</svg>
|
|
46
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-lg icon-tabler icon-tabler-cherry" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" style="stroke-width: 1.5">
|
|
47
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
48
|
+
<path d="M7.5 16.5m-3.5 0a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0"></path>
|
|
49
|
+
<path d="M17 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
|
|
50
|
+
<path d="M9 13c.366 -2 1.866 -3.873 4.5 -5.6"></path>
|
|
51
|
+
<path d="M17 15c-1.333 -2.333 -2.333 -5.333 -1 -9"></path>
|
|
52
|
+
<path d="M5 6c3.667 -2.667 7.333 -2.667 11 0c-3.667 2.667 -7.333 2.667 -11 0"></path>
|
|
53
|
+
</svg>
|
|
54
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-lg icon-tabler icon-tabler-cherry" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" style="stroke-width: 2">
|
|
55
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
56
|
+
<path d="M7.5 16.5m-3.5 0a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0"></path>
|
|
57
|
+
<path d="M17 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
|
|
58
|
+
<path d="M9 13c.366 -2 1.866 -3.873 4.5 -5.6"></path>
|
|
59
|
+
<path d="M17 15c-1.333 -2.333 -2.333 -5.333 -1 -9"></path>
|
|
60
|
+
<path d="M5 6c3.667 -2.667 7.333 -2.667 11 0c-3.667 2.667 -7.333 2.667 -11 0"></path>
|
|
61
|
+
</svg>
|
|
62
|
+
```
|
|
63
|
+
|
|
64
|
+
```html
|
|
65
|
+
<svg stroke-width="1" ...>
|
|
66
|
+
...
|
|
67
|
+
</svg>
|
|
68
|
+
<svg stroke-width="1.5" ...>
|
|
69
|
+
...
|
|
70
|
+
</svg>
|
|
71
|
+
<svg stroke-width="2" ...>
|
|
72
|
+
...
|
|
73
|
+
</svg>
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
## Filled version of icons
|
|
77
|
+
|
|
78
|
+
```html example centered separated
|
|
79
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-lg icon-tabler icon-tabler-bell-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
80
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
81
|
+
<path d="M14.235 19c.865 0 1.322 1.024 .745 1.668a3.992 3.992 0 0 1 -2.98 1.332a3.992 3.992 0 0 1 -2.98 -1.332c-.552 -.616 -.158 -1.579 .634 -1.661l.11 -.006h4.471z" stroke-width="0" fill="currentColor"></path>
|
|
82
|
+
<path d="M12 2c1.358 0 2.506 .903 2.875 2.141l.046 .171l.008 .043a8.013 8.013 0 0 1 4.024 6.069l.028 .287l.019 .289v2.931l.021 .136a3 3 0 0 0 1.143 1.847l.167 .117l.162 .099c.86 .487 .56 1.766 -.377 1.864l-.116 .006h-16c-1.028 0 -1.387 -1.364 -.493 -1.87a3 3 0 0 0 1.472 -2.063l.021 -.143l.001 -2.97a8 8 0 0 1 3.821 -6.454l.248 -.146l.01 -.043a3.003 3.003 0 0 1 2.562 -2.29l.182 -.017l.176 -.004z" stroke-width="0" fill="currentColor"></path>
|
|
83
|
+
</svg>
|
|
84
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-lg icon-tabler icon-tabler-diamond-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
85
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
86
|
+
<path d="M18 4a1 1 0 0 1 .783 .378l.074 .108l3 5a1 1 0 0 1 -.032 1.078l-.08 .103l-8.53 9.533a1.7 1.7 0 0 1 -1.215 .51c-.4 0 -.785 -.14 -1.11 -.417l-.135 -.126l-8.5 -9.5a1 1 0 0 1 -.172 -1.067l.06 -.115l3.013 -5.022l.064 -.09a.982 .982 0 0 1 .155 -.154l.089 -.064l.088 -.05l.05 -.023l.06 -.025l.109 -.032l.112 -.02l.117 -.005h12zm-8.886 3.943a1 1 0 0 0 -1.371 .343l-.6 1l-.06 .116a1 1 0 0 0 .177 1.07l2 2.2l.09 .088a1 1 0 0 0 1.323 -.02l.087 -.09a1 1 0 0 0 -.02 -1.323l-1.501 -1.65l.218 -.363l.055 -.103a1 1 0 0 0 -.398 -1.268z" stroke-width="0" fill="currentColor"></path>
|
|
87
|
+
</svg>
|
|
88
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-lg icon-tabler icon-tabler-discount-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
89
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
90
|
+
<path d="M12.01 2.011a3.2 3.2 0 0 1 2.113 .797l.154 .145l.698 .698a1.2 1.2 0 0 0 .71 .341l.135 .008h1a3.2 3.2 0 0 1 3.195 3.018l.005 .182v1c0 .27 .092 .533 .258 .743l.09 .1l.697 .698a3.2 3.2 0 0 1 .147 4.382l-.145 .154l-.698 .698a1.2 1.2 0 0 0 -.341 .71l-.008 .135v1a3.2 3.2 0 0 1 -3.018 3.195l-.182 .005h-1a1.2 1.2 0 0 0 -.743 .258l-.1 .09l-.698 .697a3.2 3.2 0 0 1 -4.382 .147l-.154 -.145l-.698 -.698a1.2 1.2 0 0 0 -.71 -.341l-.135 -.008h-1a3.2 3.2 0 0 1 -3.195 -3.018l-.005 -.182v-1a1.2 1.2 0 0 0 -.258 -.743l-.09 -.1l-.697 -.698a3.2 3.2 0 0 1 -.147 -4.382l.145 -.154l.698 -.698a1.2 1.2 0 0 0 .341 -.71l.008 -.135v-1l.005 -.182a3.2 3.2 0 0 1 3.013 -3.013l.182 -.005h1a1.2 1.2 0 0 0 .743 -.258l.1 -.09l.698 -.697a3.2 3.2 0 0 1 2.269 -.944zm3.697 7.282a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z" stroke-width="0" fill="currentColor"></path>
|
|
91
|
+
</svg>
|
|
92
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-lg icon-tabler icon-tabler-shield-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
93
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
94
|
+
<path d="M11.998 2l.118 .007l.059 .008l.061 .013l.111 .034a.993 .993 0 0 1 .217 .112l.104 .082l.255 .218a11 11 0 0 0 7.189 2.537l.342 -.01a1 1 0 0 1 1.005 .717a13 13 0 0 1 -9.208 16.25a1 1 0 0 1 -.502 0a13 13 0 0 1 -9.209 -16.25a1 1 0 0 1 1.005 -.717a11 11 0 0 0 7.531 -2.527l.263 -.225l.096 -.075a.993 .993 0 0 1 .217 -.112l.112 -.034a.97 .97 0 0 1 .119 -.021l.115 -.007zm3.71 7.293a1 1 0 0 0 -1.415 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z" stroke-width="0" fill="currentColor"></path>
|
|
95
|
+
</svg>
|
|
96
|
+
```
|
|
97
|
+
|
|
98
|
+
## Browse icons
|
|
99
|
+
|
|
100
|
+
Tabler Icons is a comprehensive icon library that features over <IconsCount rounded /> high-quality icons. These icons are designed with a clean and modern aesthetic, making them suitable for a wide range of applications.
|
|
101
|
+
|
|
102
|
+
To use Tabler Icons, you can visit their website at https://tabler-icons.io. From there, you can browse the full collection of icons by category or search for a specific icon using the search bar. Once you have found an icon you like, you can download it in various file formats, including SVG, PNG, and Icon Font.
|
|
103
|
+
|
package/docs/pdf.mdx
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: PDF version
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
<TabsPackage name="@tabler/icons-pdf" />
|
|
10
|
+
|
|
11
|
+
or just [download from Github](https://github.com/tabler/tabler-icons/releases).
|
|
12
|
+
|
|
13
|
+
All PDF files are stored in `icons` subdirectory.
|
package/docs/png.mdx
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: PNG version
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
<TabsPackage name="@tabler/icons-png" />
|
|
10
|
+
|
|
11
|
+
or just [download from Github](https://github.com/tabler/tabler-icons/releases).
|
|
12
|
+
|
|
13
|
+
All PNG files are stored in `icons` subdirectory.
|
|
14
|
+
|
|
15
|
+
## CDN
|
|
16
|
+
|
|
17
|
+
```html
|
|
18
|
+
<img src="https://unpkg.com/@tabler/icons-png@$ICONS_VERSION/icons/home.png" />
|
|
19
|
+
```
|
package/docs/preact.mdx
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Tabler Icons for Preact
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
<TabsPackage name="@tabler/icons-preact" />
|
|
10
|
+
|
|
11
|
+
or just [download from Github](https://github.com/tabler/tabler-icons/releases).
|
|
12
|
+
|
|
13
|
+
## How to use
|
|
14
|
+
|
|
15
|
+
It's build with ESmodules so it's completely tree-shakable. Each icon can be imported as a component.
|
|
16
|
+
|
|
17
|
+
```js
|
|
18
|
+
import { IconArrowDown } from '@tabler/icons-preact';
|
|
19
|
+
|
|
20
|
+
const App = () => {
|
|
21
|
+
return <IconArrowDown />;
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export default App;
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
You can pass additional props to adjust the icon.
|
|
28
|
+
|
|
29
|
+
```js
|
|
30
|
+
<IconArrowDown color="red" size={48} />
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
### Props
|
|
34
|
+
|
|
35
|
+
| name | type | default |
|
|
36
|
+
| ------------- | -------- | ------------ |
|
|
37
|
+
| `size` | _Number_ | 24 |
|
|
38
|
+
| `color` | _String_ | currentColor |
|
|
39
|
+
| `stroke` | _Number_ | 2 |
|
|
40
|
+
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Tabler Icons for React Native
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
<TabsPackage name="@tabler/icons-react-native" />
|
|
10
|
+
|
|
11
|
+
or just [download from Github](https://github.com/tabler/tabler-icons/releases).
|
|
12
|
+
|
|
13
|
+
## How to use
|
|
14
|
+
|
|
15
|
+
It's build with ESmodules so it's completely tree-shakable. Each icon can be imported as a component.
|
|
16
|
+
|
|
17
|
+
```js
|
|
18
|
+
import { IconArrowLeft } from '@tabler/icons-react-native';
|
|
19
|
+
|
|
20
|
+
const App = () => {
|
|
21
|
+
return <IconArrowLeft />;
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export default App;
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
You can pass additional props to adjust the icon.
|
|
28
|
+
|
|
29
|
+
```js
|
|
30
|
+
<IconArrowLeft color="red" size={48} />
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
### Props
|
|
34
|
+
|
|
35
|
+
| name | type | default |
|
|
36
|
+
| ------------- | -------- | ------------ |
|
|
37
|
+
| `size` | _Number_ | 24 |
|
|
38
|
+
| `color` | _String_ | currentColor |
|
|
39
|
+
| `stroke` | _Number_ | 2 |
|
package/docs/react.mdx
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Tabler Icons for React
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
<TabsPackage name="@tabler/icons-react" />
|
|
10
|
+
|
|
11
|
+
or just [download from Github](https://github.com/tabler/tabler-icons/releases).
|
|
12
|
+
|
|
13
|
+
## How to use
|
|
14
|
+
|
|
15
|
+
It's build with ESmodules so it's completely tree-shakable. Each icon can be imported as a component.
|
|
16
|
+
|
|
17
|
+
```js
|
|
18
|
+
import { IconArrowLeft } from '@tabler/icons-react';
|
|
19
|
+
|
|
20
|
+
const App = () => {
|
|
21
|
+
return <IconArrowLeft />;
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export default App;
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
You can pass additional props to adjust the icon.
|
|
28
|
+
|
|
29
|
+
```js
|
|
30
|
+
<IconArrowLeft color="red" size={48} />
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
### Props
|
|
34
|
+
|
|
35
|
+
| name | type | default |
|
|
36
|
+
| ------------- | -------- | ------------ |
|
|
37
|
+
| `size` | _Number_ | 24 |
|
|
38
|
+
| `color` | _String_ | currentColor |
|
|
39
|
+
| `stroke` | _Number_ | 2 |
|
|
40
|
+
|
package/docs/solidjs.mdx
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Tabler Icons for SolidJS
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
<TabsPackage name="@tabler/icons-solidjs" />
|
|
10
|
+
|
|
11
|
+
or just [download from Github](https://github.com/tabler/tabler-icons/releases).
|
|
12
|
+
|
|
13
|
+
## How to use
|
|
14
|
+
|
|
15
|
+
It's build with ESmodules so it's completely tree-shakable. Each icon can be imported as a component.
|
|
16
|
+
|
|
17
|
+
```js
|
|
18
|
+
import { IconArrowRight } from '@tabler/icons-solidjs';
|
|
19
|
+
|
|
20
|
+
const App = () => {
|
|
21
|
+
return <IconArrowRight />;
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export default App;
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
You can pass additional props to adjust the icon.
|
|
28
|
+
|
|
29
|
+
```js
|
|
30
|
+
<IconArrowRight color="red" size={48} />
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
### Props
|
|
34
|
+
|
|
35
|
+
| name | type | default |
|
|
36
|
+
| ------------- | -------- | ------------ |
|
|
37
|
+
| `size` | _Number_ | 24 |
|
|
38
|
+
| `color` | _String_ | currentColor |
|
|
39
|
+
| `stroke` | _Number_ | 2 |
|
package/docs/sprite.mdx
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: SVG sprite version
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
<TabsPackage name="@tabler/icons-sprite" />
|
|
10
|
+
|
|
11
|
+
or just [download from Github](https://github.com/tabler/tabler-icons/releases).
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
Add an icon to be displayed on your page with the following markup (`activity` in the following example can be replaced with
|
|
16
|
+
any valid icon name):
|
|
17
|
+
|
|
18
|
+
```html
|
|
19
|
+
<svg width="24" height="24">
|
|
20
|
+
<use xlink:href="path/to/tabler-sprite.svg#tabler-activity" />
|
|
21
|
+
</svg>
|
|
22
|
+
```
|
package/docs/svelte.mdx
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Tabler Icons for Svelte
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
<TabsPackage name="@tabler/icons-svelte" />
|
|
10
|
+
|
|
11
|
+
or just [download from Github](https://github.com/tabler/tabler-icons/releases).
|
|
12
|
+
|
|
13
|
+
## How to use
|
|
14
|
+
|
|
15
|
+
It's build with ESmodules so it's completely tree-shakable. Each icon can be imported as a component.
|
|
16
|
+
|
|
17
|
+
```sveltehtml
|
|
18
|
+
<script lang="ts">
|
|
19
|
+
import { IconHeart } from '@tabler/icons-svelte';
|
|
20
|
+
</script>
|
|
21
|
+
|
|
22
|
+
<main>
|
|
23
|
+
<IconHeart />
|
|
24
|
+
</main>
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
You can pass additional props to adjust the icon.
|
|
28
|
+
|
|
29
|
+
```html
|
|
30
|
+
<IconHeart size={48} stroke={1} />
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
### Props
|
|
34
|
+
|
|
35
|
+
| name | type | default |
|
|
36
|
+
| ------------- | -------- | ------------ |
|
|
37
|
+
| `size` | _Number_ | 24 |
|
|
38
|
+
| `color` | _String_ | currentColor |
|
|
39
|
+
| `stroke` | _Number_ | 2 |
|
|
40
|
+
| `class` | _String_ | |
|
package/docs/svg.mdx
ADDED
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: SVG version
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
<TabsPackage name="@tabler/icons" />
|
|
10
|
+
|
|
11
|
+
or just [download from Github](https://github.com/tabler/tabler-icons/releases).
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
All icons are built with SVG, so you can place them as `<img>`, `background-image` and inline in HTML code.
|
|
16
|
+
|
|
17
|
+
### HTML image
|
|
18
|
+
|
|
19
|
+
If you load an icon as an image, you can modify its size using CSS.
|
|
20
|
+
|
|
21
|
+
```html
|
|
22
|
+
<img src="path/to/icon.svg" alt="icon title" />
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
### Inline HTML
|
|
26
|
+
|
|
27
|
+
You can paste the content of the icon file into your HTML code to display it on the page.
|
|
28
|
+
|
|
29
|
+
```html
|
|
30
|
+
<a href="">
|
|
31
|
+
<svg
|
|
32
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
33
|
+
class="icon icon-tabler icon-tabler-disabled"
|
|
34
|
+
width="24"
|
|
35
|
+
height="24"
|
|
36
|
+
viewBox="0 0 24 24"
|
|
37
|
+
stroke-width="1.25"
|
|
38
|
+
stroke="currentColor"
|
|
39
|
+
fill="none"
|
|
40
|
+
stroke-linecap="round"
|
|
41
|
+
stroke-linejoin="round"
|
|
42
|
+
>
|
|
43
|
+
...
|
|
44
|
+
</svg>
|
|
45
|
+
Click me
|
|
46
|
+
</a>
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
Thanks to that, you can change the size, color and the `stroke-width` of the icons with CSS code.
|
|
50
|
+
|
|
51
|
+
```css
|
|
52
|
+
.icon-tabler {
|
|
53
|
+
color: red;
|
|
54
|
+
width: 32px;
|
|
55
|
+
height: 32px;
|
|
56
|
+
stroke-width: 1.25;
|
|
57
|
+
}
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
## CDN
|
|
61
|
+
|
|
62
|
+
```html
|
|
63
|
+
<img src="https://unpkg.com/@tabler/icons@$ICONS_VERSION/icons/home.svg" />
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
### SVG sprite
|
|
67
|
+
|
|
68
|
+
See the [SVG sprite version](../icons/sprite)
|
package/docs/vue.mdx
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Tabler Icons for Vue
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
<TabsPackage name="@tabler/icons-vue" />
|
|
10
|
+
|
|
11
|
+
or just [download from Github](https://github.com/tabler/tabler-icons/releases).
|
|
12
|
+
|
|
13
|
+
## How to use
|
|
14
|
+
|
|
15
|
+
All icons are Vue components that contain SVG elements. So any icon can be imported and used as a component. It also helps to use threeshaking, so you only import the icons you use.
|
|
16
|
+
|
|
17
|
+
```vue
|
|
18
|
+
<template>
|
|
19
|
+
<IconHome />
|
|
20
|
+
</template>
|
|
21
|
+
|
|
22
|
+
<script>
|
|
23
|
+
// Returns Vue component
|
|
24
|
+
import { IconHome } from '@tabler/icons-vue';
|
|
25
|
+
|
|
26
|
+
export default {
|
|
27
|
+
components: { IconHome }
|
|
28
|
+
};
|
|
29
|
+
</script>
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
You can pass additional props to adjust the icon.
|
|
33
|
+
|
|
34
|
+
```html
|
|
35
|
+
<IconHome color="red" :size="48" stroke-width="1" />
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
### Props
|
|
39
|
+
|
|
40
|
+
| name | type | default |
|
|
41
|
+
| ------------- | -------- | ------------ |
|
|
42
|
+
| `size` | _Number_ | 24 |
|
|
43
|
+
| `color` | _String_ | currentColor |
|
|
44
|
+
| `stroke` | _Number_ | 2 |
|
|
45
|
+
|
package/docs/webfont.mdx
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Webfont
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
```
|
|
10
|
+
yarn add @tabler/icons-webfont
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
or
|
|
14
|
+
|
|
15
|
+
```
|
|
16
|
+
npm install @tabler/icons-webfont
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
or
|
|
20
|
+
|
|
21
|
+
```
|
|
22
|
+
pnpm install @tabler/icons-webfont
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
or just [download from Github](https://github.com/tabler/tabler-icons/releases).
|
|
26
|
+
|
|
27
|
+
### CDN
|
|
28
|
+
|
|
29
|
+
```html
|
|
30
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@$ICONS_VERSION/dist/tabler-icons.min.css">
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
## Usage
|
|
34
|
+
|
|
35
|
+
### HTML
|
|
36
|
+
|
|
37
|
+
```html
|
|
38
|
+
<i class="ti ti-brand-tabler"></i>
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
### CSS
|
|
42
|
+
|
|
43
|
+
```css
|
|
44
|
+
content: 'ec8f';
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
### SCSS
|
|
49
|
+
|
|
50
|
+
```scss
|
|
51
|
+
content: $ti-icon-brand-tabler;
|
|
52
|
+
```
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<svg
|
|
2
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
3
|
+
width="24"
|
|
4
|
+
height="24"
|
|
5
|
+
viewBox="0 0 24 24"
|
|
6
|
+
fill="currentColor"
|
|
7
|
+
class="icon icon-tabler icons-tabler-filled icon-tabler-brand-bitbucket"
|
|
8
|
+
>
|
|
9
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
|
10
|
+
<path d="M3.661 3l16.68 .007c.484 -.005 .946 .203 1.262 .57c.316 .368 .454 .856 .364 1.396l-3.338 14.651a1.64 1.64 0 0 1 -1.629 1.376h-10.01c-.906 -.009 -1.678 -.668 -1.82 -1.517l-3.148 -14.576a1.64 1.64 0 0 1 1.639 -1.907m11.339 5h-6a1 1 0 0 0 -.986 1.164l1 6a1 1 0 0 0 .986 .836h4a1 1 0 0 0 .986 -.836l1 -6a1 1 0 0 0 -.986 -1.164" />
|
|
11
|
+
</svg>
|
|
@@ -7,10 +7,8 @@
|
|
|
7
7
|
class="icon icon-tabler icons-tabler-filled icon-tabler-calendar-month"
|
|
8
8
|
>
|
|
9
9
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
|
10
|
-
<path d="
|
|
11
|
-
<path d="
|
|
12
|
-
<path d="
|
|
13
|
-
<path d="
|
|
14
|
-
<path d="M12.02 15a1 1 0 0 1 0 2a1.001 1.001 0 1 1 -.005 -2z" />
|
|
15
|
-
<path d="M9.015 16a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1" />
|
|
10
|
+
<path d="M8 12a1 1 0 0 1 1 1v4a1 1 0 0 1 -2 0v-4a1 1 0 0 1 1 -1" />
|
|
11
|
+
<path d="M12 12a1 1 0 0 1 1 1v4a1 1 0 0 1 -2 0v-4a1 1 0 0 1 1 -1" />
|
|
12
|
+
<path d="M16 12a1 1 0 0 1 1 1v4a1 1 0 0 1 -2 0v-4a1 1 0 0 1 1 -1" />
|
|
13
|
+
<path d="M16 2a1 1 0 0 1 .993 .883l.007 .117v1h1a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h1v-1a1 1 0 0 1 1.993 -.117l.007 .117v1h6v-1a1 1 0 0 1 1 -1m3 7h-14v9.625c0 .705 .386 1.286 .883 1.366l.117 .009h12c.513 0 .936 -.53 .993 -1.215l.007 -.16z" />
|
|
16
14
|
</svg>
|
|
@@ -7,8 +7,10 @@
|
|
|
7
7
|
class="icon icon-tabler icons-tabler-filled icon-tabler-calendar-week"
|
|
8
8
|
>
|
|
9
9
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
|
10
|
-
<path d="
|
|
11
|
-
<path d="
|
|
12
|
-
<path d="
|
|
13
|
-
<path d="
|
|
10
|
+
<path d="M16 2c.183 0 .355 .05 .502 .135l.033 .02c.28 .177 .465 .49 .465 .845v1h1a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h1v-1a1 1 0 0 1 .514 -.874l.093 -.046l.066 -.025l.1 -.029l.107 -.019l.12 -.007q .083 0 .161 .013l.122 .029l.04 .012l.06 .023c.328 .135 .568 .44 .61 .806l.007 .117v1h6v-1a1 1 0 0 1 1 -1m3 7h-14v9.625c0 .705 .386 1.286 .883 1.366l.117 .009h12c.513 0 .936 -.53 .993 -1.215l.007 -.16z" />
|
|
11
|
+
<path d="M9.015 13a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1" />
|
|
12
|
+
<path d="M13.015 13a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1" />
|
|
13
|
+
<path d="M17.02 13a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1" />
|
|
14
|
+
<path d="M12.02 15a1 1 0 0 1 0 2a1.001 1.001 0 1 1 -.005 -2z" />
|
|
15
|
+
<path d="M9.015 16a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1" />
|
|
14
16
|
</svg>
|
|
@@ -7,6 +7,5 @@
|
|
|
7
7
|
class="icon icon-tabler icons-tabler-filled icon-tabler-chart-donut"
|
|
8
8
|
>
|
|
9
9
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
|
10
|
-
<path d="
|
|
11
|
-
<path d="M14.775 2.526a.996 .996 0 0 1 .22 -.026l.122 .007l.112 .02l.103 .03a10 10 0 0 1 6.003 5.817l.108 .294a1 1 0 0 1 -.824 1.325l-.119 .007h-4.5a1 1 0 0 1 -.76 -.35a8 8 0 0 0 -.89 -.89a1 1 0 0 1 -.342 -.636l-.008 -.124v-4.495l.006 -.118c.005 -.042 .012 -.08 .02 -.116l.03 -.103a.998 .998 0 0 1 .168 -.299l.071 -.08c.03 -.028 .058 -.052 .087 -.075l.09 -.063l.088 -.05l.103 -.043l.112 -.032z" />
|
|
10
|
+
<path d="M11.292 2.61c.396 .318 .65 .78 .703 1.286l.005 .104v4a1 1 0 0 1 -.748 .968a3.1 3.1 0 1 0 3.78 3.78a1 1 0 0 1 .968 -.748h3.8a2 2 0 0 1 2 2a1 1 0 0 1 -.026 .226a10 10 0 1 1 -12 -12l.057 -.01l.052 -.01a1.9 1.9 0 0 1 1.409 .404m3.703 -.11l.045 .002l.067 .004l.081 .014l.032 .004l.072 .022l.04 .01a10 10 0 0 1 6.003 5.818l.108 .294a1 1 0 0 1 -.943 1.332h-4.5a1 1 0 0 1 -.76 -.35a8 8 0 0 0 -.89 -.89a1 1 0 0 1 -.35 -.76v-4.5q .001 -.119 .026 -.23l.03 -.102a1 1 0 0 1 .168 -.299l.03 -.033l.039 -.043a1 1 0 0 1 .089 -.08l.051 -.034l.03 -.023l.045 -.025l.052 -.03a1 1 0 0 1 .435 -.101" />
|
|
12
11
|
</svg>
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<svg
|
|
2
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
3
|
+
width="24"
|
|
4
|
+
height="24"
|
|
5
|
+
viewBox="0 0 24 24"
|
|
6
|
+
fill="currentColor"
|
|
7
|
+
class="icon icon-tabler icons-tabler-filled icon-tabler-chart-dots-2"
|
|
8
|
+
>
|
|
9
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
|
10
|
+
<path d="M3 2a1 1 0 0 1 1 1v17h17a1 1 0 0 1 .993 .883l.007 .117a1 1 0 0 1 -1 1h-18a1 1 0 0 1 -1 -1v-18a1 1 0 0 1 1 -1m18.97 .757a1 1 0 0 1 -.727 1.213l-5.256 1.314a3 3 0 0 1 -.55 1.465l1.768 2.358a3.003 3.003 0 0 1 3.795 2.893a3 3 0 0 1 -5.436 1.751l-3.57 1.428a3 3 0 0 1 -5.994 -.179l.005 -.176a3 3 0 0 1 5.43 -1.576l3.57 -1.428l.015 -.17c.06 -.518 .253 -.996 .542 -1.4l-1.767 -2.357a3.003 3.003 0 0 1 -3.795 -2.893l.005 -.176a3 3 0 0 1 5.497 -1.48l5.255 -1.314a1 1 0 0 1 1.213 .727" />
|
|
11
|
+
</svg>
|