@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.
Files changed (104) hide show
  1. package/README.md +9 -9
  2. package/dist/metadata.json +35 -20
  3. package/dist/react/duotone/Dog.jsx +1 -1
  4. package/dist/react/duotone/RocketLeague.jsx +1 -1
  5. package/dist/react/duotone/Skiing.jsx +1 -1
  6. package/dist/react/duotone/Snowboarding.jsx +1 -1
  7. package/dist/react/duotone/Surfing.jsx +1 -1
  8. package/dist/react/duotone/ThemeSystem.jsx +13 -0
  9. package/dist/react/duotone/TreeStructure.jsx +1 -1
  10. package/dist/react/duotone/index.js +1 -0
  11. package/dist/react/index.d.ts +4 -0
  12. package/dist/react/index.js +4 -0
  13. package/dist/react/outline/Dog.jsx +1 -1
  14. package/dist/react/outline/RocketLeague.jsx +1 -1
  15. package/dist/react/outline/Skiing.jsx +1 -1
  16. package/dist/react/outline/Snowboarding.jsx +1 -1
  17. package/dist/react/outline/Surfing.jsx +1 -1
  18. package/dist/react/outline/ThemeSystem.jsx +13 -0
  19. package/dist/react/outline/TreeStructure.jsx +1 -1
  20. package/dist/react/outline/index.js +1 -0
  21. package/dist/react/sharp/Dog.jsx +1 -1
  22. package/dist/react/sharp/RocketLeague.jsx +1 -1
  23. package/dist/react/sharp/Skiing.jsx +1 -1
  24. package/dist/react/sharp/Snowboarding.jsx +1 -1
  25. package/dist/react/sharp/Surfing.jsx +1 -1
  26. package/dist/react/sharp/ThemeSystem.jsx +13 -0
  27. package/dist/react/sharp/TreeStructure.jsx +1 -1
  28. package/dist/react/sharp/index.js +1 -0
  29. package/dist/react/solid/Dog.jsx +1 -1
  30. package/dist/react/solid/RocketLeague.jsx +1 -1
  31. package/dist/react/solid/Skiing.jsx +1 -1
  32. package/dist/react/solid/Snowboarding.jsx +1 -1
  33. package/dist/react/solid/Surfing.jsx +1 -1
  34. package/dist/react/solid/ThemeSystem.jsx +10 -0
  35. package/dist/react/solid/TreeStructure.jsx +1 -1
  36. package/dist/react/solid/index.js +1 -0
  37. package/dist/sprite.svg +36 -24
  38. package/dist/svelte/duotone/Dog.svelte +1 -1
  39. package/dist/svelte/duotone/RocketLeague.svelte +1 -1
  40. package/dist/svelte/duotone/Skiing.svelte +1 -1
  41. package/dist/svelte/duotone/Snowboarding.svelte +1 -1
  42. package/dist/svelte/duotone/Surfing.svelte +1 -1
  43. package/dist/svelte/duotone/ThemeSystem.svelte +8 -0
  44. package/dist/svelte/duotone/TreeStructure.svelte +1 -1
  45. package/dist/svelte/duotone/index.d.ts +1 -0
  46. package/dist/svelte/duotone/index.js +1 -0
  47. package/dist/svelte/index.d.ts +4 -0
  48. package/dist/svelte/index.js +4 -0
  49. package/dist/svelte/outline/Dog.svelte +1 -1
  50. package/dist/svelte/outline/RocketLeague.svelte +1 -1
  51. package/dist/svelte/outline/Skiing.svelte +1 -1
  52. package/dist/svelte/outline/Snowboarding.svelte +1 -1
  53. package/dist/svelte/outline/Surfing.svelte +1 -1
  54. package/dist/svelte/outline/ThemeSystem.svelte +8 -0
  55. package/dist/svelte/outline/TreeStructure.svelte +1 -1
  56. package/dist/svelte/outline/index.d.ts +1 -0
  57. package/dist/svelte/outline/index.js +1 -0
  58. package/dist/svelte/sharp/Dog.svelte +1 -1
  59. package/dist/svelte/sharp/RocketLeague.svelte +1 -1
  60. package/dist/svelte/sharp/Skiing.svelte +1 -1
  61. package/dist/svelte/sharp/Snowboarding.svelte +1 -1
  62. package/dist/svelte/sharp/Surfing.svelte +1 -1
  63. package/dist/svelte/sharp/ThemeSystem.svelte +8 -0
  64. package/dist/svelte/sharp/TreeStructure.svelte +1 -1
  65. package/dist/svelte/sharp/index.d.ts +1 -0
  66. package/dist/svelte/sharp/index.js +1 -0
  67. package/dist/svelte/solid/Dog.svelte +1 -1
  68. package/dist/svelte/solid/RocketLeague.svelte +1 -1
  69. package/dist/svelte/solid/Skiing.svelte +1 -1
  70. package/dist/svelte/solid/Snowboarding.svelte +1 -1
  71. package/dist/svelte/solid/Surfing.svelte +1 -1
  72. package/dist/svelte/solid/ThemeSystem.svelte +7 -0
  73. package/dist/svelte/solid/TreeStructure.svelte +1 -1
  74. package/dist/svelte/solid/index.d.ts +1 -0
  75. package/dist/svelte/solid/index.js +1 -0
  76. package/dist/svg/duotone/dog.svg +1 -1
  77. package/dist/svg/duotone/rocket-league.svg +1 -1
  78. package/dist/svg/duotone/skiing.svg +1 -1
  79. package/dist/svg/duotone/snowboarding.svg +1 -1
  80. package/dist/svg/duotone/surfing.svg +1 -1
  81. package/dist/svg/duotone/theme-system.svg +1 -0
  82. package/dist/svg/duotone/tree-structure.svg +1 -1
  83. package/dist/svg/outline/dog.svg +1 -1
  84. package/dist/svg/outline/rocket-league.svg +1 -1
  85. package/dist/svg/outline/skiing.svg +1 -1
  86. package/dist/svg/outline/snowboarding.svg +1 -1
  87. package/dist/svg/outline/surfing.svg +1 -1
  88. package/dist/svg/outline/theme-system.svg +1 -0
  89. package/dist/svg/outline/tree-structure.svg +1 -1
  90. package/dist/svg/sharp/dog.svg +1 -1
  91. package/dist/svg/sharp/rocket-league.svg +1 -1
  92. package/dist/svg/sharp/skiing.svg +1 -1
  93. package/dist/svg/sharp/snowboarding.svg +1 -1
  94. package/dist/svg/sharp/surfing.svg +1 -1
  95. package/dist/svg/sharp/theme-system.svg +1 -0
  96. package/dist/svg/sharp/tree-structure.svg +1 -1
  97. package/dist/svg/solid/dog.svg +1 -1
  98. package/dist/svg/solid/rocket-league.svg +1 -1
  99. package/dist/svg/solid/skiing.svg +1 -1
  100. package/dist/svg/solid/snowboarding.svg +1 -1
  101. package/dist/svg/solid/surfing.svg +1 -1
  102. package/dist/svg/solid/theme-system.svg +1 -0
  103. package/dist/svg/solid/tree-structure.svg +1 -1
  104. 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 @marcus/roc
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 '@marcus/roc/react/outline';
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 '@marcus/roc/react/outline';
38
- import { Home } from '@marcus/roc/react/solid';
39
- import { Home } from '@marcus/roc/react/duotone';
40
- import { Home } from '@marcus/roc/react/sharp';
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 '@marcus/roc/svelte/outline/Home.svelte';
50
- import Bell from '@marcus/roc/svelte/solid/Bell.svelte';
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 '@marcus/roc/metadata';
76
+ import metadata from '@marcusv/roc/metadata';
77
77
  // { icons: [...], categories: [...], total: N }
