@aliimam/icons 0.0.3 → 0.0.5

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 (151) hide show
  1. package/dist/cjs/index.d.ts +2 -4
  2. package/dist/cjs/index.js +2 -4
  3. package/dist/cjs/solid/accessibility/Moon.d.ts +6 -0
  4. package/dist/cjs/solid/accessibility/Moon.js +57 -0
  5. package/dist/cjs/solid/accessibility/Sun.d.ts +6 -0
  6. package/dist/cjs/solid/accessibility/Sun.js +57 -0
  7. package/dist/cjs/solid/accessibility/index.d.ts +2 -0
  8. package/dist/cjs/solid/accessibility/index.js +10 -0
  9. package/dist/cjs/{icons/gg/Y.js → stroke/arrows/ArrowDown.js} +11 -11
  10. package/dist/cjs/{icons → stroke}/arrows/ArrowLeft.js +6 -6
  11. package/dist/cjs/{icons → stroke}/arrows/ArrowRight.js +6 -6
  12. package/dist/cjs/{icons → stroke}/arrows/ArrowUp.js +6 -6
  13. package/dist/cjs/{icons → stroke}/arrows/ArrowUpp.js +6 -6
  14. package/dist/cjs/types.d.ts +5 -5
  15. package/dist/index.d.ts +2 -4
  16. package/dist/index.js +2 -4
  17. package/dist/solid/accessibility/Moon.d.ts +6 -0
  18. package/dist/solid/accessibility/Moon.js +21 -0
  19. package/dist/solid/accessibility/Sun.d.ts +6 -0
  20. package/dist/solid/accessibility/Sun.js +21 -0
  21. package/dist/solid/accessibility/index.d.ts +2 -0
  22. package/dist/solid/accessibility/index.js +2 -0
  23. package/dist/{icons/gg/Y.js → stroke/arrows/ArrowDown.js} +10 -10
  24. package/dist/{icons → stroke}/arrows/ArrowLeft.js +6 -6
  25. package/dist/{icons → stroke}/arrows/ArrowRight.js +6 -6
  26. package/dist/{icons → stroke}/arrows/ArrowUp.js +6 -6
  27. package/dist/{icons → stroke}/arrows/ArrowUpp.js +6 -6
  28. package/dist/types.d.ts +5 -5
  29. package/icons/solid/accessibility/moon.svg +1 -0
  30. package/icons/solid/accessibility/sun.svg +1 -0
  31. package/icons/solid/ali/asfsbfd.svg +1 -0
  32. package/icons/{logos → solid}/ali/save.svg +1 -1
  33. package/icons/solid/design/c.svg +1 -0
  34. package/icons/stroke/accessibility/moon.svg +1 -0
  35. package/icons/stroke/accessibility/sun.svg +1 -0
  36. package/icons/stroke/ali/asfsbfd.svg +1 -0
  37. package/icons/stroke/ali/erfg.svg +1 -0
  38. package/icons/stroke/ali/layes.svg +1 -0
  39. package/icons/stroke/ali/save.svg +1 -0
  40. package/icons/stroke/gg/y.svg +1 -0
  41. package/package.json +3 -3
  42. package/src/index.tsx +2 -4
  43. package/src/solid/accessibility/Moon.tsx +93 -0
  44. package/src/solid/accessibility/Sun.tsx +97 -0
  45. package/src/solid/accessibility/index.ts +2 -0
  46. package/src/{icons → stroke}/arrows/ArrowDown.tsx +9 -9
  47. package/src/{icons → stroke}/arrows/ArrowLeft.tsx +8 -8
  48. package/src/{icons → stroke}/arrows/ArrowRight.tsx +8 -8
  49. package/src/{icons → stroke}/arrows/ArrowUp.tsx +8 -8
  50. package/src/{icons → stroke}/arrows/ArrowUpp.tsx +7 -7
  51. package/src/types.tsx +18 -19
  52. package/dist/cjs/icons/arrows/ArrowDown.js +0 -50
  53. package/dist/cjs/icons/gg/F.d.ts +0 -3
  54. package/dist/cjs/icons/gg/F.js +0 -50
  55. package/dist/cjs/icons/gg/R.d.ts +0 -3
  56. package/dist/cjs/icons/gg/R.js +0 -50
  57. package/dist/cjs/icons/gg/T.d.ts +0 -3
  58. package/dist/cjs/icons/gg/T.js +0 -50
  59. package/dist/cjs/icons/gg/Y.d.ts +0 -3
  60. package/dist/cjs/icons/gg/index.d.ts +0 -4
  61. package/dist/cjs/icons/gg/index.js +0 -14
  62. package/dist/cjs/logos/ali/Asfsbfd.d.ts +0 -3
  63. package/dist/cjs/logos/ali/Asfsbfd.js +0 -50
  64. package/dist/cjs/logos/ali/Erfg.d.ts +0 -3
  65. package/dist/cjs/logos/ali/Erfg.js +0 -50
  66. package/dist/cjs/logos/ali/Layes.d.ts +0 -3
  67. package/dist/cjs/logos/ali/Layes.js +0 -50
  68. package/dist/cjs/logos/ali/Save.d.ts +0 -3
  69. package/dist/cjs/logos/ali/Save.js +0 -50
  70. package/dist/cjs/logos/ali/index.d.ts +0 -4
  71. package/dist/cjs/logos/ali/index.js +0 -14
  72. package/dist/cjs/logos/design/A.d.ts +0 -3
  73. package/dist/cjs/logos/design/A.js +0 -50
  74. package/dist/cjs/logos/design/C.d.ts +0 -3
  75. package/dist/cjs/logos/design/C.js +0 -50
  76. package/dist/cjs/logos/design/D.d.ts +0 -3
  77. package/dist/cjs/logos/design/D.js +0 -50
  78. package/dist/cjs/logos/design/index.d.ts +0 -3
  79. package/dist/cjs/logos/design/index.js +0 -12
  80. package/dist/icons/arrows/ArrowDown.js +0 -14
  81. package/dist/icons/gg/F.d.ts +0 -3
  82. package/dist/icons/gg/F.js +0 -14
  83. package/dist/icons/gg/R.d.ts +0 -3
  84. package/dist/icons/gg/R.js +0 -14
  85. package/dist/icons/gg/T.d.ts +0 -3
  86. package/dist/icons/gg/T.js +0 -14
  87. package/dist/icons/gg/Y.d.ts +0 -3
  88. package/dist/icons/gg/index.d.ts +0 -4
  89. package/dist/icons/gg/index.js +0 -4
  90. package/dist/logos/ali/Asfsbfd.d.ts +0 -3
  91. package/dist/logos/ali/Asfsbfd.js +0 -14
  92. package/dist/logos/ali/Erfg.d.ts +0 -3
  93. package/dist/logos/ali/Erfg.js +0 -14
  94. package/dist/logos/ali/Layes.d.ts +0 -3
  95. package/dist/logos/ali/Layes.js +0 -14
  96. package/dist/logos/ali/Save.d.ts +0 -3
  97. package/dist/logos/ali/Save.js +0 -14
  98. package/dist/logos/ali/index.d.ts +0 -4
  99. package/dist/logos/ali/index.js +0 -4
  100. package/dist/logos/design/A.d.ts +0 -3
  101. package/dist/logos/design/A.js +0 -14
  102. package/dist/logos/design/C.d.ts +0 -3
  103. package/dist/logos/design/C.js +0 -14
  104. package/dist/logos/design/D.d.ts +0 -3
  105. package/dist/logos/design/D.js +0 -14
  106. package/dist/logos/design/index.d.ts +0 -3
  107. package/dist/logos/design/index.js +0 -3
  108. package/icons/icons/arrows/arrow-down.svg +0 -1
  109. package/icons/logos/ali/asfsbfd.svg +0 -1
  110. package/icons/logos/design/c.svg +0 -1
  111. package/src/icons/gg/F.tsx +0 -55
  112. package/src/icons/gg/R.tsx +0 -55
  113. package/src/icons/gg/T.tsx +0 -55
  114. package/src/icons/gg/Y.tsx +0 -55
  115. package/src/icons/gg/index.ts +0 -4
  116. package/src/logos/ali/Asfsbfd.tsx +0 -68
  117. package/src/logos/ali/Erfg.tsx +0 -52
  118. package/src/logos/ali/Layes.tsx +0 -55
  119. package/src/logos/ali/Save.tsx +0 -62
  120. package/src/logos/ali/index.ts +0 -4
  121. package/src/logos/design/A.tsx +0 -55
  122. package/src/logos/design/C.tsx +0 -67
  123. package/src/logos/design/D.tsx +0 -52
  124. package/src/logos/design/index.ts +0 -3
  125. /package/dist/cjs/{icons → stroke}/arrows/ArrowDown.d.ts +0 -0
  126. /package/dist/cjs/{icons → stroke}/arrows/ArrowLeft.d.ts +0 -0
  127. /package/dist/cjs/{icons → stroke}/arrows/ArrowRight.d.ts +0 -0
  128. /package/dist/cjs/{icons → stroke}/arrows/ArrowUp.d.ts +0 -0
  129. /package/dist/cjs/{icons → stroke}/arrows/ArrowUpp.d.ts +0 -0
  130. /package/dist/cjs/{icons → stroke}/arrows/index.d.ts +0 -0
  131. /package/dist/cjs/{icons → stroke}/arrows/index.js +0 -0
  132. /package/dist/{icons → stroke}/arrows/ArrowDown.d.ts +0 -0
  133. /package/dist/{icons → stroke}/arrows/ArrowLeft.d.ts +0 -0
  134. /package/dist/{icons → stroke}/arrows/ArrowRight.d.ts +0 -0
  135. /package/dist/{icons → stroke}/arrows/ArrowUp.d.ts +0 -0
  136. /package/dist/{icons → stroke}/arrows/ArrowUpp.d.ts +0 -0
  137. /package/dist/{icons → stroke}/arrows/index.d.ts +0 -0
  138. /package/dist/{icons → stroke}/arrows/index.js +0 -0
  139. /package/icons/{logos → solid}/ali/erfg.svg +0 -0
  140. /package/icons/{logos → solid}/ali/layes.svg +0 -0
  141. /package/icons/{logos → solid}/design/a.svg +0 -0
  142. /package/icons/{logos → solid}/design/d.svg +0 -0
  143. /package/icons/{icons/gg/y.svg → stroke/arrows/arrow-down.svg} +0 -0
  144. /package/icons/{icons → stroke}/arrows/arrow-left.svg +0 -0
  145. /package/icons/{icons → stroke}/arrows/arrow-right.svg +0 -0
  146. /package/icons/{icons → stroke}/arrows/arrow-up.svg +0 -0
  147. /package/icons/{icons → stroke}/arrows/arrow-upp.svg +0 -0
  148. /package/icons/{icons → stroke}/gg/f.svg +0 -0
  149. /package/icons/{icons → stroke}/gg/r.svg +0 -0
  150. /package/icons/{icons → stroke}/gg/t.svg +0 -0
  151. /package/src/{icons → stroke}/arrows/index.ts +0 -0
