@marcusv/roc 0.1.2 → 0.2.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 +9 -9
- package/dist/metadata.json +35 -20
- package/dist/react/duotone/Dog.jsx +1 -1
- package/dist/react/duotone/RocketLeague.jsx +1 -1
- package/dist/react/duotone/Skiing.jsx +1 -1
- package/dist/react/duotone/Snowboarding.jsx +1 -1
- package/dist/react/duotone/Surfing.jsx +1 -1
- package/dist/react/duotone/ThemeSystem.jsx +13 -0
- package/dist/react/duotone/TreeStructure.jsx +1 -1
- package/dist/react/duotone/index.js +1 -0
- package/dist/react/index.d.ts +4 -0
- package/dist/react/index.js +4 -0
- package/dist/react/outline/Dog.jsx +1 -1
- package/dist/react/outline/RocketLeague.jsx +1 -1
- package/dist/react/outline/Skiing.jsx +1 -1
- package/dist/react/outline/Snowboarding.jsx +1 -1
- package/dist/react/outline/Surfing.jsx +1 -1
- package/dist/react/outline/ThemeSystem.jsx +13 -0
- package/dist/react/outline/TreeStructure.jsx +1 -1
- package/dist/react/outline/index.js +1 -0
- package/dist/react/sharp/Dog.jsx +1 -1
- package/dist/react/sharp/RocketLeague.jsx +1 -1
- package/dist/react/sharp/Skiing.jsx +1 -1
- package/dist/react/sharp/Snowboarding.jsx +1 -1
- package/dist/react/sharp/Surfing.jsx +1 -1
- package/dist/react/sharp/ThemeSystem.jsx +13 -0
- package/dist/react/sharp/TreeStructure.jsx +1 -1
- package/dist/react/sharp/index.js +1 -0
- package/dist/react/solid/Dog.jsx +1 -1
- package/dist/react/solid/RocketLeague.jsx +1 -1
- package/dist/react/solid/Skiing.jsx +1 -1
- package/dist/react/solid/Snowboarding.jsx +1 -1
- package/dist/react/solid/Surfing.jsx +1 -1
- package/dist/react/solid/ThemeSystem.jsx +10 -0
- package/dist/react/solid/TreeStructure.jsx +1 -1
- package/dist/react/solid/index.js +1 -0
- package/dist/sprite.svg +36 -24
- package/dist/svelte/duotone/Dog.svelte +1 -1
- package/dist/svelte/duotone/RocketLeague.svelte +1 -1
- package/dist/svelte/duotone/Skiing.svelte +1 -1
- package/dist/svelte/duotone/Snowboarding.svelte +1 -1
- package/dist/svelte/duotone/Surfing.svelte +1 -1
- package/dist/svelte/duotone/ThemeSystem.svelte +8 -0
- package/dist/svelte/duotone/TreeStructure.svelte +1 -1
- package/dist/svelte/duotone/index.d.ts +1 -0
- package/dist/svelte/duotone/index.js +1 -0
- package/dist/svelte/index.d.ts +4 -0
- package/dist/svelte/index.js +4 -0
- package/dist/svelte/outline/Dog.svelte +1 -1
- package/dist/svelte/outline/RocketLeague.svelte +1 -1
- package/dist/svelte/outline/Skiing.svelte +1 -1
- package/dist/svelte/outline/Snowboarding.svelte +1 -1
- package/dist/svelte/outline/Surfing.svelte +1 -1
- package/dist/svelte/outline/ThemeSystem.svelte +8 -0
- package/dist/svelte/outline/TreeStructure.svelte +1 -1
- package/dist/svelte/outline/index.d.ts +1 -0
- package/dist/svelte/outline/index.js +1 -0
- package/dist/svelte/sharp/Dog.svelte +1 -1
- package/dist/svelte/sharp/RocketLeague.svelte +1 -1
- package/dist/svelte/sharp/Skiing.svelte +1 -1
- package/dist/svelte/sharp/Snowboarding.svelte +1 -1
- package/dist/svelte/sharp/Surfing.svelte +1 -1
- package/dist/svelte/sharp/ThemeSystem.svelte +8 -0
- package/dist/svelte/sharp/TreeStructure.svelte +1 -1
- package/dist/svelte/sharp/index.d.ts +1 -0
- package/dist/svelte/sharp/index.js +1 -0
- package/dist/svelte/solid/Dog.svelte +1 -1
- package/dist/svelte/solid/RocketLeague.svelte +1 -1
- package/dist/svelte/solid/Skiing.svelte +1 -1
- package/dist/svelte/solid/Snowboarding.svelte +1 -1
- package/dist/svelte/solid/Surfing.svelte +1 -1
- package/dist/svelte/solid/ThemeSystem.svelte +7 -0
- package/dist/svelte/solid/TreeStructure.svelte +1 -1
- package/dist/svelte/solid/index.d.ts +1 -0
- package/dist/svelte/solid/index.js +1 -0
- package/dist/svg/duotone/dog.svg +1 -1
- package/dist/svg/duotone/rocket-league.svg +1 -1
- package/dist/svg/duotone/skiing.svg +1 -1
- package/dist/svg/duotone/snowboarding.svg +1 -1
- package/dist/svg/duotone/surfing.svg +1 -1
- package/dist/svg/duotone/theme-system.svg +1 -0
- package/dist/svg/duotone/tree-structure.svg +1 -1
- package/dist/svg/outline/dog.svg +1 -1
- package/dist/svg/outline/rocket-league.svg +1 -1
- package/dist/svg/outline/skiing.svg +1 -1
- package/dist/svg/outline/snowboarding.svg +1 -1
- package/dist/svg/outline/surfing.svg +1 -1
- package/dist/svg/outline/theme-system.svg +1 -0
- package/dist/svg/outline/tree-structure.svg +1 -1
- package/dist/svg/sharp/dog.svg +1 -1
- package/dist/svg/sharp/rocket-league.svg +1 -1
- package/dist/svg/sharp/skiing.svg +1 -1
- package/dist/svg/sharp/snowboarding.svg +1 -1
- package/dist/svg/sharp/surfing.svg +1 -1
- package/dist/svg/sharp/theme-system.svg +1 -0
- package/dist/svg/sharp/tree-structure.svg +1 -1
- package/dist/svg/solid/dog.svg +1 -1
- package/dist/svg/solid/rocket-league.svg +1 -1
- package/dist/svg/solid/skiing.svg +1 -1
- package/dist/svg/solid/snowboarding.svg +1 -1
- package/dist/svg/solid/surfing.svg +1 -1
- package/dist/svg/solid/theme-system.svg +1 -0
- package/dist/svg/solid/tree-structure.svg +1 -1
- package/package.json +1 -4
package/README.md
CHANGED
|
@@ -7,7 +7,7 @@ A handcrafted SVG icon library with React, Svelte, and sprite outputs. Every ico
|
|
|
7
7
|
## Install
|
|
8
8
|
|
|
9
9
|
```bash
|
|
10
|
-
npm install @
|
|
10
|
+
npm install @marcusv/roc
|
|
11
11
|
```
|
|
12
12
|
|
|
13
13
|
Requires Node.js 22+. The only runtime dependency is `svgo`.
|
|
@@ -17,7 +17,7 @@ Requires Node.js 22+. The only runtime dependency is `svgo`.
|
|
|
17
17
|
### React
|
|
18
18
|
|
|
19
19
|
```jsx
|
|
20
|
-
import { Home, Bell, Search } from '@
|
|
20
|
+
import { Home, Bell, Search } from '@marcusv/roc/react/outline';
|
|
21
21
|
|
|
22
22
|
function App() {
|
|
23
23
|
return (
|
|
@@ -34,10 +34,10 @@ Each style has its own entry point:
|
|
|
34
34
|
|
|
35
35
|
```jsx
|
|
36
36
|
// Single style
|
|
37
|
-
import { Home } from '@
|
|
38
|
-
import { Home } from '@
|
|
39
|
-
import { Home } from '@
|
|
40
|
-
import { Home } from '@
|
|
37
|
+
import { Home } from '@marcusv/roc/react/outline';
|
|
38
|
+
import { Home } from '@marcusv/roc/react/solid';
|
|
39
|
+
import { Home } from '@marcusv/roc/react/duotone';
|
|
40
|
+
import { Home } from '@marcusv/roc/react/sharp';
|
|
41
41
|
```
|
|
42
42
|
|
|
43
43
|
Stroked icons (outline, duotone, sharp) accept a `strokeWidth` prop. Default stroke width adjusts automatically: `1.75` at 16px, `1.5` at 20px+.
|
|
@@ -46,8 +46,8 @@ Stroked icons (outline, duotone, sharp) accept a `strokeWidth` prop. Default str
|
|
|
46
46
|
|
|
47
47
|
```svelte
|
|
48
48
|
<script>
|
|
49
|
-
import Home from '@
|
|
50
|
-
import Bell from '@
|
|
49
|
+
import Home from '@marcusv/roc/svelte/outline/Home.svelte';
|
|
50
|
+
import Bell from '@marcusv/roc/svelte/solid/Bell.svelte';
|
|
51
51
|
</script>
|
|
52
52
|
|
|
53
53
|
<Home size={24} class="icon" />
|
|
@@ -73,7 +73,7 @@ Optimized SVGs are available at `dist/svg/{style}/{name}.svg` for direct use in
|
|
|
73
73
|
### Metadata
|
|
74
74
|
|
|
75
75
|
```js
|
|
76
|
-
import metadata from '@
|
|
76
|
+
import metadata from '@marcusv/roc/metadata';
|
|
77
77
|
// { icons: [...], categories: [...], total: N }
|
|
78
78
|
```
|
|
79
79
|
|
package/dist/metadata.json
CHANGED
|
@@ -2678,7 +2678,7 @@
|
|
|
2678
2678
|
{
|
|
2679
2679
|
"name": "dog",
|
|
2680
2680
|
"label": "Dog",
|
|
2681
|
-
"description": "
|
|
2681
|
+
"description": "Dog head with ears and snout for pets and animals",
|
|
2682
2682
|
"category": "Nature",
|
|
2683
2683
|
"tags": [
|
|
2684
2684
|
"animal",
|
|
@@ -2687,9 +2687,7 @@
|
|
|
2687
2687
|
"puppy",
|
|
2688
2688
|
"hound",
|
|
2689
2689
|
"bark",
|
|
2690
|
-
"woof"
|
|
2691
|
-
"floppy ears",
|
|
2692
|
-
"face"
|
|
2690
|
+
"woof"
|
|
2693
2691
|
],
|
|
2694
2692
|
"styles": [
|
|
2695
2693
|
"outline",
|
|
@@ -7392,7 +7390,7 @@
|
|
|
7392
7390
|
{
|
|
7393
7391
|
"name": "rocket-league",
|
|
7394
7392
|
"label": "Rocket League",
|
|
7395
|
-
"description": "
|
|
7393
|
+
"description": "Side-profile car with rocket booster exhaust trailing behind",
|
|
7396
7394
|
"category": "Gaming",
|
|
7397
7395
|
"tags": [
|
|
7398
7396
|
"rocket league",
|
|
@@ -7403,8 +7401,7 @@
|
|
|
7403
7401
|
"racing",
|
|
7404
7402
|
"esports",
|
|
7405
7403
|
"gaming",
|
|
7406
|
-
"vehicle"
|
|
7407
|
-
"ball"
|
|
7404
|
+
"vehicle"
|
|
7408
7405
|
],
|
|
7409
7406
|
"styles": [
|
|
7410
7407
|
"outline",
|
|
@@ -8159,7 +8156,7 @@
|
|
|
8159
8156
|
{
|
|
8160
8157
|
"name": "skiing",
|
|
8161
8158
|
"label": "Skiing",
|
|
8162
|
-
"description": "
|
|
8159
|
+
"description": "Crossed skis and poles for skiing and winter sports",
|
|
8163
8160
|
"category": "Sports",
|
|
8164
8161
|
"tags": [
|
|
8165
8162
|
"ski",
|
|
@@ -8167,9 +8164,7 @@
|
|
|
8167
8164
|
"snow",
|
|
8168
8165
|
"winter",
|
|
8169
8166
|
"poles",
|
|
8170
|
-
"downhill"
|
|
8171
|
-
"skier",
|
|
8172
|
-
"athlete"
|
|
8167
|
+
"downhill"
|
|
8173
8168
|
],
|
|
8174
8169
|
"styles": [
|
|
8175
8170
|
"outline",
|
|
@@ -8419,7 +8414,7 @@
|
|
|
8419
8414
|
{
|
|
8420
8415
|
"name": "snowboarding",
|
|
8421
8416
|
"label": "Snowboarding",
|
|
8422
|
-
"description": "
|
|
8417
|
+
"description": "Snowboard deck with bindings for snowboarding and mountain sports",
|
|
8423
8418
|
"category": "Sports",
|
|
8424
8419
|
"tags": [
|
|
8425
8420
|
"snowboard",
|
|
@@ -8427,9 +8422,7 @@
|
|
|
8427
8422
|
"winter",
|
|
8428
8423
|
"bindings",
|
|
8429
8424
|
"mountain",
|
|
8430
|
-
"board"
|
|
8431
|
-
"snowboarder",
|
|
8432
|
-
"athlete"
|
|
8425
|
+
"board"
|
|
8433
8426
|
],
|
|
8434
8427
|
"styles": [
|
|
8435
8428
|
"outline",
|
|
@@ -8850,7 +8843,7 @@
|
|
|
8850
8843
|
{
|
|
8851
8844
|
"name": "surfing",
|
|
8852
8845
|
"label": "Surfing",
|
|
8853
|
-
"description": "
|
|
8846
|
+
"description": "Surfboard with wave line for surfing and ocean sports",
|
|
8854
8847
|
"category": "Sports",
|
|
8855
8848
|
"tags": [
|
|
8856
8849
|
"surf",
|
|
@@ -8858,9 +8851,7 @@
|
|
|
8858
8851
|
"wave",
|
|
8859
8852
|
"ocean",
|
|
8860
8853
|
"beach",
|
|
8861
|
-
"water sports"
|
|
8862
|
-
"surfer",
|
|
8863
|
-
"athlete"
|
|
8854
|
+
"water sports"
|
|
8864
8855
|
],
|
|
8865
8856
|
"styles": [
|
|
8866
8857
|
"outline",
|
|
@@ -9124,6 +9115,30 @@
|
|
|
9124
9115
|
"sharp"
|
|
9125
9116
|
]
|
|
9126
9117
|
},
|
|
9118
|
+
{
|
|
9119
|
+
"name": "theme-system",
|
|
9120
|
+
"label": "Theme System",
|
|
9121
|
+
"description": "Half sun, half moon disc for follow-system / automatic theme mode",
|
|
9122
|
+
"category": "System",
|
|
9123
|
+
"tags": [
|
|
9124
|
+
"theme",
|
|
9125
|
+
"mode",
|
|
9126
|
+
"system",
|
|
9127
|
+
"auto",
|
|
9128
|
+
"automatic",
|
|
9129
|
+
"light",
|
|
9130
|
+
"dark",
|
|
9131
|
+
"sun",
|
|
9132
|
+
"moon",
|
|
9133
|
+
"appearance"
|
|
9134
|
+
],
|
|
9135
|
+
"styles": [
|
|
9136
|
+
"outline",
|
|
9137
|
+
"solid",
|
|
9138
|
+
"duotone",
|
|
9139
|
+
"sharp"
|
|
9140
|
+
]
|
|
9141
|
+
},
|
|
9127
9142
|
{
|
|
9128
9143
|
"name": "thermometer",
|
|
9129
9144
|
"label": "Thermometer",
|
|
@@ -10747,7 +10762,7 @@
|
|
|
10747
10762
|
"Sports",
|
|
10748
10763
|
"Countries"
|
|
10749
10764
|
],
|
|
10750
|
-
"totalCount":
|
|
10765
|
+
"totalCount": 2016,
|
|
10751
10766
|
"styles": [
|
|
10752
10767
|
"outline",
|
|
10753
10768
|
"solid",
|
|
@@ -4,7 +4,7 @@ const Dog = forwardRef(({ size = 24, strokeWidth, className, ...props }, ref) =>
|
|
|
4
4
|
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
5
|
return (
|
|
6
6
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
-
<path fill="var(--color-duotone-fill)" d="
|
|
7
|
+
<path fill="var(--color-duotone-fill)" d="M4.5 11.5c0-3.5 2-6.5 5-7.5l1-2h3l1 2c3 1 5 4 5 7.5v1c0 1-.25 2-.75 2.75L17 17l-.5 2.5a1 1 0 0 1-1 .75h-2a1 1 0 0 1-1-.75l-.5-2-.5 2a1 1 0 0 1-1 .75h-2a1 1 0 0 1-1-.75L7 17l-1.75-2.75c-.5-.75-.75-1.75-.75-2.75v-1Z"/><path stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} d="M4.5 11.5c0-3.5 2-6.5 5-7.5l1-2h3l1 2c3 1 5 4 5 7.5v1c0 1-.25 2-.75 2.75L17 17l-.5 2.5a1 1 0 0 1-1 .75h-2a1 1 0 0 1-1-.75l-.5-2-.5 2a1 1 0 0 1-1 .75h-2a1 1 0 0 1-1-.75L7 17l-1.75-2.75c-.5-.75-.75-1.75-.75-2.75v-1Z"/><circle cx="9.5" cy="10" r="1" stroke="currentColor" strokeWidth={sw}/><circle cx="14.5" cy="10" r="1" stroke="currentColor" strokeWidth={sw}/><ellipse cx="12" cy="14" stroke="currentColor" strokeWidth={sw} rx="2" ry="1.25"/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="M12 15.25v1.25M4.5 6 3 4.5M19.5 6 21 4.5"/>
|
|
8
8
|
</svg>
|
|
9
9
|
);
|
|
10
10
|
});
|
|
@@ -4,7 +4,7 @@ const RocketLeague = forwardRef(({ size = 24, strokeWidth, className, ...props }
|
|
|
4
4
|
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
5
|
return (
|
|
6
6
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
-
<
|
|
7
|
+
<path fill="var(--color-duotone-fill)" d="m12 7 2.5-2.5h4l2 2.5h1a.5.5 0 0 1 .5.5V13H8.5V7.5A.5.5 0 0 1 9 7z"/><path stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} d="m12 7 2.5-2.5h4l2 2.5h1a.5.5 0 0 1 .5.5V13H8.5V7.5A.5.5 0 0 1 9 7z"/><circle cx="12" cy="15.25" r="2.25" stroke="currentColor" strokeWidth={sw}/><circle cx="19.5" cy="15.25" r="2.25" stroke="currentColor" strokeWidth={sw}/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="M14.25 13h3"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="m8.5 8-6 2.5 3-.5L3 12.5"/>
|
|
8
8
|
</svg>
|
|
9
9
|
);
|
|
10
10
|
});
|
|
@@ -4,7 +4,7 @@ const Skiing = forwardRef(({ size = 24, strokeWidth, className, ...props }, ref)
|
|
|
4
4
|
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
5
|
return (
|
|
6
6
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
-
<path
|
|
7
|
+
<path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="m5.8 20 4.6-12.9c.35-1 1.3-1.65 2.35-1.6h1.1M12.8 20l4.6-12.9c.35-1 1.3-1.65 2.35-1.6h1.1"/><rect width="1.9" height="2.9" x="8.65" y="11.8" fill="var(--color-duotone-fill)" rx=".6" transform="rotate(19 9.6 13.25)"/><rect width="1.9" height="2.9" x="15.65" y="11.8" fill="var(--color-duotone-fill)" rx=".6" transform="rotate(19 16.6 13.25)"/><rect width="1.9" height="2.9" x="8.65" y="11.8" stroke="currentColor" strokeWidth={sw} rx=".6" transform="rotate(19 9.6 13.25)"/><rect width="1.9" height="2.9" x="15.65" y="11.8" stroke="currentColor" strokeWidth={sw} rx=".6" transform="rotate(19 16.6 13.25)"/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="m4.5 8.2 5.6 5.6M19.5 8.2l-5.6 5.6M4 7.4h1.8m12.4 0H20"/>
|
|
8
8
|
</svg>
|
|
9
9
|
);
|
|
10
10
|
});
|
|
@@ -4,7 +4,7 @@ const Snowboarding = forwardRef(({ size = 24, strokeWidth, className, ...props }
|
|
|
4
4
|
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
5
|
return (
|
|
6
6
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
-
<
|
|
7
|
+
<rect width="15" height="3.5" x="4.5" y="12.25" fill="var(--color-duotone-fill)" rx="1.75" transform="rotate(-18 12 14)"/><rect width="2.4" height="4.8" x="8" y="11.6" fill="var(--color-duotone-fill)" rx=".8" transform="rotate(-18 9.2 14)"/><rect width="2.4" height="4.8" x="13.6" y="11.6" fill="var(--color-duotone-fill)" rx=".8" transform="rotate(-18 14.8 14)"/><rect width="15" height="3.5" x="4.5" y="12.25" stroke="currentColor" strokeWidth={sw} rx="1.75" transform="rotate(-18 12 14)"/><rect width="2.4" height="4.8" x="8" y="11.6" stroke="currentColor" strokeWidth={sw} rx=".8" transform="rotate(-18 9.2 14)"/><rect width="2.4" height="4.8" x="13.6" y="11.6" stroke="currentColor" strokeWidth={sw} rx=".8" transform="rotate(-18 14.8 14)"/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="m8.6 12.4 1.4.9m4.2-.9 1.4.9"/>
|
|
8
8
|
</svg>
|
|
9
9
|
);
|
|
10
10
|
});
|
|
@@ -4,7 +4,7 @@ const Surfing = forwardRef(({ size = 24, strokeWidth, className, ...props }, ref
|
|
|
4
4
|
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
5
|
return (
|
|
6
6
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
-
<
|
|
7
|
+
<rect width="3" height="15.5" x="9.8" y="4.25" fill="var(--color-duotone-fill)" rx="1.5" transform="rotate(-32 11.3 12)"/><path fill="var(--color-duotone-fill)" d="m15.1 16.05 2.8 2.15-3.45.6z"/><rect width="3" height="15.5" x="9.8" y="4.25" stroke="currentColor" strokeWidth={sw} rx="1.5" transform="rotate(-32 11.3 12)"/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="m9.9 7.4 2.8 4.5"/><path stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} d="m15.1 16.05 2.8 2.15-3.45.6z"/>
|
|
8
8
|
</svg>
|
|
9
9
|
);
|
|
10
10
|
});
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { forwardRef } from 'react';
|
|
2
|
+
|
|
3
|
+
const ThemeSystem = forwardRef(({ size = 24, strokeWidth, className, ...props }, ref) => {
|
|
4
|
+
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
|
+
return (
|
|
6
|
+
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
+
<circle cx="12" cy="12" r="5.5" fill="var(--color-duotone-fill)" stroke="currentColor" strokeWidth={sw}/><path fill="currentColor" d="M12 6.5a5.5 5.5 0 0 1 0 11z"/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="M12 2.5v1.8m0 15.4v1.8M2.5 12h1.8m.75-6.95 1.27 1.27M5.05 18.95l1.27-1.27"/>
|
|
8
|
+
</svg>
|
|
9
|
+
);
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
ThemeSystem.displayName = 'ThemeSystem';
|
|
13
|
+
export default ThemeSystem;
|
|
@@ -4,7 +4,7 @@ const TreeStructure = forwardRef(({ size = 24, strokeWidth, className, ...props
|
|
|
4
4
|
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
5
|
return (
|
|
6
6
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
-
<
|
|
7
|
+
<rect width="6" height="4" x="9" y="2.5" fill="var(--color-duotone-fill)" rx="1"/><rect width="5" height="4" x="2.5" y="17.5" fill="var(--color-duotone-fill)" rx="1"/><rect width="5" height="4" x="9.5" y="17.5" fill="var(--color-duotone-fill)" rx="1"/><rect width="5" height="4" x="16.5" y="17.5" fill="var(--color-duotone-fill)" rx="1"/><rect width="6" height="4" x="9" y="2.5" stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} rx="1"/><rect width="5" height="4" x="2.5" y="17.5" stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} rx="1"/><rect width="5" height="4" x="9.5" y="17.5" stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} rx="1"/><rect width="5" height="4" x="16.5" y="17.5" stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} rx="1"/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="M12 6.5V11M5 11h14M5 11v6.5m7-6.5v6.5m7-6.5v6.5"/>
|
|
8
8
|
</svg>
|
|
9
9
|
);
|
|
10
10
|
});
|
|
@@ -426,6 +426,7 @@ export { default as Telescope } from './Telescope.jsx';
|
|
|
426
426
|
export { default as Terminal } from './Terminal.jsx';
|
|
427
427
|
export { default as Tesla } from './Tesla.jsx';
|
|
428
428
|
export { default as TextAa } from './TextAa.jsx';
|
|
429
|
+
export { default as ThemeSystem } from './ThemeSystem.jsx';
|
|
429
430
|
export { default as Thermometer } from './Thermometer.jsx';
|
|
430
431
|
export { default as ThermometerMedical } from './ThermometerMedical.jsx';
|
|
431
432
|
export { default as Thinking } from './Thinking.jsx';
|
package/dist/react/index.d.ts
CHANGED
|
@@ -1719,6 +1719,10 @@ export declare const TextAaDuotone: Icon;
|
|
|
1719
1719
|
export declare const TextAaOutline: Icon;
|
|
1720
1720
|
export declare const TextAaSharp: Icon;
|
|
1721
1721
|
export declare const TextAaSolid: Icon;
|
|
1722
|
+
export declare const ThemeSystemDuotone: Icon;
|
|
1723
|
+
export declare const ThemeSystemOutline: Icon;
|
|
1724
|
+
export declare const ThemeSystemSharp: Icon;
|
|
1725
|
+
export declare const ThemeSystemSolid: Icon;
|
|
1722
1726
|
export declare const ThermometerDuotone: Icon;
|
|
1723
1727
|
export declare const ThermometerMedicalDuotone: Icon;
|
|
1724
1728
|
export declare const ThermometerMedicalOutline: Icon;
|
package/dist/react/index.js
CHANGED
|
@@ -1710,6 +1710,10 @@ export { default as TextAaDuotone } from './duotone/TextAa.jsx';
|
|
|
1710
1710
|
export { default as TextAaOutline } from './outline/TextAa.jsx';
|
|
1711
1711
|
export { default as TextAaSharp } from './sharp/TextAa.jsx';
|
|
1712
1712
|
export { default as TextAaSolid } from './solid/TextAa.jsx';
|
|
1713
|
+
export { default as ThemeSystemDuotone } from './duotone/ThemeSystem.jsx';
|
|
1714
|
+
export { default as ThemeSystemOutline } from './outline/ThemeSystem.jsx';
|
|
1715
|
+
export { default as ThemeSystemSharp } from './sharp/ThemeSystem.jsx';
|
|
1716
|
+
export { default as ThemeSystemSolid } from './solid/ThemeSystem.jsx';
|
|
1713
1717
|
export { default as ThermometerDuotone } from './duotone/Thermometer.jsx';
|
|
1714
1718
|
export { default as ThermometerMedicalDuotone } from './duotone/ThermometerMedical.jsx';
|
|
1715
1719
|
export { default as ThermometerMedicalOutline } from './outline/ThermometerMedical.jsx';
|
|
@@ -4,7 +4,7 @@ const Dog = forwardRef(({ size = 24, strokeWidth, className, ...props }, ref) =>
|
|
|
4
4
|
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
5
|
return (
|
|
6
6
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
-
<path stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} d="
|
|
7
|
+
<path stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} d="M4.5 11.5c0-3.5 2-6.5 5-7.5l1-2h3l1 2c3 1 5 4 5 7.5v1c0 1-.25 2-.75 2.75L17 17l-.5 2.5a1 1 0 0 1-1 .75h-2a1 1 0 0 1-1-.75l-.5-2-.5 2a1 1 0 0 1-1 .75h-2a1 1 0 0 1-1-.75L7 17l-1.75-2.75c-.5-.75-.75-1.75-.75-2.75v-1Z"/><circle cx="9.5" cy="10" r="1" stroke="currentColor" strokeWidth={sw}/><circle cx="14.5" cy="10" r="1" stroke="currentColor" strokeWidth={sw}/><ellipse cx="12" cy="14" stroke="currentColor" strokeWidth={sw} rx="2" ry="1.25"/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="M12 15.25v1.25M4.5 6 3 4.5M19.5 6 21 4.5"/>
|
|
8
8
|
</svg>
|
|
9
9
|
);
|
|
10
10
|
});
|
|
@@ -4,7 +4,7 @@ const RocketLeague = forwardRef(({ size = 24, strokeWidth, className, ...props }
|
|
|
4
4
|
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
5
|
return (
|
|
6
6
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
-
<
|
|
7
|
+
<path stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} d="m12 7 2.5-2.5h4l2 2.5h1a.5.5 0 0 1 .5.5V13H8.5V7.5A.5.5 0 0 1 9 7z"/><circle cx="12" cy="15.25" r="2.25" stroke="currentColor" strokeWidth={sw}/><circle cx="19.5" cy="15.25" r="2.25" stroke="currentColor" strokeWidth={sw}/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="M14.25 13h3"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="m8.5 8-6 2.5 3-.5L3 12.5"/>
|
|
8
8
|
</svg>
|
|
9
9
|
);
|
|
10
10
|
});
|
|
@@ -4,7 +4,7 @@ const Skiing = forwardRef(({ size = 24, strokeWidth, className, ...props }, ref)
|
|
|
4
4
|
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
5
|
return (
|
|
6
6
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
-
<
|
|
7
|
+
<path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="m5.8 20 4.6-12.9c.35-1 1.3-1.65 2.35-1.6h1.1M12.8 20l4.6-12.9c.35-1 1.3-1.65 2.35-1.6h1.1"/><rect width="1.9" height="2.9" x="8.65" y="11.8" stroke="currentColor" strokeWidth={sw} rx=".6" transform="rotate(19 9.6 13.25)"/><rect width="1.9" height="2.9" x="15.65" y="11.8" stroke="currentColor" strokeWidth={sw} rx=".6" transform="rotate(19 16.6 13.25)"/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="m4.5 8.2 5.6 5.6M19.5 8.2l-5.6 5.6M4 7.4h1.8m12.4 0H20"/>
|
|
8
8
|
</svg>
|
|
9
9
|
);
|
|
10
10
|
});
|
|
@@ -4,7 +4,7 @@ const Snowboarding = forwardRef(({ size = 24, strokeWidth, className, ...props }
|
|
|
4
4
|
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
5
|
return (
|
|
6
6
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
-
<rect width="
|
|
7
|
+
<rect width="15" height="3.5" x="4.5" y="12.25" stroke="currentColor" strokeWidth={sw} rx="1.75" transform="rotate(-18 12 14)"/><rect width="2.4" height="4.8" x="8" y="11.6" stroke="currentColor" strokeWidth={sw} rx=".8" transform="rotate(-18 9.2 14)"/><rect width="2.4" height="4.8" x="13.6" y="11.6" stroke="currentColor" strokeWidth={sw} rx=".8" transform="rotate(-18 14.8 14)"/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="m8.6 12.4 1.4.9m4.2-.9 1.4.9"/>
|
|
8
8
|
</svg>
|
|
9
9
|
);
|
|
10
10
|
});
|
|
@@ -4,7 +4,7 @@ const Surfing = forwardRef(({ size = 24, strokeWidth, className, ...props }, ref
|
|
|
4
4
|
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
5
|
return (
|
|
6
6
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
-
<
|
|
7
|
+
<rect width="3" height="15.5" x="9.8" y="4.25" stroke="currentColor" strokeWidth={sw} rx="1.5" transform="rotate(-32 11.3 12)"/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="m9.9 7.4 2.8 4.5"/><path stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} d="m15.1 16.05 2.8 2.15-3.45.6z"/>
|
|
8
8
|
</svg>
|
|
9
9
|
);
|
|
10
10
|
});
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { forwardRef } from 'react';
|
|
2
|
+
|
|
3
|
+
const ThemeSystem = forwardRef(({ size = 24, strokeWidth, className, ...props }, ref) => {
|
|
4
|
+
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
|
+
return (
|
|
6
|
+
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
+
<circle cx="12" cy="12" r="5.5" stroke="currentColor" strokeWidth={sw}/><path fill="currentColor" d="M12 6.5a5.5 5.5 0 0 1 0 11z"/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="M12 2.5v1.8m0 15.4v1.8M2.5 12h1.8m.75-6.95 1.27 1.27M5.05 18.95l1.27-1.27"/>
|
|
8
|
+
</svg>
|
|
9
|
+
);
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
ThemeSystem.displayName = 'ThemeSystem';
|
|
13
|
+
export default ThemeSystem;
|
|
@@ -4,7 +4,7 @@ const TreeStructure = forwardRef(({ size = 24, strokeWidth, className, ...props
|
|
|
4
4
|
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
5
|
return (
|
|
6
6
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
-
<
|
|
7
|
+
<rect width="6" height="4" x="9" y="2.5" stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} rx="1"/><rect width="5" height="4" x="2.5" y="17.5" stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} rx="1"/><rect width="5" height="4" x="9.5" y="17.5" stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} rx="1"/><rect width="5" height="4" x="16.5" y="17.5" stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} rx="1"/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="M12 6.5V11M5 11h14M5 11v6.5m7-6.5v6.5m7-6.5v6.5"/>
|
|
8
8
|
</svg>
|
|
9
9
|
);
|
|
10
10
|
});
|
|
@@ -426,6 +426,7 @@ export { default as Telescope } from './Telescope.jsx';
|
|
|
426
426
|
export { default as Terminal } from './Terminal.jsx';
|
|
427
427
|
export { default as Tesla } from './Tesla.jsx';
|
|
428
428
|
export { default as TextAa } from './TextAa.jsx';
|
|
429
|
+
export { default as ThemeSystem } from './ThemeSystem.jsx';
|
|
429
430
|
export { default as Thermometer } from './Thermometer.jsx';
|
|
430
431
|
export { default as ThermometerMedical } from './ThermometerMedical.jsx';
|
|
431
432
|
export { default as Thinking } from './Thinking.jsx';
|
package/dist/react/sharp/Dog.jsx
CHANGED
|
@@ -4,7 +4,7 @@ const Dog = forwardRef(({ size = 24, strokeWidth, className, ...props }, ref) =>
|
|
|
4
4
|
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
5
|
return (
|
|
6
6
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
-
<path stroke="currentColor" strokeMiterlimit="10" strokeWidth={sw} d="
|
|
7
|
+
<path stroke="currentColor" strokeMiterlimit="10" strokeWidth={sw} d="M4.5 11.5c0-3.5 2-6.5 5-7.5l1-2h3l1 2c3 1 5 4 5 7.5v1c0 1-.25 2-.75 2.75L17 17l-.5 2.5h-3l-.5-2-.5 2h-3L7 17l-1.75-2.75c-.5-.75-.75-1.75-.75-2.75v-1Z"/><path stroke="currentColor" strokeWidth={sw} d="M8.5 9h2v2h-2zM13.5 9h2v2h-2zM10 13h4v2.5h-4zM12 15.5V17M4.5 6 3 4.5M19.5 6 21 4.5"/>
|
|
8
8
|
</svg>
|
|
9
9
|
);
|
|
10
10
|
});
|
|
@@ -4,7 +4,7 @@ const RocketLeague = forwardRef(({ size = 24, strokeWidth, className, ...props }
|
|
|
4
4
|
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
5
|
return (
|
|
6
6
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
-
<path stroke="currentColor" strokeMiterlimit="10" strokeWidth={sw} d="
|
|
7
|
+
<path stroke="currentColor" strokeMiterlimit="10" strokeWidth={sw} d="m12 7 2.5-2.5h4l2 2.5H22v6H8.5V7z"/><path stroke="currentColor" strokeWidth={sw} d="M9.75 13h4.5v4.5h-4.5zM17.25 13h4.5v4.5h-4.5zM14.25 13h3"/><path stroke="currentColor" strokeMiterlimit="10" strokeWidth={sw} d="m8.5 8-6 2.5 3-.5L3 12.5"/>
|
|
8
8
|
</svg>
|
|
9
9
|
);
|
|
10
10
|
});
|
|
@@ -4,7 +4,7 @@ const Skiing = forwardRef(({ size = 24, strokeWidth, className, ...props }, ref)
|
|
|
4
4
|
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
5
|
return (
|
|
6
6
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
-
<path stroke="currentColor" strokeMiterlimit="10" strokeWidth={sw} d="
|
|
7
|
+
<path stroke="currentColor" strokeMiterlimit="10" strokeWidth={sw} d="m6 21 4.8-14h2.5M13 21l4.8-14h2.5"/><path stroke="currentColor" strokeWidth={sw} d="m9.367 11.81 1.513.521-.847 2.459-1.513-.521zM16.367 11.81l1.513.521-.847 2.459-1.513-.521zM4 8l6 6m10-6-6 6M4 7h2m12 0h2"/>
|
|
8
8
|
</svg>
|
|
9
9
|
);
|
|
10
10
|
});
|
|
@@ -4,7 +4,7 @@ const Snowboarding = forwardRef(({ size = 24, strokeWidth, className, ...props }
|
|
|
4
4
|
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
5
|
return (
|
|
6
6
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
-
<path stroke="currentColor"
|
|
7
|
+
<path stroke="currentColor" strokeWidth={sw} d="m4.437 14.67 14.075-4.574 1.051 3.234-14.075 4.574z"/><path stroke="currentColor" strokeWidth={sw} d="m7.443 12.152 2.092-.68 1.422 4.376-2.092.68zM13.043 12.152l2.092-.68 1.422 4.376-2.092.68zM8.8 12.5l1.2.8m4.4-.8 1.2.8"/>
|
|
8
8
|
</svg>
|
|
9
9
|
);
|
|
10
10
|
});
|
|
@@ -4,7 +4,7 @@ const Surfing = forwardRef(({ size = 24, strokeWidth, className, ...props }, ref
|
|
|
4
4
|
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
5
|
return (
|
|
6
6
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
-
<path stroke="currentColor"
|
|
7
|
+
<path stroke="currentColor" strokeWidth={sw} d="m6.138 6.382 2.375-1.484 7.949 12.72-2.375 1.484zM10 7.5l2.6 4.3"/><path stroke="currentColor" strokeMiterlimit="10" strokeWidth={sw} d="m15.2 16.1 2.6 2.1-3.2.5z"/>
|
|
8
8
|
</svg>
|
|
9
9
|
);
|
|
10
10
|
});
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { forwardRef } from 'react';
|
|
2
|
+
|
|
3
|
+
const ThemeSystem = forwardRef(({ size = 24, strokeWidth, className, ...props }, ref) => {
|
|
4
|
+
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
|
+
return (
|
|
6
|
+
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
+
<path stroke="currentColor" strokeWidth={sw} d="M7 7h10v10H7z"/><path fill="currentColor" d="M12 7h5v10h-5z"/><path stroke="currentColor" strokeWidth={sw} d="M12 2.5v3M2.5 12h3m-.9-7.4 2.1 2.1M4.6 19.4l2.1-2.1"/>
|
|
8
|
+
</svg>
|
|
9
|
+
);
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
ThemeSystem.displayName = 'ThemeSystem';
|
|
13
|
+
export default ThemeSystem;
|
|
@@ -4,7 +4,7 @@ const TreeStructure = forwardRef(({ size = 24, strokeWidth, className, ...props
|
|
|
4
4
|
const sw = strokeWidth ?? (size <= 16 ? 1.75 : 1.5);
|
|
5
5
|
return (
|
|
6
6
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
7
|
-
<path stroke="currentColor" strokeMiterlimit="10" strokeWidth={sw} d="
|
|
7
|
+
<path stroke="currentColor" strokeMiterlimit="10" strokeWidth={sw} d="M9 2.5h6v4H9zM2.5 17.5h5v4h-5zM9.5 17.5h5v4h-5zM16.5 17.5h5v4h-5z"/><path stroke="currentColor" strokeWidth={sw} d="M12 6.5V11m-7 0h14M5 11v6.5m7-6.5v6.5m7-6.5v6.5"/>
|
|
8
8
|
</svg>
|
|
9
9
|
);
|
|
10
10
|
});
|
|
@@ -426,6 +426,7 @@ export { default as Telescope } from './Telescope.jsx';
|
|
|
426
426
|
export { default as Terminal } from './Terminal.jsx';
|
|
427
427
|
export { default as Tesla } from './Tesla.jsx';
|
|
428
428
|
export { default as TextAa } from './TextAa.jsx';
|
|
429
|
+
export { default as ThemeSystem } from './ThemeSystem.jsx';
|
|
429
430
|
export { default as Thermometer } from './Thermometer.jsx';
|
|
430
431
|
export { default as ThermometerMedical } from './ThermometerMedical.jsx';
|
|
431
432
|
export { default as Thinking } from './Thinking.jsx';
|
package/dist/react/solid/Dog.jsx
CHANGED
|
@@ -2,7 +2,7 @@ import { forwardRef } from 'react';
|
|
|
2
2
|
|
|
3
3
|
const Dog = forwardRef(({ size = 24, className, ...props }, ref) => (
|
|
4
4
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
5
|
-
<path fill="currentColor" fillRule="evenodd" d="
|
|
5
|
+
<path fill="currentColor" fillRule="evenodd" d="M9.08 3.25a.75.75 0 0 1 .67-.5h4.5a.75.75 0 0 1 .67.42l.7 1.39A8.25 8.25 0 0 1 20.25 12v.5c0 1.15-.28 2.27-.82 3.27L18 18l-.44 2.18a1.75 1.75 0 0 1-1.72 1.42h-1.5a1.75 1.75 0 0 1-1.72-1.42L12 17.5l-.62 2.68a1.75 1.75 0 0 1-1.72 1.42h-1.5a1.75 1.75 0 0 1-1.72-1.42L5.99 18l-1.43-2.23a6.4 6.4 0 0 1-.81-3.27V12a8.25 8.25 0 0 1 4.63-7.44zM9.5 9a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m5 0a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5M10 14c-1.1 0-2.75.56-2.75 1.75S10.9 17.5 12 17.5s4.75-1.56 4.75-2.75S15.1 14 14 14z" clipRule="evenodd"/><path stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M4.5 6 3 4.5M19.5 6 21 4.5"/>
|
|
6
6
|
</svg>
|
|
7
7
|
));
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@ import { forwardRef } from 'react';
|
|
|
2
2
|
|
|
3
3
|
const RocketLeague = forwardRef(({ size = 24, className, ...props }, ref) => (
|
|
4
4
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
5
|
-
<path fill="currentColor" fillRule="evenodd" d="
|
|
5
|
+
<path fill="currentColor" d="m8.5 7.5-6 3 3-.5L3 12.5l5.5-.25z"/><path fill="currentColor" fillRule="evenodd" d="M14.5 4h4.25L21 6.75h1a1 1 0 0 1 1 1v5.75a.5.5 0 0 1-.5.5h-2.12a3 3 0 1 0-1.76 0h-4.74a3 3 0 1 0-1.76 0H8.5a.5.5 0 0 1-.5-.5v-6a1 1 0 0 1 1-1h3.25zM12 13.75a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m7.5 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" clipRule="evenodd"/>
|
|
6
6
|
</svg>
|
|
7
7
|
));
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@ import { forwardRef } from 'react';
|
|
|
2
2
|
|
|
3
3
|
const Skiing = forwardRef(({ size = 24, className, ...props }, ref) => (
|
|
4
4
|
<svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none" className={className} {...props}>
|
|
5
|
-
<
|
|
5
|
+
<rect width="1.4" height="16" x="10.2" y="5" fill="currentColor" rx=".7" transform="rotate(19 10.2 5)"/><rect width="1.4" height="16" x="17.2" y="5" fill="currentColor" rx=".7" transform="rotate(19 17.2 5)"/><rect width="1.8" height="2.9" x="8.7" y="11.8" fill="currentColor" rx=".6" transform="rotate(19 9.6 13.25)"/><rect width="1.8" height="2.9" x="15.7" y="11.8" fill="currentColor" rx=".6" transform="rotate(19 16.6 13.25)"/><rect width="1.1" height="7.8" x="4.3" y="7.7" fill="currentColor" rx=".55" transform="rotate(-45 4.3 7.7)"/><rect width="1.1" height="7.8" x="18.6" y="8.4" fill="currentColor" rx=".55" transform="rotate(45 18.6 8.4)"/><rect width="2.5" height="1" x="3.2" y="6.5" fill="currentColor" rx=".5"/><rect width="2.5" height="1" x="18.3" y="6.5" fill="currentColor" rx=".5"/>
|
|
6
6
|
</svg>
|
|
7
7
|
));
|
|
8
8
|
|