78
78
  ```
79
79
 
@@ -2678,7 +2678,7 @@
2678
2678
  {
2679
2679
  "name": "dog",
2680
2680
  "label": "Dog",
2681
- "description": "Cute front-facing dog head with floppy ears",
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": "Stylized sports car boosting diagonally towards a soccer ball representing Rocket League",
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": "Dynamic skier crouching downhill with skis and poles",
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": "Snowboarder crouched sideways on a snowboard",
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": "Surfer riding a wave on a surfboard",
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": 2012,
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="M7.5 11c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5v3c0 2.5-2 4.5-4.5 4.5s-4.5-2-4.5-4.5zm0-3.5c-2.5 0-3 2.5-3 4.5s1 3 2 3 1-2.5 1-4Zm9 0c2.5 0 3 2.5 3 4.5s-1 3-2 3-1-2.5-1-4"/><path stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} d="M7.5 11c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5v3c0 2.5-2 4.5-4.5 4.5s-4.5-2-4.5-4.5zM7.5 7.5c-2.5 0-3 2.5-3 4.5s1 3 2 3 1-2.5 1-4M16.5 7.5c2.5 0 3 2.5 3 4.5s-1 3-2 3-1-2.5-1-4"/><circle cx="10" cy="11" r=".75" stroke="currentColor" strokeWidth={sw}/><circle cx="14" cy="11" r=".75" stroke="currentColor" strokeWidth={sw}/><path fill="currentColor" d="M11 14c0-.5.5-1 1-1s1 .5 1 1-.5.75-1 .75-1-.25-1-.75"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="M12 14.5V16m0 0c-.5 0-1.5-.25-1.5-1m1.5 1c.5 0 1.5-.25 1.5-1"/>
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
- <circle cx="18" cy="6" r="3" fill="var(--color-duotone-fill)"/><path fill="var(--color-duotone-fill)" d="M6 13.5 2 15l2-2.5-2.5.5L5 11Z"/><circle cx="18" cy="6" r="3" stroke="currentColor" strokeWidth={sw}/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" d="m16 4 1 1.5h2L20 4m-3 1.5L18 7l-1.5 2M19 5.5 18 7"/><path stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} d="m7 15 1.5-4 3-2 2.5 1 1.5 2.5-7.5 4Z"/><circle cx="13" cy="14" r="1.5" stroke="currentColor" strokeWidth={sw}/><circle cx="9.5" cy="16" r="1.5" stroke="currentColor" strokeWidth={sw}/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="M6 13.5 2 15l2-2.5-2.5.5L5 11"/>
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 fill="var(--color-duotone-fill)" d="M4 19.5c1.5-2.5 5-3.5 8-3C9.5 18 8 21 7.5 22H4z"/><circle cx="13" cy="5" r="1.5" stroke="currentColor" strokeWidth={sw}/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="M13 6.5 11 11l1.5 4.5L10 18"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="m11 11 .5 4.5L9 18M5 20.5l10-3c1-.3 1.5-1 1.5-2"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="m4 19.5 10-3c1-.3 1.5-1 1.5-2"/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="m11.5 9-4 10.5M12 9 8 19.5"/>
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
- <path fill="var(--color-duotone-fill)" d="M3.5 14.5c1-3 5-4.5 8-4-2.5 2-4 5-4.5 7.5H3.5z"/><rect width="16" height="3" x="3.5" y="15.5" stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} rx="1.5" transform="rotate(-15 11.5 17)"/><circle cx="11.5" cy="6" r="1.5" stroke="currentColor" strokeWidth={sw}/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="M11.5 7.5 11 11"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="m11 11-3 2-.5 3.5M11 11l3 1 .5 3"/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="M11.5 8 8 8.5M11.5 8l3.5-.5"/>
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
- <path fill="var(--color-duotone-fill)" d="M2 19c5 0 8-4 11.5-4s6 3 8.5 2.5V22H2z"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="M2 19c5 0 8-4 11.5-4s6 3 8.5 2.5"/><path stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} d="M5 16.5c1-1.5 10-5.5 14-6-1 2-6 6-11.5 7.5-1 0-2.5-.5-2.5-1.5Z"/><circle cx="12" cy="6" r="1.5" stroke="currentColor" strokeWidth={sw}/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="M12 7.5v4M8.5 8.5 12 9l3.5 1.5"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="m10.5 14.5.5-2 1-1 1.5 1 1 1.5"/>
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
- <circle cx="4" cy="12" r="2" fill="var(--color-duotone-fill)" stroke="currentColor" strokeWidth={sw}/><circle cx="12" cy="7" r="2" fill="var(--color-duotone-fill)" stroke="currentColor" strokeWidth={sw}/><circle cx="12" cy="17" r="2" fill="var(--color-duotone-fill)" stroke="currentColor" strokeWidth={sw}/><circle cx="20" cy="4" r="2" fill="var(--color-duotone-fill)" stroke="currentColor" strokeWidth={sw}/><circle cx="20" cy="10" r="2" fill="var(--color-duotone-fill)" stroke="currentColor" strokeWidth={sw}/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="M6 12c2 0 2-5 4-5m-4 5c2 0 2 5 4 5m4-10c2 0 2-3 4-3m-4 3c2 0 2 3 4 3"/>
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';
@@ -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;
@@ -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="M7.5 11c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5v3c0 2.5-2 4.5-4.5 4.5s-4.5-2-4.5-4.5zM7.5 7.5c-2.5 0-3 2.5-3 4.5s1 3 2 3 1-2.5 1-4M16.5 7.5c2.5 0 3 2.5 3 4.5s-1 3-2 3-1-2.5-1-4"/><circle cx="10" cy="11" r=".75" stroke="currentColor" strokeWidth={sw}/><circle cx="14" cy="11" r=".75" stroke="currentColor" strokeWidth={sw}/><path fill="currentColor" d="M11 14c0-.5.5-1 1-1s1 .5 1 1-.5.75-1 .75-1-.25-1-.75"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="M12 14.5V16m0 0c-.5 0-1.5-.25-1.5-1m1.5 1c.5 0 1.5-.25 1.5-1"/>
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
- <circle cx="18" cy="6" r="3" stroke="currentColor" strokeWidth={sw}/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" d="m16 4 1 1.5h2L20 4m-3 1.5L18 7l-1.5 2M19 5.5 18 7"/><path stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} d="m7 15 1.5-4 3-2 2.5 1 1.5 2.5-7.5 4Z"/><circle cx="13" cy="14" r="1.5" stroke="currentColor" strokeWidth={sw}/><circle cx="9.5" cy="16" r="1.5" stroke="currentColor" strokeWidth={sw}/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="M6 13.5 2 15l2-2.5-2.5.5L5 11"/>
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
- <circle cx="13" cy="5" r="1.5" stroke="currentColor" strokeWidth={sw}/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="M13 6.5 11 11l1.5 4.5L10 18"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="m11 11 .5 4.5L9 18M5 20.5l10-3c1-.3 1.5-1 1.5-2"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="m4 19.5 10-3c1-.3 1.5-1 1.5-2"/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="m11.5 9-4 10.5M12 9 8 19.5"/>
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="16" height="3" x="3.5" y="15.5" stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} rx="1.5" transform="rotate(-15 11.5 17)"/><circle cx="11.5" cy="6" r="1.5" stroke="currentColor" strokeWidth={sw}/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="M11.5 7.5 11 11"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="m11 11-3 2-.5 3.5M11 11l3 1 .5 3"/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="M11.5 8 8 8.5M11.5 8l3.5-.5"/>
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
- <path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="M2 19c5 0 8-4 11.5-4s6 3 8.5 2.5"/><path stroke="currentColor" strokeLinejoin="round" strokeWidth={sw} d="M5 16.5c1-1.5 10-5.5 14-6-1 2-6 6-11.5 7.5-1 0-2.5-.5-2.5-1.5Z"/><circle cx="12" cy="6" r="1.5" stroke="currentColor" strokeWidth={sw}/><path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="M12 7.5v4M8.5 8.5 12 9l3.5 1.5"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={sw} d="m10.5 14.5.5-2 1-1 1.5 1 1 1.5"/>
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
- <path stroke="currentColor" strokeLinecap="round" strokeWidth={sw} d="M6 12c2 0 2-5 4-5m-4 5c2 0 2 5 4 5m4-10c2 0 2-3 4-3m-4 3c2 0 2 3 4 3"/><circle cx="4" cy="12" r="2" stroke="currentColor" strokeWidth={sw}/><circle cx="12" cy="7" r="2" stroke="currentColor" strokeWidth={sw}/><circle cx="12" cy="17" r="2" stroke="currentColor" strokeWidth={sw}/><circle cx="20" cy="4" r="2" stroke="currentColor" strokeWidth={sw}/><circle cx="20" cy="10" r="2" stroke="currentColor" strokeWidth={sw}/>
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';
@@ -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="M10.5 6.5h3l3 3v6l-3 3h-3l-3-3v-6ZM7.5 7.5l-3 3.75 3 3.75M16.5 7.5l3 3.75-3 3.75"/><path stroke="currentColor" strokeMiterlimit="10" strokeWidth={sw} d="M9.25 10.25h1.5v1.5h-1.5zM13.25 10.25h1.5v1.5h-1.5z"/><path fill="currentColor" d="M11 13.5h2L12 15Z"/><path stroke="currentColor" strokeMiterlimit="10" strokeWidth={sw} d="M12 14.5V16m-1.5-1v1h3v-1"/>
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="M17 3h2l2 2v2l-2 2h-2l-2-2V5Z"/><path stroke="currentColor" strokeMiterlimit="10" d="M17 5h2v2h-2Zm0 0V3m2 2V3m2 2h-2m2 2h-2m0 2V7m-2 2V7m-2 0h2m-2-2h2"/><path stroke="currentColor" strokeMiterlimit="10" strokeWidth={sw} d="m7 15 1.5-4 3-2 2.5 1 1.5 2.5-7.5 4Z"/><path stroke="currentColor" strokeMiterlimit="10" strokeWidth={sw} d="M11.5 12.5h3v3h-3zM8 14.5h3v3H8zM6 13.5 2 15l2-2.5-2.5.5L5 11"/>
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="M11.5 3.5h3v3h-3zM13 6.5 11 11l1.5 4.5L10 18"/><path stroke="currentColor" strokeMiterlimit="10" strokeWidth={sw} d="m11 11 .5 4.5L9 18M5 20.5l10-3 1.5-2"/><path stroke="currentColor" strokeMiterlimit="10" strokeWidth={sw} d="m4 19.5 10-3 1.5-2"/><path stroke="currentColor" strokeWidth={sw} d="m11.5 9-4 10.5M12 9 8 19.5"/>
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" strokeMiterlimit="10" strokeWidth={sw} d="M3.384 17.622 18.84 13.48l.777 2.897L4.16 20.52zM10 4.5h3v3h-3z"/><path stroke="currentColor" strokeWidth={sw} d="M11.5 7.5 11 11"/><path stroke="currentColor" strokeMiterlimit="10" strokeWidth={sw} d="m11 11-3 2-.5 3.5M11 11l3 1 .5 3"/><path stroke="currentColor" strokeWidth={sw} d="M11.5 8 8 8.5M11.5 8l3.5-.5"/>
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" strokeMiterlimit="10" strokeWidth={sw} d="M2 19h6l4-4h3l3 3 4-.5"/><path stroke="currentColor" strokeMiterlimit="10" strokeWidth={sw} d="m5 16.5 1-2 13-4L7.5 18ZM10.5 4.5h3v3h-3z"/><path stroke="currentColor" strokeWidth={sw} d="M12 7.5v4"/><path stroke="currentColor" strokeMiterlimit="10" strokeWidth={sw} d="M8.5 8.5 12 9l3.5 1.5M10.5 14.5l.5-2 1-1 1.5 1 1 1.5"/>
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="M6 12h2V7h2m-2 5v5h2m4-10h2V4h2m-2 3v3h2M2 10h4v4H2zM10 5h4v4h-4zM10 15h4v4h-4zM18 2h4v4h-4zM18 8h4v4h-4z"/>
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';
@@ -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="M7.5 11c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5v3c0 2.5-2 4.5-4.5 4.5s-4.5-2-4.5-4.5zm0-3.5c-2.5 0-3 2.5-3 4.5s1 3 2 3 1-2.5 1-4Zm9 0c2.5 0 3 2.5 3 4.5s-1 3-2 3-1-2.5-1-4ZM10 10.25a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5m4 0a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5M11 14c0-.5.5-1 1-1s1 .5 1 1-.5.75-1 .75-1-.25-1-.75m.5.5h1v1.1c.3-.1.6-.2.9-.2.5 0 .8.25.8.6s-.3.6-.8.6c-.6 0-1.1-.3-1.4-.6-.3.3-.8.6-1.4.6-.5 0-.8-.25-.8-.6s.3-.6.8-.6c.3 0 .6.1.9.2z" clipRule="evenodd"/>
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="M18 3a3 3 0 1 0 0 6 3 3 0 0 0 0-6m0 1.8.9.7-.3 1h-1.2l-.3-1zM7 15l1.5-4 3-2 2.5 1 1.5 2.5-7.5 4Zm6-3.25a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5m-3.5 2a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5" clipRule="evenodd"/><circle cx="13" cy="14" r="1.5" fill="currentColor"/><circle cx="9.5" cy="16" r="1.5" fill="currentColor"/><path fill="currentColor" d="M6 13.5 2 15l2-2.5-2.5.5L5 11Z"/>
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
- <circle cx="13" cy="5" r="2" fill="currentColor"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2.2" d="M13 6.5 11 11l1.5 4.5L10 18"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2.2" d="m11 11 .5 4.5L9 18M5 20.5l10-3c1-.3 1.5-1 1.5-2"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2.2" d="m4 19.5 10-3c1-.3 1.5-1 1.5-2"/><path stroke="currentColor" strokeLinecap="round" strokeWidth="2" d="m11.5 9-4 10.5M12 9 8 19.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