@@ -1,5 +1,3 @@
1
- export * from "./icons/arrows";
2
- export * from "./icons/gg";
3
- export * from "./logos/design";
4
- export * from "./logos/ali";
1
+ export * from "./solid/accessibility";
2
+ export * from "./stroke/arrows";
5
3
  export type { IconProps } from "./types";
package/dist/cjs/index.js CHANGED
@@ -15,7 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
15
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
16
16
  };
17
17
  Object.defineProperty(exports, "__esModule", { value: true });
18
- __exportStar(require("./icons/arrows"), exports);
19
- __exportStar(require("./icons/gg"), exports);
20
- __exportStar(require("./logos/design"), exports);
21
- __exportStar(require("./logos/ali"), exports);
18
+ __exportStar(require("./solid/accessibility"), exports);
19
+ __exportStar(require("./stroke/arrows"), exports);
@@ -0,0 +1,6 @@
1
+ import type { IconProps, IconComponent } from "../../types";
2
+ interface MoonProps extends IconProps {
3
+ type?: "solid" | "stroke";
4
+ }
5
+ export declare const Moon: IconComponent<MoonProps>;
6
+ export default Moon;
@@ -0,0 +1,57 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
35
+ Object.defineProperty(exports, "__esModule", { value: true });
36
+ exports.Moon = void 0;
37
+ const jsx_runtime_1 = require("react/jsx-runtime");
38
+ const React = __importStar(require("react"));
39
+ exports.Moon = React.forwardRef(function Moon({ color = "currentColor", fill, size = 24, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, type = "stroke", ...props }, forwardedRef) {
40
+ if (type === "solid") {
41
+ return ((0, jsx_runtime_1.jsx)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: (0, jsx_runtime_1.jsx)("path", { d: "M20.985 12.486C20.8913 14.2222 20.2967 15.894 19.2731 17.2994C18.2495 18.7049 16.8407 19.7837 15.217 20.4056C13.5934 21.0274 11.8243 21.1657 10.1238 20.8036C8.42322 20.4415 6.86395 19.5946 5.63446 18.3652C4.40497 17.1358 3.55788 15.5767 3.19561 13.8761C2.83334 12.1756 2.97139 10.4066 3.59308 8.78285C4.21476 7.15912 5.29346 5.75022 6.69877 4.72647C8.10409 3.70272 9.77586 3.10794 11.512 3.01403C11.917 2.99203 12.129 3.47403 11.914 3.81703C11.1949 4.96759 10.887 6.3279 11.0405 7.67598C11.194 9.02407 11.7999 10.2803 12.7593 11.2397C13.7187 12.1991 14.975 12.805 16.323 12.9585C17.6711 13.1121 19.0314 12.8041 20.182 12.085C20.526 11.87 21.007 12.081 20.985 12.486Z", fill: "currentColor" }) }));
42
+ }
43
+ if (type === "stroke") {
44
+ return ((0, jsx_runtime_1.jsx)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: (0, jsx_runtime_1.jsx)("path", { d: "M20.985 12.486C20.8913 14.2221 20.2967 15.894 19.2731 17.2994C18.2495 18.7048 16.8407 19.7837 15.217 20.4055C13.5934 21.0274 11.8243 21.1656 10.1238 20.8035C8.42322 20.4414 6.86396 19.5945 5.63446 18.3652C4.40497 17.1358 3.55789 15.5766 3.19562 13.8761C2.83335 12.1756 2.9714 10.4065 3.59308 8.78282C4.21476 7.15909 5.29346 5.75019 6.69878 4.72644C8.10409 3.70269 9.77587 3.10791 11.512 3.014C11.917 2.992 12.129 3.474 11.914 3.817C11.1949 4.96756 10.887 6.32787 11.0405 7.67595C11.194 9.02403 11.7999 10.2803 12.7593 11.2397C13.7187 12.1991 14.975 12.805 16.3231 12.9585C17.6711 13.112 19.0314 12.8041 20.182 12.085C20.526 11.87 21.007 12.081 20.985 12.486Z", stroke: color, strokeLinecap: "round", strokeLinejoin: "round" }) }));
45
+ }
46
+ console.error(`Moon doesn't support ${type}`);
47
+ return null;
48
+ });
49
+ exports.Moon.displayName = "Moon";
50
+ exports.Moon.metadata = {
51
+ name: "Moon",
52
+ category: "solid/accessibility",
53
+ tags: ["moon", "icon"],
54
+ description: "Moon icon from solid/accessibility category",
55
+ type: ["stroke", "icon"],
56
+ };
57
+ exports.default = exports.Moon;
@@ -0,0 +1,6 @@
1
+ import type { IconProps, IconComponent } from "../../types";
2
+ interface SunProps extends IconProps {
3
+ type?: "solid" | "stroke";
4
+ }
5
+ export declare const Sun: IconComponent<SunProps>;
6
+ export default Sun;
@@ -0,0 +1,57 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
35
+ Object.defineProperty(exports, "__esModule", { value: true });
36
+ exports.Sun = void 0;
37
+ const jsx_runtime_1 = require("react/jsx-runtime");
38
+ const React = __importStar(require("react"));
39
+ exports.Sun = React.forwardRef(function Sun({ color = "currentColor", fill, size = 24, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, type = "stroke", ...props }, forwardedRef) {
40
+ if (type === "solid") {
41
+ return ((0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: [(0, jsx_runtime_1.jsx)("g", { fill: "currentColor", clipPath: "url(#undefined-clip0_36_5)", children: (0, jsx_runtime_1.jsx)("path", { d: "M12 16C14.209 16 16 14.209 16 12 16 9.791 14.209 8 12 8 9.791 8 8 9.791 8 12 8 14.209 9.791 16 12 16ZM10.5 4V2C10.5 1.172 11.172.5 12 .5 12.828.5 13.5 1.172 13.5 2V4C13.5 4.828 12.828 5.5 12 5.5 11.172 5.5 10.5 4.828 10.5 4ZM10.5 22V20C10.5 19.172 11.172 18.5 12 18.5 12.828 18.5 13.5 19.172 13.5 20V22C13.5 22.828 12.828 23.5 12 23.5 11.172 23.5 10.5 22.828 10.5 22ZM3.869 3.869C4.455 3.284 5.405 3.284 5.991 3.869L7.401 5.28C7.986 5.865 7.986 6.815 7.401 7.401 6.815 7.986 5.865 7.986 5.28 7.401L3.869 5.99C3.284 5.405 3.284 4.455 3.869 3.869ZM16.6 16.6C17.185 16.014 18.135 16.014 18.721 16.6L20.131 18.01C20.716 18.596 20.716 19.545 20.131 20.131 19.545 20.717 18.595 20.716 18.01 20.131L16.6 18.721C16.014 18.135 16.014 17.185 16.6 16.6ZM4 10.5C4.828 10.5 5.5 11.172 5.5 12 5.5 12.828 4.828 13.5 4 13.5H2C1.172 13.5.5 12.828.5 12 .5 11.172 1.172 10.5 2 10.5H4ZM22 10.5C22.828 10.5 23.5 11.172 23.5 12 23.5 12.828 22.828 13.5 22 13.5H20C19.172 13.5 18.5 12.828 18.5 12 18.5 11.172 19.172 10.5 20 10.5H22ZM5.28 16.6C5.865 16.014 6.815 16.014 7.401 16.6 7.986 17.185 7.986 18.135 7.401 18.721L5.991 20.131C5.405 20.716 4.455 20.716 3.869 20.131 3.284 19.545 3.284 18.595 3.869 18.01L5.28 16.6ZM18.01 3.869C18.595 3.284 19.545 3.284 20.131 3.869 20.716 4.455 20.716 5.405 20.131 5.991L18.721 7.401C18.135 7.986 17.185 7.986 16.6 7.401 16.014 6.815 16.014 5.865 16.6 5.28L18.01 3.869Z" }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "undefined-clip0_36_5", children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M0 0H24V24H0z" }) }) })] }));
42
+ }
43
+ if (type === "stroke") {
44
+ return ((0, jsx_runtime_1.jsx)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: (0, jsx_runtime_1.jsx)("path", { d: "M12 16C14.209 16 16 14.209 16 12 16 9.791 14.209 8 12 8 9.791 8 8 9.791 8 12 8 14.209 9.791 16 12 16ZM12 2V4M12 20V22M4.93 4.93 6.34 6.34M17.66 17.66 19.07 19.07M2 12H4M20 12H22M6.34 17.66 4.93 19.07M19.07 4.93 17.66 6.34", stroke: color, strokeLinecap: "round", strokeLinejoin: "round" }) }));
45
+ }
46
+ console.error(`Sun doesn't support ${type}`);
47
+ return null;
48
+ });
49
+ exports.Sun.displayName = "Sun";
50
+ exports.Sun.metadata = {
51
+ name: "Sun",
52
+ category: "solid/accessibility",
53
+ tags: ["sun", "icon"],
54
+ description: "Sun icon from solid/accessibility category",
55
+ type: ["stroke", "icon"],
56
+ };
57
+ exports.default = exports.Sun;
@@ -0,0 +1,2 @@
1
+ export { default as Moon } from "./Moon";
2
+ export { default as Sun } from "./Sun";
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.Sun = exports.Moon = void 0;
7
+ var Moon_1 = require("./Moon");
8
+ Object.defineProperty(exports, "Moon", { enumerable: true, get: function () { return __importDefault(Moon_1).default; } });
9
+ var Sun_1 = require("./Sun");
10
+ Object.defineProperty(exports, "Sun", { enumerable: true, get: function () { return __importDefault(Sun_1).default; } });
@@ -33,18 +33,18 @@ var __importStar = (this && this.__importStar) || (function () {
33
33
  };
34
34
  })();
35
35
  Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.Y = void 0;
36
+ exports.ArrowDown = void 0;
37
37
  const jsx_runtime_1 = require("react/jsx-runtime");
38
38
  const React = __importStar(require("react"));
39
- exports.Y = React.forwardRef(function Y({ color = "currentColor", fill, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, variant = "stroke", ...props }, forwardedRef) {
40
- return ((0, jsx_runtime_1.jsx)("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: (0, jsx_runtime_1.jsx)("path", { d: "M11.8535 8.14649C12.0488 8.34175 12.0488 8.65826 11.8535 8.85352L7.85352 12.8535C7.65825 13.0488 7.34175 13.0488 7.14648 12.8535L3.14648 8.85352C2.95122 8.65826 2.95122 8.34175 3.14648 8.14649C3.34175 7.95123 3.65825 7.95123 3.85352 8.14649L7 11.293L7 2.50001C7 2.22387 7.22386 2.00001 7.5 2.00001C7.77614 2.00001 8 2.22387 8 2.50001L8 11.293L11.1465 8.14649C11.3417 7.95123 11.6583 7.95123 11.8535 8.14649Z", fill: color }) }));
39
+ exports.ArrowDown = React.forwardRef(function ArrowDown({ color = "currentColor", fill, size = 24, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, ...props }, forwardedRef) {
40
+ return ((0, jsx_runtime_1.jsx)("svg", { width: size, height: size, viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: (0, jsx_runtime_1.jsx)("path", { d: "M11.8535 8.14649C12.0488 8.34175 12.0488 8.65826 11.8535 8.85352L7.85352 12.8535C7.65825 13.0488 7.34175 13.0488 7.14648 12.8535L3.14648 8.85352C2.95122 8.65826 2.95122 8.34175 3.14648 8.14649C3.34175 7.95123 3.65825 7.95123 3.85352 8.14649L7 11.293L7 2.50001C7 2.22387 7.22386 2.00001 7.5 2.00001C7.77614 2.00001 8 2.22387 8 2.50001L8 11.293L11.1465 8.14649C11.3417 7.95123 11.6583 7.95123 11.8535 8.14649Z", fill: "currentColor" }) }));
41
41
  });
42
- exports.Y.displayName = "Y";
43
- exports.Y.metadata = {
44
- name: "Y",
45
- category: "icons",
46
- tags: ["interface", "ui", "icon"],
47
- description: "Y icon from icons category",
48
- variants: ["stroke", "solid"],
42
+ exports.ArrowDown.displayName = "ArrowDown";
43
+ exports.ArrowDown.metadata = {
44
+ name: "ArrowDown",
45
+ category: "stroke/arrows",
46
+ tags: ["arrow", "down", "icon"],
47
+ description: "ArrowDown icon from stroke/arrows category",
48
+ type: ["stroke", "icon"],
49
49
  };
50
- exports.default = exports.Y;
50
+ exports.default = exports.ArrowDown;
@@ -36,15 +36,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
36
36
  exports.ArrowLeft = void 0;
37
37
  const jsx_runtime_1 = require("react/jsx-runtime");
38
38
  const React = __importStar(require("react"));
39
- exports.ArrowLeft = React.forwardRef(function ArrowLeft({ color = "currentColor", fill, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, variant = "stroke", ...props }, forwardedRef) {
40
- return ((0, jsx_runtime_1.jsx)("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: (0, jsx_runtime_1.jsx)("path", { d: "M6.14648 3.14648C6.34175 2.95122 6.65825 2.95122 6.85352 3.14648C7.04878 3.34175 7.04878 3.65825 6.85352 3.85352L3.70703 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H3.70703L6.85352 11.1465C7.04878 11.3417 7.04878 11.6583 6.85352 11.8535C6.65825 12.0488 6.34175 12.0488 6.14648 11.8535L2.14648 7.85352C1.95122 7.65825 1.95122 7.34175 2.14648 7.14648L6.14648 3.14648Z", fill: color }) }));
39
+ exports.ArrowLeft = React.forwardRef(function ArrowLeft({ color = "currentColor", fill, size = 24, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, ...props }, forwardedRef) {
40
+ return ((0, jsx_runtime_1.jsx)("svg", { width: size, height: size, viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: (0, jsx_runtime_1.jsx)("path", { d: "M6.14648 3.14648C6.34175 2.95122 6.65825 2.95122 6.85352 3.14648C7.04878 3.34175 7.04878 3.65825 6.85352 3.85352L3.70703 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H3.70703L6.85352 11.1465C7.04878 11.3417 7.04878 11.6583 6.85352 11.8535C6.65825 12.0488 6.34175 12.0488 6.14648 11.8535L2.14648 7.85352C1.95122 7.65825 1.95122 7.34175 2.14648 7.14648L6.14648 3.14648Z", fill: "currentColor" }) }));
41
41
  });
42
42
  exports.ArrowLeft.displayName = "ArrowLeft";
43
43
  exports.ArrowLeft.metadata = {
44
44
  name: "ArrowLeft",
45
- category: "icons",
46
- tags: ["arrow", "left", "interface", "ui", "icon"],
47
- description: "ArrowLeft icon from icons category",
48
- variants: ["stroke", "solid"],
45
+ category: "stroke/arrows",
46
+ tags: ["arrow", "left", "icon"],
47
+ description: "ArrowLeft icon from stroke/arrows category",
48
+ type: ["stroke", "icon"],
49
49
  };
50
50
  exports.default = exports.ArrowLeft;
@@ -36,15 +36,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
36
36
  exports.ArrowRight = void 0;
37
37
  const jsx_runtime_1 = require("react/jsx-runtime");
38
38
  const React = __importStar(require("react"));
39
- exports.ArrowRight = React.forwardRef(function ArrowRight({ color = "currentColor", fill, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, variant = "stroke", ...props }, forwardedRef) {
40
- return ((0, jsx_runtime_1.jsx)("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: (0, jsx_runtime_1.jsx)("path", { d: "M8.14648 3.14648C8.34175 2.95122 8.65825 2.95122 8.85352 3.14648L12.8535 7.14648C13.0488 7.34175 13.0488 7.65825 12.8535 7.85352L8.85352 11.8535C8.65825 12.0488 8.34175 12.0488 8.14648 11.8535C7.95122 11.6583 7.95122 11.3417 8.14648 11.1465L11.293 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.293L8.14648 3.85352C7.95122 3.65825 7.95122 3.34175 8.14648 3.14648Z", fill: color }) }));
39
+ exports.ArrowRight = React.forwardRef(function ArrowRight({ color = "currentColor", fill, size = 24, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, ...props }, forwardedRef) {
40
+ return ((0, jsx_runtime_1.jsx)("svg", { width: size, height: size, viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: (0, jsx_runtime_1.jsx)("path", { d: "M8.14648 3.14648C8.34175 2.95122 8.65825 2.95122 8.85352 3.14648L12.8535 7.14648C13.0488 7.34175 13.0488 7.65825 12.8535 7.85352L8.85352 11.8535C8.65825 12.0488 8.34175 12.0488 8.14648 11.8535C7.95122 11.6583 7.95122 11.3417 8.14648 11.1465L11.293 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.293L8.14648 3.85352C7.95122 3.65825 7.95122 3.34175 8.14648 3.14648Z", fill: "currentColor" }) }));
41
41
  });
42
42
  exports.ArrowRight.displayName = "ArrowRight";
43
43
  exports.ArrowRight.metadata = {
44
44
  name: "ArrowRight",
45
- category: "icons",
46
- tags: ["arrow", "right", "interface", "ui", "icon"],
47
- description: "ArrowRight icon from icons category",
48
- variants: ["stroke", "solid"],
45
+ category: "stroke/arrows",
46
+ tags: ["arrow", "right", "icon"],
47
+ description: "ArrowRight icon from stroke/arrows category",
48
+ type: ["stroke", "icon"],
49
49
  };
50
50
  exports.default = exports.ArrowRight;
@@ -36,15 +36,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
36
36
  exports.ArrowUp = void 0;
37
37
  const jsx_runtime_1 = require("react/jsx-runtime");
38
38
  const React = __importStar(require("react"));
39
- exports.ArrowUp = React.forwardRef(function ArrowUp({ color = "currentColor", fill, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, variant = "stroke", ...props }, forwardedRef) {
40
- return ((0, jsx_runtime_1.jsx)("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: (0, jsx_runtime_1.jsx)("path", { d: "M3.14648 6.85352C2.95122 6.65825 2.95122 6.34175 3.14648 6.14648L7.14648 2.14648C7.34175 1.95122 7.65825 1.95122 7.85352 2.14648L11.8535 6.14648C12.0488 6.34175 12.0488 6.65825 11.8535 6.85352C11.6583 7.04878 11.3417 7.04878 11.1465 6.85352L8 3.70703L8 12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 3.70703L3.85352 6.85352C3.65825 7.04878 3.34175 7.04878 3.14648 6.85352Z", fill: color }) }));
39
+ exports.ArrowUp = React.forwardRef(function ArrowUp({ color = "currentColor", fill, size = 24, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, ...props }, forwardedRef) {
40
+ return ((0, jsx_runtime_1.jsx)("svg", { width: size, height: size, viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: (0, jsx_runtime_1.jsx)("path", { d: "M3.14648 6.85352C2.95122 6.65825 2.95122 6.34175 3.14648 6.14648L7.14648 2.14648C7.34175 1.95122 7.65825 1.95122 7.85352 2.14648L11.8535 6.14648C12.0488 6.34175 12.0488 6.65825 11.8535 6.85352C11.6583 7.04878 11.3417 7.04878 11.1465 6.85352L8 3.70703L8 12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 3.70703L3.85352 6.85352C3.65825 7.04878 3.34175 7.04878 3.14648 6.85352Z", fill: "currentColor" }) }));
41
41
  });
42
42
  exports.ArrowUp.displayName = "ArrowUp";
43
43
  exports.ArrowUp.metadata = {
44
44
  name: "ArrowUp",
45
- category: "icons",
46
- tags: ["arrow", "up", "interface", "ui", "icon"],
47
- description: "ArrowUp icon from icons category",
48
- variants: ["stroke", "solid"],
45
+ category: "stroke/arrows",
46
+ tags: ["arrow", "up", "icon"],
47
+ description: "ArrowUp icon from stroke/arrows category",
48
+ type: ["stroke", "icon"],
49
49
  };
50
50
  exports.default = exports.ArrowUp;
@@ -36,15 +36,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
36
36
  exports.ArrowUpp = void 0;
37
37
  const jsx_runtime_1 = require("react/jsx-runtime");
38
38
  const React = __importStar(require("react"));
39
- exports.ArrowUpp = React.forwardRef(function ArrowUpp({ color = "currentColor", fill, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, variant = "stroke", ...props }, forwardedRef) {
40
- return ((0, jsx_runtime_1.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: (0, jsx_runtime_1.jsx)("path", { d: "M3.2 20 11.2 12 3.2 4M14.2 20 21.2 12 14.2 4", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }) }));
39
+ exports.ArrowUpp = React.forwardRef(function ArrowUpp({ color = "currentColor", fill, size = 24, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, ...props }, forwardedRef) {
40
+ return ((0, jsx_runtime_1.jsx)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: (0, jsx_runtime_1.jsx)("path", { d: "M3.2 20 11.2 12 3.2 4M14.2 20 21.2 12 14.2 4", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }) }));
41
41
  });
42
42
  exports.ArrowUpp.displayName = "ArrowUpp";
43
43
  exports.ArrowUpp.metadata = {
44
44
  name: "ArrowUpp",
45
- category: "icons",
46
- tags: ["arrow", "upp", "interface", "ui", "icon"],
47
- description: "ArrowUpp icon from icons category",
48
- variants: ["stroke", "solid"],
45
+ category: "stroke/arrows",
46
+ tags: ["arrow", "upp", "icon"],
47
+ description: "ArrowUpp icon from stroke/arrows category",
48
+ type: ["stroke", "icon"],
49
49
  };
50
50
  exports.default = exports.ArrowUpp;
@@ -3,14 +3,14 @@ export interface IconProps extends React.SVGAttributes<SVGElement> {
3
3
  children?: never;
4
4
  color?: string;
5
5
  fill?: string;
6
- size?: number;
7
- strokeWidth?: number;
6
+ size?: 20 | number;
7
+ strokeWidth?: 2 | number;
8
8
  strokeLinecap?: "butt" | "round" | "square";
9
9
  strokeLinejoin?: "round" | "miter" | "bevel";
10
- variant?: "stroke" | "solid" | "duotone" | "twotone" | "bulk";
11
10
  strokeDasharray?: string;
12
11
  opacity?: number;
13
12
  className?: string;
13
+ type?: "stroke" | "icon" | string;
14
14
  }
15
15
  export interface IconMetadata {
16
16
  name: string;
@@ -19,9 +19,9 @@ export interface IconMetadata {
19
19
  description?: string;
20
20
  author?: string;
21
21
  created?: string;
22
- variants: ("stroke" | "solid" | "duotone" | "twotone" | "bulk")[];
22
+ type?: ("stroke" | "icon")[];
23
23
  }
24
- export type IconComponent = React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>> & {
24
+ export type IconComponent<P extends IconProps = IconProps> = React.ForwardRefExoticComponent<P & React.RefAttributes<SVGSVGElement>> & {
25
25
  metadata?: IconMetadata;
26
26
  displayName?: string;
27
27
  };
package/dist/index.d.ts CHANGED
@@ -1,5 +1,3 @@
1
- export * from "./icons/arrows";
2
- export * from "./icons/gg";
3
- export * from "./logos/design";
4
- export * from "./logos/ali";
1
+ export * from "./solid/accessibility";
2
+ export * from "./stroke/arrows";
5
3
  export type { IconProps } from "./types";
package/dist/index.js CHANGED
@@ -1,5 +1,3 @@
1
1
  // entry.tsx.ejs - Simple re-export structure
2
- export * from "./icons/arrows";
3
- export * from "./icons/gg";
4
- export * from "./logos/design";
5
- export * from "./logos/ali";
2
+ export * from "./solid/accessibility";
3
+ export * from "./stroke/arrows";
@@ -0,0 +1,6 @@
1
+ import type { IconProps, IconComponent } from "../../types";
2
+ interface MoonProps extends IconProps {
3
+ type?: "solid" | "stroke";
4
+ }
5
+ export declare const Moon: IconComponent<MoonProps>;
6
+ export default Moon;
@@ -0,0 +1,21 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ export const Moon = React.forwardRef(function Moon({ color = "currentColor", fill, size = 24, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, type = "stroke", ...props }, forwardedRef) {
4
+ if (type === "solid") {
5
+ return (_jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: _jsx("path", { d: "M20.985 12.486C20.8913 14.2222 20.2967 15.894 19.2731 17.2994C18.2495 18.7049 16.8407 19.7837 15.217 20.4056C13.5934 21.0274 11.8243 21.1657 10.1238 20.8036C8.42322 20.4415 6.86395 19.5946 5.63446 18.3652C4.40497 17.1358 3.55788 15.5767 3.19561 13.8761C2.83334 12.1756 2.97139 10.4066 3.59308 8.78285C4.21476 7.15912 5.29346 5.75022 6.69877 4.72647C8.10409 3.70272 9.77586 3.10794 11.512 3.01403C11.917 2.99203 12.129 3.47403 11.914 3.81703C11.1949 4.96759 10.887 6.3279 11.0405 7.67598C11.194 9.02407 11.7999 10.2803 12.7593 11.2397C13.7187 12.1991 14.975 12.805 16.323 12.9585C17.6711 13.1121 19.0314 12.8041 20.182 12.085C20.526 11.87 21.007 12.081 20.985 12.486Z", fill: "currentColor" }) }));
6
+ }
7
+ if (type === "stroke") {
8
+ return (_jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: _jsx("path", { d: "M20.985 12.486C20.8913 14.2221 20.2967 15.894 19.2731 17.2994C18.2495 18.7048 16.8407 19.7837 15.217 20.4055C13.5934 21.0274 11.8243 21.1656 10.1238 20.8035C8.42322 20.4414 6.86396 19.5945 5.63446 18.3652C4.40497 17.1358 3.55789 15.5766 3.19562 13.8761C2.83335 12.1756 2.9714 10.4065 3.59308 8.78282C4.21476 7.15909 5.29346 5.75019 6.69878 4.72644C8.10409 3.70269 9.77587 3.10791 11.512 3.014C11.917 2.992 12.129 3.474 11.914 3.817C11.1949 4.96756 10.887 6.32787 11.0405 7.67595C11.194 9.02403 11.7999 10.2803 12.7593 11.2397C13.7187 12.1991 14.975 12.805 16.3231 12.9585C17.6711 13.112 19.0314 12.8041 20.182 12.085C20.526 11.87 21.007 12.081 20.985 12.486Z", stroke: color, strokeLinecap: "round", strokeLinejoin: "round" }) }));
9
+ }
10
+ console.error(`Moon doesn't support ${type}`);
11
+ return null;
12
+ });
13
+ Moon.displayName = "Moon";
14
+ Moon.metadata = {
15
+ name: "Moon",
16
+ category: "solid/accessibility",
17
+ tags: ["moon", "icon"],
18
+ description: "Moon icon from solid/accessibility category",
19
+ type: ["stroke", "icon"],
20
+ };
21
+ export default Moon;
@@ -0,0 +1,6 @@
1
+ import type { IconProps, IconComponent } from "../../types";
2
+ interface SunProps extends IconProps {
3
+ type?: "solid" | "stroke";
4
+ }
5
+ export declare const Sun: IconComponent<SunProps>;
6
+ export default Sun;
@@ -0,0 +1,21 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ export const Sun = React.forwardRef(function Sun({ color = "currentColor", fill, size = 24, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, type = "stroke", ...props }, forwardedRef) {
4
+ if (type === "solid") {
5
+ return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: [_jsx("g", { fill: "currentColor", clipPath: "url(#undefined-clip0_36_5)", children: _jsx("path", { d: "M12 16C14.209 16 16 14.209 16 12 16 9.791 14.209 8 12 8 9.791 8 8 9.791 8 12 8 14.209 9.791 16 12 16ZM10.5 4V2C10.5 1.172 11.172.5 12 .5 12.828.5 13.5 1.172 13.5 2V4C13.5 4.828 12.828 5.5 12 5.5 11.172 5.5 10.5 4.828 10.5 4ZM10.5 22V20C10.5 19.172 11.172 18.5 12 18.5 12.828 18.5 13.5 19.172 13.5 20V22C13.5 22.828 12.828 23.5 12 23.5 11.172 23.5 10.5 22.828 10.5 22ZM3.869 3.869C4.455 3.284 5.405 3.284 5.991 3.869L7.401 5.28C7.986 5.865 7.986 6.815 7.401 7.401 6.815 7.986 5.865 7.986 5.28 7.401L3.869 5.99C3.284 5.405 3.284 4.455 3.869 3.869ZM16.6 16.6C17.185 16.014 18.135 16.014 18.721 16.6L20.131 18.01C20.716 18.596 20.716 19.545 20.131 20.131 19.545 20.717 18.595 20.716 18.01 20.131L16.6 18.721C16.014 18.135 16.014 17.185 16.6 16.6ZM4 10.5C4.828 10.5 5.5 11.172 5.5 12 5.5 12.828 4.828 13.5 4 13.5H2C1.172 13.5.5 12.828.5 12 .5 11.172 1.172 10.5 2 10.5H4ZM22 10.5C22.828 10.5 23.5 11.172 23.5 12 23.5 12.828 22.828 13.5 22 13.5H20C19.172 13.5 18.5 12.828 18.5 12 18.5 11.172 19.172 10.5 20 10.5H22ZM5.28 16.6C5.865 16.014 6.815 16.014 7.401 16.6 7.986 17.185 7.986 18.135 7.401 18.721L5.991 20.131C5.405 20.716 4.455 20.716 3.869 20.131 3.284 19.545 3.284 18.595 3.869 18.01L5.28 16.6ZM18.01 3.869C18.595 3.284 19.545 3.284 20.131 3.869 20.716 4.455 20.716 5.405 20.131 5.991L18.721 7.401C18.135 7.986 17.185 7.986 16.6 7.401 16.014 6.815 16.014 5.865 16.6 5.28L18.01 3.869Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "undefined-clip0_36_5", children: _jsx("path", { fill: "#fff", d: "M0 0H24V24H0z" }) }) })] }));
6
+ }
7
+ if (type === "stroke") {
8
+ return (_jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: _jsx("path", { d: "M12 16C14.209 16 16 14.209 16 12 16 9.791 14.209 8 12 8 9.791 8 8 9.791 8 12 8 14.209 9.791 16 12 16ZM12 2V4M12 20V22M4.93 4.93 6.34 6.34M17.66 17.66 19.07 19.07M2 12H4M20 12H22M6.34 17.66 4.93 19.07M19.07 4.93 17.66 6.34", stroke: color, strokeLinecap: "round", strokeLinejoin: "round" }) }));
9
+ }
10
+ console.error(`Sun doesn't support ${type}`);
11
+ return null;
12
+ });
13
+ Sun.displayName = "Sun";
14
+ Sun.metadata = {
15
+ name: "Sun",
16
+ category: "solid/accessibility",
17
+ tags: ["sun", "icon"],
18
+ description: "Sun icon from solid/accessibility category",
19
+ type: ["stroke", "icon"],
20
+ };
21
+ export default Sun;
@@ -0,0 +1,2 @@
1
+ export { default as Moon } from "./Moon";
2
+ export { default as Sun } from "./Sun";
@@ -0,0 +1,2 @@
1
+ export { default as Moon } from "./Moon";
2
+ export { default as Sun } from "./Sun";
@@ -1,14 +1,14 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import * as React from "react";
3
- export const Y = React.forwardRef(function Y({ color = "currentColor", fill, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, variant = "stroke", ...props }, forwardedRef) {
4
- return (_jsx("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: _jsx("path", { d: "M11.8535 8.14649C12.0488 8.34175 12.0488 8.65826 11.8535 8.85352L7.85352 12.8535C7.65825 13.0488 7.34175 13.0488 7.14648 12.8535L3.14648 8.85352C2.95122 8.65826 2.95122 8.34175 3.14648 8.14649C3.34175 7.95123 3.65825 7.95123 3.85352 8.14649L7 11.293L7 2.50001C7 2.22387 7.22386 2.00001 7.5 2.00001C7.77614 2.00001 8 2.22387 8 2.50001L8 11.293L11.1465 8.14649C11.3417 7.95123 11.6583 7.95123 11.8535 8.14649Z", fill: color }) }));
3
+ export const ArrowDown = React.forwardRef(function ArrowDown({ color = "currentColor", fill, size = 24, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, ...props }, forwardedRef) {
4
+ return (_jsx("svg", { width: size, height: size, viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: _jsx("path", { d: "M11.8535 8.14649C12.0488 8.34175 12.0488 8.65826 11.8535 8.85352L7.85352 12.8535C7.65825 13.0488 7.34175 13.0488 7.14648 12.8535L3.14648 8.85352C2.95122 8.65826 2.95122 8.34175 3.14648 8.14649C3.34175 7.95123 3.65825 7.95123 3.85352 8.14649L7 11.293L7 2.50001C7 2.22387 7.22386 2.00001 7.5 2.00001C7.77614 2.00001 8 2.22387 8 2.50001L8 11.293L11.1465 8.14649C11.3417 7.95123 11.6583 7.95123 11.8535 8.14649Z", fill: "currentColor" }) }));
5
5
  });
6
- Y.displayName = "Y";
7
- Y.metadata = {
8
- name: "Y",
9
- category: "icons",
10
- tags: ["interface", "ui", "icon"],
11
- description: "Y icon from icons category",
12
- variants: ["stroke", "solid"],
6
+ ArrowDown.displayName = "ArrowDown";
7
+ ArrowDown.metadata = {
8
+ name: "ArrowDown",
9
+ category: "stroke/arrows",
10
+ tags: ["arrow", "down", "icon"],
11
+ description: "ArrowDown icon from stroke/arrows category",
12
+ type: ["stroke", "icon"],
13
13
  };
14
- export default Y;
14
+ export default ArrowDown;
@@ -1,14 +1,14 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import * as React from "react";
3
- export const ArrowLeft = React.forwardRef(function ArrowLeft({ color = "currentColor", fill, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, variant = "stroke", ...props }, forwardedRef) {
4
- return (_jsx("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: _jsx("path", { d: "M6.14648 3.14648C6.34175 2.95122 6.65825 2.95122 6.85352 3.14648C7.04878 3.34175 7.04878 3.65825 6.85352 3.85352L3.70703 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H3.70703L6.85352 11.1465C7.04878 11.3417 7.04878 11.6583 6.85352 11.8535C6.65825 12.0488 6.34175 12.0488 6.14648 11.8535L2.14648 7.85352C1.95122 7.65825 1.95122 7.34175 2.14648 7.14648L6.14648 3.14648Z", fill: color }) }));
3
+ export const ArrowLeft = React.forwardRef(function ArrowLeft({ color = "currentColor", fill, size = 24, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, ...props }, forwardedRef) {
4
+ return (_jsx("svg", { width: size, height: size, viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: _jsx("path", { d: "M6.14648 3.14648C6.34175 2.95122 6.65825 2.95122 6.85352 3.14648C7.04878 3.34175 7.04878 3.65825 6.85352 3.85352L3.70703 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H3.70703L6.85352 11.1465C7.04878 11.3417 7.04878 11.6583 6.85352 11.8535C6.65825 12.0488 6.34175 12.0488 6.14648 11.8535L2.14648 7.85352C1.95122 7.65825 1.95122 7.34175 2.14648 7.14648L6.14648 3.14648Z", fill: "currentColor" }) }));
5
5
  });
6
6
  ArrowLeft.displayName = "ArrowLeft";
7
7
  ArrowLeft.metadata = {
8
8
  name: "ArrowLeft",
9
- category: "icons",
10
- tags: ["arrow", "left", "interface", "ui", "icon"],
11
- description: "ArrowLeft icon from icons category",
12
- variants: ["stroke", "solid"],
9
+ category: "stroke/arrows",
10
+ tags: ["arrow", "left", "icon"],
11
+ description: "ArrowLeft icon from stroke/arrows category",
12
+ type: ["stroke", "icon"],
13
13
  };
14
14
  export default ArrowLeft;
@@ -1,14 +1,14 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import * as React from "react";
3
- export const ArrowRight = React.forwardRef(function ArrowRight({ color = "currentColor", fill, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, variant = "stroke", ...props }, forwardedRef) {
4
- return (_jsx("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: _jsx("path", { d: "M8.14648 3.14648C8.34175 2.95122 8.65825 2.95122 8.85352 3.14648L12.8535 7.14648C13.0488 7.34175 13.0488 7.65825 12.8535 7.85352L8.85352 11.8535C8.65825 12.0488 8.34175 12.0488 8.14648 11.8535C7.95122 11.6583 7.95122 11.3417 8.14648 11.1465L11.293 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.293L8.14648 3.85352C7.95122 3.65825 7.95122 3.34175 8.14648 3.14648Z", fill: color }) }));
3
+ export const ArrowRight = React.forwardRef(function ArrowRight({ color = "currentColor", fill, size = 24, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, ...props }, forwardedRef) {
4
+ return (_jsx("svg", { width: size, height: size, viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: _jsx("path", { d: "M8.14648 3.14648C8.34175 2.95122 8.65825 2.95122 8.85352 3.14648L12.8535 7.14648C13.0488 7.34175 13.0488 7.65825 12.8535 7.85352L8.85352 11.8535C8.65825 12.0488 8.34175 12.0488 8.14648 11.8535C7.95122 11.6583 7.95122 11.3417 8.14648 11.1465L11.293 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.293L8.14648 3.85352C7.95122 3.65825 7.95122 3.34175 8.14648 3.14648Z", fill: "currentColor" }) }));
5
5
  });
6
6
  ArrowRight.displayName = "ArrowRight";
7
7
  ArrowRight.metadata = {
8
8
  name: "ArrowRight",
9
- category: "icons",
10
- tags: ["arrow", "right", "interface", "ui", "icon"],
11
- description: "ArrowRight icon from icons category",
12
- variants: ["stroke", "solid"],
9
+ category: "stroke/arrows",
10
+ tags: ["arrow", "right", "icon"],
11
+ description: "ArrowRight icon from stroke/arrows category",
12
+ type: ["stroke", "icon"],
13
13
  };
14
14
  export default ArrowRight;
@@ -1,14 +1,14 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import * as React from "react";
3
- export const ArrowUp = React.forwardRef(function ArrowUp({ color = "currentColor", fill, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, variant = "stroke", ...props }, forwardedRef) {
4
- return (_jsx("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: _jsx("path", { d: "M3.14648 6.85352C2.95122 6.65825 2.95122 6.34175 3.14648 6.14648L7.14648 2.14648C7.34175 1.95122 7.65825 1.95122 7.85352 2.14648L11.8535 6.14648C12.0488 6.34175 12.0488 6.65825 11.8535 6.85352C11.6583 7.04878 11.3417 7.04878 11.1465 6.85352L8 3.70703L8 12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 3.70703L3.85352 6.85352C3.65825 7.04878 3.34175 7.04878 3.14648 6.85352Z", fill: color }) }));
3
+ export const ArrowUp = React.forwardRef(function ArrowUp({ color = "currentColor", fill, size = 24, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, ...props }, forwardedRef) {
4
+ return (_jsx("svg", { width: size, height: size, viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: _jsx("path", { d: "M3.14648 6.85352C2.95122 6.65825 2.95122 6.34175 3.14648 6.14648L7.14648 2.14648C7.34175 1.95122 7.65825 1.95122 7.85352 2.14648L11.8535 6.14648C12.0488 6.34175 12.0488 6.65825 11.8535 6.85352C11.6583 7.04878 11.3417 7.04878 11.1465 6.85352L8 3.70703L8 12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 3.70703L3.85352 6.85352C3.65825 7.04878 3.34175 7.04878 3.14648 6.85352Z", fill: "currentColor" }) }));
5
5
  });
6
6
  ArrowUp.displayName = "ArrowUp";
7
7
  ArrowUp.metadata = {
8
8
  name: "ArrowUp",
9
- category: "icons",
10
- tags: ["arrow", "up", "interface", "ui", "icon"],
11
- description: "ArrowUp icon from icons category",
12
- variants: ["stroke", "solid"],
9
+ category: "stroke/arrows",
10
+ tags: ["arrow", "up", "icon"],
11
+ description: "ArrowUp icon from stroke/arrows category",
12
+ type: ["stroke", "icon"],
13
13
  };
14
14
  export default ArrowUp;
@@ -1,14 +1,14 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import * as React from "react";
3
- export const ArrowUpp = React.forwardRef(function ArrowUpp({ color = "currentColor", fill, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, variant = "stroke", ...props }, forwardedRef) {
4
- return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: _jsx("path", { d: "M3.2 20 11.2 12 3.2 4M14.2 20 21.2 12 14.2 4", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }) }));
3
+ export const ArrowUpp = React.forwardRef(function ArrowUpp({ color = "currentColor", fill, size = 24, strokeWidth, strokeLinecap, strokeLinejoin, strokeDasharray, opacity, className, ...props }, forwardedRef) {
4
+ return (_jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, strokeWidth: strokeWidth, strokeLinecap: strokeLinecap, strokeLinejoin: strokeLinejoin, strokeDasharray: strokeDasharray, opacity: opacity, ...props, ref: forwardedRef, children: _jsx("path", { d: "M3.2 20 11.2 12 3.2 4M14.2 20 21.2 12 14.2 4", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }) }));
5
5
  });
6
6
  ArrowUpp.displayName = "ArrowUpp";
7
7
  ArrowUpp.metadata = {
8
8
  name: "ArrowUpp",
9
- category: "icons",
10
- tags: ["arrow", "upp", "interface", "ui", "icon"],
11
- description: "ArrowUpp icon from icons category",
12
- variants: ["stroke", "solid"],
9
+ category: "stroke/arrows",
10
+ tags: ["arrow", "upp", "icon"],
11
+ description: "ArrowUpp icon from stroke/arrows category",
12
+ type: ["stroke", "icon"],
13
13
  };
14
14
  export default ArrowUpp;
package/dist/types.d.ts CHANGED
@@ -3,14 +3,14 @@ export interface IconProps extends React.SVGAttributes<SVGElement> {
3
3
  children?: never;
4
4
  color?: string;
5
5
  fill?: string;
6
- size?: number;
7
- strokeWidth?: number;
6
+ size?: 20 | number;
7
+ strokeWidth?: 2 | number;
8
8
  strokeLinecap?: "butt" | "round" | "square";
9
9
  strokeLinejoin?: "round" | "miter" | "bevel";
10
- variant?: "stroke" | "solid" | "duotone" | "twotone" | "bulk";
11
10
  strokeDasharray?: string;
12
11
  opacity?: number;
13
12
  className?: string;
13
+ type?: "stroke" | "icon" | string;
14
14
  }
15
15
  export interface IconMetadata {
16
16
  name: string;
@@ -19,9 +19,9 @@ export interface IconMetadata {
19
19
  description?: string;
20
20
  author?: string;
21
21
  created?: string;
22
- variants: ("stroke" | "solid" | "duotone" | "twotone" | "bulk")[];
22
+ type?: ("stroke" | "icon")[];
23
23
  }
24
- export type IconComponent = React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>> & {
24
+ export type IconComponent<P extends IconProps = IconProps> = React.ForwardRefExoticComponent<P & React.RefAttributes<SVGSVGElement>> & {
25
25
  metadata?: IconMetadata;
26
26
  displayName?: string;
27
27
  };
@@ -0,0 +1 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.985 12.486C20.8913 14.2222 20.2967 15.894 19.2731 17.2994C18.2495 18.7049 16.8407 19.7837 15.217 20.4056C13.5934 21.0274 11.8243 21.1657 10.1238 20.8036C8.42322 20.4415 6.86395 19.5946 5.63446 18.3652C4.40497 17.1358 3.55788 15.5767 3.19561 13.8761C2.83334 12.1756 2.97139 10.4066 3.59308 8.78285C4.21476 7.15912 5.29346 5.75022 6.69877 4.72647C8.10409 3.70272 9.77586 3.10794 11.512 3.01403C11.917 2.99203 12.129 3.47403 11.914 3.81703C11.1949 4.96759 10.887 6.3279 11.0405 7.67598C11.194 9.02407 11.7999 10.2803 12.7593 11.2397C13.7187 12.1991 14.975 12.805 16.323 12.9585C17.6711 13.1121 19.0314 12.8041 20.182 12.085C20.526 11.87 21.007 12.081 20.985 12.486Z" fill="currentColor"/></svg>
@@ -0,0 +1 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_36_5)" fill="currentColor"><path d="M12 16C14.209 16 16 14.209 16 12 16 9.791 14.209 8 12 8 9.791 8 8 9.791 8 12 8 14.209 9.791 16 12 16ZM10.5 4V2C10.5 1.172 11.172.5 12 .5 12.828.5 13.5 1.172 13.5 2V4C13.5 4.828 12.828 5.5 12 5.5 11.172 5.5 10.5 4.828 10.5 4ZM10.5 22V20C10.5 19.172 11.172 18.5 12 18.5 12.828 18.5 13.5 19.172 13.5 20V22C13.5 22.828 12.828 23.5 12 23.5 11.172 23.5 10.5 22.828 10.5 22ZM3.869 3.869C4.455 3.284 5.405 3.284 5.991 3.869L7.401 5.28C7.986 5.865 7.986 6.815 7.401 7.401 6.815 7.986 5.865 7.986 5.28 7.401L3.869 5.99C3.284 5.405 3.284 4.455 3.869 3.869ZM16.6 16.6C17.185 16.014 18.135 16.014 18.721 16.6L20.131 18.01C20.716 18.596 20.716 19.545 20.131 20.131 19.545 20.717 18.595 20.716 18.01 20.131L16.6 18.721C16.014 18.135 16.014 17.185 16.6 16.6ZM4 10.5C4.828 10.5 5.5 11.172 5.5 12 5.5 12.828 4.828 13.5 4 13.5H2C1.172 13.5.5 12.828.5 12 .5 11.172 1.172 10.5 2 10.5H4ZM22 10.5C22.828 10.5 23.5 11.172 23.5 12 23.5 12.828 22.828 13.5 22 13.5H20C19.172 13.5 18.5 12.828 18.5 12 18.5 11.172 19.172 10.5 20 10.5H22ZM5.28 16.6C5.865 16.014 6.815 16.014 7.401 16.6 7.986 17.185 7.986 18.135 7.401 18.721L5.991 20.131C5.405 20.716 4.455 20.716 3.869 20.131 3.284 19.545 3.284 18.595 3.869 18.01L5.28 16.6ZM18.01 3.869C18.595 3.284 19.545 3.284 20.131 3.869 20.716 4.455 20.716 5.405 20.131 5.991L18.721 7.401C18.135 7.986 17.185 7.986 16.6 7.401 16.014 6.815 16.014 5.865 16.6 5.28L18.01 3.869Z"/></g><defs><clipPath id="clip0_36_5"><path fill="#fff" d="M0 0H24V24H0z"/></clipPath></defs></svg>