@nice2dev/icons 1.3.7 → 1.3.8

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 (88) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/README.md +33 -16
  3. package/dist/cjs/NiceIconStacker.js +16 -4
  4. package/dist/cjs/createIcon.js +17 -4
  5. package/dist/cjs/iconParts.js +24 -2
  6. package/dist/cjs/iconStack.js +5 -5
  7. package/dist/cjs/icons/accessibility.js +9 -8
  8. package/dist/cjs/icons/actions.js +38 -35
  9. package/dist/cjs/icons/ai.js +12 -11
  10. package/dist/cjs/icons/brand.js +2 -2
  11. package/dist/cjs/icons/business.js +14 -16
  12. package/dist/cjs/icons/devtech.js +17 -15
  13. package/dist/cjs/icons/ecommerce.js +7 -12
  14. package/dist/cjs/icons/education.js +14 -16
  15. package/dist/cjs/icons/files.js +46 -22
  16. package/dist/cjs/icons/fintech.js +2 -11
  17. package/dist/cjs/icons/food.js +12 -8
  18. package/dist/cjs/icons/fun.js +11 -11
  19. package/dist/cjs/icons/gaming.js +20 -13
  20. package/dist/cjs/icons/health.js +9 -12
  21. package/dist/cjs/icons/index.js +1 -0
  22. package/dist/cjs/icons/input.js +31 -21
  23. package/dist/cjs/icons/legal.js +11 -11
  24. package/dist/cjs/icons/media.js +24 -15
  25. package/dist/cjs/icons/navigation.js +16 -13
  26. package/dist/cjs/icons/omniverk.js +2 -7
  27. package/dist/cjs/icons/realestate.js +14 -14
  28. package/dist/cjs/icons/saas.js +0 -10
  29. package/dist/cjs/icons/science.js +12 -12
  30. package/dist/cjs/icons/shapes.js +20 -17
  31. package/dist/cjs/icons/smarthome.js +0 -11
  32. package/dist/cjs/icons/social.js +7 -6
  33. package/dist/cjs/icons/sports.js +5 -6
  34. package/dist/cjs/icons/sustainability.js +12 -11
  35. package/dist/cjs/icons/travel.js +9 -9
  36. package/dist/cjs/icons/ui.js +55 -31
  37. package/dist/cjs/icons/weather.js +8 -13
  38. package/dist/cjs/index.js +1 -0
  39. package/dist/cjs/nicetodev-icons.css +1 -1
  40. package/dist/cjs/resolver.js +1 -0
  41. package/dist/cjs/stacking.js +38 -11
  42. package/dist/esm/NiceIconStacker.js +18 -6
  43. package/dist/esm/createIcon.js +18 -5
  44. package/dist/esm/iconParts.js +24 -3
  45. package/dist/esm/iconStack.js +5 -5
  46. package/dist/esm/icons/accessibility.js +9 -8
  47. package/dist/esm/icons/actions.js +39 -36
  48. package/dist/esm/icons/ai.js +12 -11
  49. package/dist/esm/icons/brand.js +2 -2
  50. package/dist/esm/icons/business.js +15 -17
  51. package/dist/esm/icons/devtech.js +17 -15
  52. package/dist/esm/icons/ecommerce.js +7 -12
  53. package/dist/esm/icons/education.js +14 -16
  54. package/dist/esm/icons/files.js +47 -23
  55. package/dist/esm/icons/fintech.js +2 -11
  56. package/dist/esm/icons/food.js +12 -8
  57. package/dist/esm/icons/fun.js +11 -11
  58. package/dist/esm/icons/gaming.js +21 -14
  59. package/dist/esm/icons/health.js +9 -12
  60. package/dist/esm/icons/index.js +1 -1
  61. package/dist/esm/icons/input.js +31 -21
  62. package/dist/esm/icons/legal.js +12 -12
  63. package/dist/esm/icons/media.js +25 -16
  64. package/dist/esm/icons/navigation.js +16 -13
  65. package/dist/esm/icons/omniverk.js +2 -7
  66. package/dist/esm/icons/realestate.js +15 -15
  67. package/dist/esm/icons/saas.js +0 -10
  68. package/dist/esm/icons/science.js +12 -12
  69. package/dist/esm/icons/shapes.js +20 -17
  70. package/dist/esm/icons/smarthome.js +0 -11
  71. package/dist/esm/icons/social.js +8 -7
  72. package/dist/esm/icons/sports.js +6 -7
  73. package/dist/esm/icons/sustainability.js +12 -11
  74. package/dist/esm/icons/travel.js +10 -10
  75. package/dist/esm/icons/ui.js +56 -33
  76. package/dist/esm/icons/weather.js +9 -14
  77. package/dist/esm/index.js +1 -1
  78. package/dist/esm/nicetodev-icons.css +1 -1
  79. package/dist/esm/resolver.js +1 -0
  80. package/dist/esm/stacking.js +36 -12
  81. package/dist/types/createIcon.d.ts +16 -2
  82. package/dist/types/iconParts.d.ts +8 -2
  83. package/dist/types/iconStack.d.ts +12 -3
  84. package/dist/types/icons/index.d.ts +1 -1
  85. package/dist/types/icons/ui.d.ts +1 -0
  86. package/dist/types/stacking.d.ts +25 -5
  87. package/dist/types/types.d.ts +11 -7
  88. package/package.json +2 -2
@@ -1,5 +1,6 @@
1
1
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
2
  import { createIcon } from '../createIcon.js';
3
+ import { swapDuotone } from '../iconParts.js';
3
4
  import { NtdHydropower } from './weather.js';
4
5
 
5
6
  /* ────────────────────────────────────────────────────────────────────────────
@@ -19,7 +20,7 @@ const NtdCompost = /* @__PURE__ */ createIcon({
19
20
  paths: {
20
21
  solid: ({ primaryColor }) => (jsx("path", { d: "M12 2C7 2 3 5.5 3 10c0 2 1 4 2.5 5.5l-.5 4.5h14l-.5-4.5C20 14 21 12 21 10c0-4.5-4-8-9-8zm-2 6a1 1 0 110-2 1 1 0 010 2zm4 0a1 1 0 110-2 1 1 0 010 2zm-2 4c-1.5 0-3-.5-3-1.5S10.5 9 12 9s3 .5 3 1.5S13.5 12 12 12z", fill: primaryColor })),
21
22
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C7 2 3 5.5 3 10c0 2 1 4 2.5 5.5l-.5 4.5h14l-.5-4.5C20 14 21 12 21 10c0-4.5-4-8-9-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "10", cy: "7", r: "1", fill: primaryColor }), jsx("circle", { cx: "14", cy: "7", r: "1", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "10.5", rx: "3", ry: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
22
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C7 2 3 5.5 3 10c0 2 1 4 2.5 5.5l-.5 4.5h14l-.5-4.5C20 14 21 12 21 10c0-4.5-4-8-9-8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2C7 2 3 5.5 3 10c0 2 1 4 2.5 5.5l-.5 4.5h14l-.5-4.5C20 14 21 12 21 10c0-4.5-4-8-9-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "10", cy: "7", r: "1", fill: primaryColor }), jsx("circle", { cx: "14", cy: "7", r: "1", fill: primaryColor })] })),
23
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C7 2 3 5.5 3 10c0 2 1 4 2.5 5.5l-.5 4.5h14l-.5-4.5C20 14 21 12 21 10c0-4.5-4-8-9-8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2C7 2 3 5.5 3 10c0 2 1 4 2.5 5.5l-.5 4.5h14l-.5-4.5C20 14 21 12 21 10c0-4.5-4-8-9-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "10", cy: "7", r: "1", fill: primaryColor }), jsx("circle", { cx: "14", cy: "7", r: "1", fill: primaryColor })] }))),
23
24
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C7 2 3 5.5 3 10c0 2 1 4 2.5 5.5l-.5 4.5h14l-.5-4.5C20 14 21 12 21 10c0-4.5-4-8-9-8zm-2 6a1 1 0 110-2 1 1 0 010 2zm4 0a1 1 0 110-2 1 1 0 010 2zm-2 4c-1.5 0-3-.5-3-1.5S10.5 9 12 9s3 .5 3 1.5S13.5 12 12 12z", fill: primaryColor }), jsx("path", { d: "M12 2C7 2 3 5.5 3 10c0 2 1 4 2.5 5.5l-.5 4.5h14l-.5-4.5C20 14 21 12 21 10c0-4.5-4-8-9-8zm-2 6a1 1 0 110-2 1 1 0 010 2zm4 0a1 1 0 110-2 1 1 0 010 2zm-2 4c-1.5 0-3-.5-3-1.5S10.5 9 12 9s3 .5 3 1.5S13.5 12 12 12z", fill: "white", opacity: "0.1" })] })),
24
25
  },
25
26
  });
@@ -28,7 +29,7 @@ const NtdTrashSort = /* @__PURE__ */ createIcon({
28
29
  paths: {
29
30
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 6h14l-1.5 14H6.5L5 6z", fill: primaryColor }), jsx("path", { d: "M9 4V3a1 1 0 011-1h4a1 1 0 011 1v1M4 6h16", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M9 10v6M12 10v6M15 10v6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
30
31
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 6h14l-1.5 14H6.5L5 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 4V3a1 1 0 011-1h4a1 1 0 011 1v1M4 6h16", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M9 10v6M12 10v6M15 10v6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
31
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 6h14l-1.5 14H6.5L5 6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 6h14l-1.5 14H6.5L5 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 4V3a1 1 0 011-1h4a1 1 0 011 1v1M4 6h16", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M9 10v6M12 10v6M15 10v6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
32
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 6h14l-1.5 14H6.5L5 6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 6h14l-1.5 14H6.5L5 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 4V3a1 1 0 011-1h4a1 1 0 011 1v1M4 6h16", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M9 10v6M12 10v6M15 10v6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
32
33
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 6h14l-1.5 14H6.5L5 6z", fill: primaryColor }), jsx("path", { d: "M5 6h14l-1.5 14H6.5L5 6z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M9 4V3a1 1 0 011-1h4a1 1 0 011 1v1M4 6h16", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" }), jsx("path", { d: "M9 10v6M12 10v6M15 10v6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
33
34
  },
34
35
  });
@@ -40,7 +41,7 @@ const NtdSolarPanel = /* @__PURE__ */ createIcon({
40
41
  paths: {
41
42
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M2 10h20M2 14h20M2 18h20M8 6v14M14 6v14", stroke: "white", strokeWidth: "1", opacity: "0.5" }), jsx("circle", { cx: "12", cy: "3", r: "1.5", fill: primaryColor }), jsx("path", { d: "M12 4.5V6M8 3l1 1.5M16 3l-1 1.5", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" })] })),
42
43
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 10h20M2 14h20M8 6v14M14 6v14", stroke: primaryColor, strokeWidth: "1" }), jsx("circle", { cx: "12", cy: "3", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 2l2 2M16 2l-2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
43
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 10h20M2 14h20M8 6v14M14 6v14", stroke: primaryColor, strokeWidth: "1" }), jsx("circle", { cx: "12", cy: "3", r: "1.5", fill: primaryColor })] })),
44
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 10h20M2 14h20M8 6v14M14 6v14", stroke: primaryColor, strokeWidth: "1" }), jsx("circle", { cx: "12", cy: "3", r: "1.5", fill: primaryColor })] }))),
44
45
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "3", r: "1.5", fill: secondaryColor }), jsx("path", { d: "M2 10h20M2 14h20M2 18h20M8 6v14M14 6v14", stroke: "white", strokeWidth: "1", opacity: "0.4" }), jsx("path", { d: "M12 4.5V6M8 3l1 1.5M16 3l-1 1.5", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
45
46
  },
46
47
  });
@@ -58,7 +59,7 @@ const NtdEvCharger = /* @__PURE__ */ createIcon({
58
59
  paths: {
59
60
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "12", height: "18", rx: "2", fill: primaryColor }), jsx("path", { d: "M8 8h4v4H8z", fill: "white" }), jsx("path", { d: "M10 6v2M10 12v2M8 10h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("path", { d: "M16 10h2a2 2 0 012 2v4a2 2 0 01-2 2h-2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("circle", { cx: "10", cy: "16", r: "1", fill: "white" })] })),
60
61
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "12", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 8h4v4H8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 6v2M10 12v2M8 10h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M16 10h2a2 2 0 012 2v4a2 2 0 01-2 2h-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "10", cy: "16", r: "1", fill: primaryColor })] })),
61
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "12", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "2", width: "12", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 8h4v4H8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 6v2M10 12v2M8 10h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M16 10h2a2 2 0 012 2v4a2 2 0 01-2 2h-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "10", cy: "16", r: "1", fill: primaryColor })] })),
62
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "12", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "2", width: "12", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 8h4v4H8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 6v2M10 12v2M8 10h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M16 10h2a2 2 0 012 2v4a2 2 0 01-2 2h-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "10", cy: "16", r: "1", fill: primaryColor })] }))),
62
63
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "12", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "2", width: "12", height: "18", rx: "2", fill: "white", opacity: "0.08" }), jsx("path", { d: "M8 8h4v4H8z", fill: "white" }), jsx("circle", { cx: "10", cy: "16", r: "1", fill: "white" }), jsx("path", { d: "M10 6v2M10 12v2M8 10h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M16 10h2a2 2 0 012 2v4a2 2 0 01-2 2h-2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
63
64
  },
64
65
  });
@@ -79,7 +80,7 @@ const NtdCo2 = /* @__PURE__ */ createIcon({
79
80
  paths: {
80
81
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("text", { x: "12", y: "14", textAnchor: "middle", fill: "white", fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "CO\u2082" })] })),
81
82
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "14", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "CO\u2082" })] })),
82
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "14", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "CO\u2082" })] })),
83
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "14", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "CO\u2082" })] }))),
83
84
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" })] })),
84
85
  },
85
86
  });
@@ -88,7 +89,7 @@ const NtdNetZero = /* @__PURE__ */ createIcon({
88
89
  paths: {
89
90
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M7 12h10M12 7v10", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }), jsx("text", { x: "12", y: "20", textAnchor: "middle", fill: primaryColor, fontSize: "4", fontWeight: "bold", children: "NET ZERO" })] })),
90
91
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 12h10M12 7v10", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
91
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 12h10M12 7v10", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
92
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 12h10M12 7v10", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
92
93
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("path", { d: "M7 12h10M12 7v10", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round" })] })),
93
94
  },
94
95
  });
@@ -100,7 +101,7 @@ const NtdEcoFriendly = /* @__PURE__ */ createIcon({
100
101
  paths: {
101
102
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2z", fill: primaryColor }), jsx("path", { d: "M12 6c-2 0-4 2-4 5 0 2 1 4 4 4s4-2 4-4c0-3-2-5-4-5z", fill: "white" }), jsx("path", { d: "M12 8v5M10 10c0-1 1-2 2-2s2 1 2 2", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" })] })),
102
103
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6c-2 0-4 2-4 5 0 2 1 4 4 4s4-2 4-4c0-3-2-5-4-5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 8v5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
103
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6c-2 0-4 2-4 5 0 2 1 4 4 4s4-2 4-4c0-3-2-5-4-5z", fill: primaryColor }), jsx("path", { d: "M12 8v5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
104
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6c-2 0-4 2-4 5 0 2 1 4 4 4s4-2 4-4c0-3-2-5-4-5z", fill: primaryColor }), jsx("path", { d: "M12 8v5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] }))),
104
105
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2z", fill: primaryColor }), jsx("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M12 6c-2 0-4 2-4 5 0 2 1 4 4 4s4-2 4-4c0-3-2-5-4-5z", fill: "white" }), jsx("path", { d: "M12 8v5M10 10c0-1 1-2 2-2s2 1 2 2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
105
106
  },
106
107
  });
@@ -109,7 +110,7 @@ const NtdOrganic = /* @__PURE__ */ createIcon({
109
110
  paths: {
110
111
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2c5.5 0 10 4.5 10 10s-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2z", fill: primaryColor }), jsx("path", { d: "M8 12c0-2.5 2-4 4-4s4 1.5 4 4-2 5-4 5-4-2.5-4-5zM12 8c-1 2-2 4-2 4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
111
112
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12c0-2.5 2-4 4-4s4 1.5 4 4-2 5-4 5-4-2.5-4-5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 8c-1 2-2 4-2 4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
112
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12c0-2.5 2-4 4-4s4 1.5 4 4-2 5-4 5-4-2.5-4-5z", fill: primaryColor })] })),
113
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12c0-2.5 2-4 4-4s4 1.5 4 4-2 5-4 5-4-2.5-4-5z", fill: primaryColor })] }))),
113
114
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2c5.5 0 10 4.5 10 10s-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2z", fill: primaryColor }), jsx("path", { d: "M12 2c5.5 0 10 4.5 10 10s-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M8 12c0-2.5 2-4 4-4s4 1.5 4 4-2 5-4 5-4-2.5-4-5zM12 8c-1 2-2 4-2 4", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round" })] })),
114
115
  },
115
116
  });
@@ -118,7 +119,7 @@ const NtdBiodegradable = /* @__PURE__ */ createIcon({
118
119
  paths: {
119
120
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10z", fill: primaryColor }), jsx("path", { d: "M12 6v4l3 2M12 10l-3 2M9 18c0-2 1.5-4 3-4s3 2 3 4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })),
120
121
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v4l3 2M12 10l-3 2M9 18c0-2 1.5-4 3-4s3 2 3 4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
121
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v4l3 2M12 10l-3 2M9 18c0-2 1.5-4 3-4s3 2 3 4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
122
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v4l3 2M12 10l-3 2M9 18c0-2 1.5-4 3-4s3 2 3 4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] }))),
122
123
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10z", fill: primaryColor }), jsx("path", { d: "M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M12 6v4l3 2M12 10l-3 2M9 18c0-2 1.5-4 3-4s3 2 3 4", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" })] })),
123
124
  },
124
125
  });
@@ -130,7 +131,7 @@ const NtdPlantTree = /* @__PURE__ */ createIcon({
130
131
  paths: {
131
132
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C9 2 7 4.5 7 7c0 1.5.5 2.5 1 3.5C6 11 4 13 4 16c0 2.5 2 4 4 4h8c2 0 4-1.5 4-4 0-3-2-5-4-5.5.5-1 1-2 1-3.5 0-2.5-2-5-5-5z", fill: primaryColor }), jsx("path", { d: "M12 14v8", stroke: primaryColor, strokeWidth: "3", strokeLinecap: "round" })] })),
132
133
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C9 2 7 4.5 7 7c0 1.5.5 2.5 1 3.5C6 11 4 13 4 16c0 2.5 2 4 4 4h8c2 0 4-1.5 4-4 0-3-2-5-4-5.5.5-1 1-2 1-3.5 0-2.5-2-5-5-5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 14v8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
133
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C9 2 7 4.5 7 7c0 1.5.5 2.5 1 3.5C6 11 4 13 4 16c0 2.5 2 4 4 4h8c2 0 4-1.5 4-4 0-3-2-5-4-5.5.5-1 1-2 1-3.5 0-2.5-2-5-5-5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2C9 2 7 4.5 7 7c0 1.5.5 2.5 1 3.5C6 11 4 13 4 16c0 2.5 2 4 4 4h8c2 0 4-1.5 4-4 0-3-2-5-4-5.5.5-1 1-2 1-3.5 0-2.5-2-5-5-5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 14v8", stroke: primaryColor, strokeWidth: "3", strokeLinecap: "round" })] })),
134
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C9 2 7 4.5 7 7c0 1.5.5 2.5 1 3.5C6 11 4 13 4 16c0 2.5 2 4 4 4h8c2 0 4-1.5 4-4 0-3-2-5-4-5.5.5-1 1-2 1-3.5 0-2.5-2-5-5-5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2C9 2 7 4.5 7 7c0 1.5.5 2.5 1 3.5C6 11 4 13 4 16c0 2.5 2 4 4 4h8c2 0 4-1.5 4-4 0-3-2-5-4-5.5.5-1 1-2 1-3.5 0-2.5-2-5-5-5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 14v8", stroke: primaryColor, strokeWidth: "3", strokeLinecap: "round" })] }))),
134
135
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C9 2 7 4.5 7 7c0 1.5.5 2.5 1 3.5C6 11 4 13 4 16c0 2.5 2 4 4 4h8c2 0 4-1.5 4-4 0-3-2-5-4-5.5.5-1 1-2 1-3.5 0-2.5-2-5-5-5z", fill: primaryColor }), jsx("path", { d: "M12 2C9 2 7 4.5 7 7c0 1.5.5 2.5 1 3.5C6 11 4 13 4 16c0 2.5 2 4 4 4h8c2 0 4-1.5 4-4 0-3-2-5-4-5.5.5-1 1-2 1-3.5 0-2.5-2-5-5-5z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M12 14v8", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" })] })),
135
136
  },
136
137
  });
@@ -139,7 +140,7 @@ const NtdWildlife = /* @__PURE__ */ createIcon({
139
140
  paths: {
140
141
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4c-3 0-5 1-6 3-1 2 0 4 1 5l1 1c0 1-1 3-1 4 0 2 2 4 5 4s5-2 5-4c0-1-1-3-1-4l1-1c1-1 2-3 1-5-1-2-3-3-6-3z", fill: primaryColor }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: "white" }), jsx("circle", { cx: "15", cy: "10", r: "1.5", fill: "white" }), jsx("path", { d: "M10 14c.5.5 1.5 1 2 1s1.5-.5 2-1", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
141
142
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4c-3 0-5 1-6 3-1 2 0 4 1 5l1 1c0 1-1 3-1 4 0 2 2 4 5 4s5-2 5-4c0-1-1-3-1-4l1-1c1-1 2-3 1-5-1-2-3-3-6-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.5", fill: primaryColor }), jsx("path", { d: "M10 14c.5.5 1.5 1 2 1s1.5-.5 2-1", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
142
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4c-3 0-5 1-6 3-1 2 0 4 1 5l1 1c0 1-1 3-1 4 0 2 2 4 5 4s5-2 5-4c0-1-1-3-1-4l1-1c1-1 2-3 1-5-1-2-3-3-6-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 4c-3 0-5 1-6 3-1 2 0 4 1 5l1 1c0 1-1 3-1 4 0 2 2 4 5 4s5-2 5-4c0-1-1-3-1-4l1-1c1-1 2-3 1-5-1-2-3-3-6-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.5", fill: primaryColor })] })),
143
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4c-3 0-5 1-6 3-1 2 0 4 1 5l1 1c0 1-1 3-1 4 0 2 2 4 5 4s5-2 5-4c0-1-1-3-1-4l1-1c1-1 2-3 1-5-1-2-3-3-6-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 4c-3 0-5 1-6 3-1 2 0 4 1 5l1 1c0 1-1 3-1 4 0 2 2 4 5 4s5-2 5-4c0-1-1-3-1-4l1-1c1-1 2-3 1-5-1-2-3-3-6-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.5", fill: primaryColor })] }))),
143
144
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4c-3 0-5 1-6 3-1 2 0 4 1 5l1 1c0 1-1 3-1 4 0 2 2 4 5 4s5-2 5-4c0-1-1-3-1-4l1-1c1-1 2-3 1-5-1-2-3-3-6-3z", fill: primaryColor }), jsx("path", { d: "M12 4c-3 0-5 1-6 3-1 2 0 4 1 5l1 1c0 1-1 3-1 4 0 2 2 4 5 4s5-2 5-4c0-1-1-3-1-4l1-1c1-1 2-3 1-5-1-2-3-3-6-3z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: "white" }), jsx("circle", { cx: "15", cy: "10", r: "1.5", fill: "white" }), jsx("path", { d: "M10 14c.5.5 1.5 1 2 1s1.5-.5 2-1", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
144
145
  },
145
146
  });
@@ -1,6 +1,6 @@
1
1
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
2
  import { createIcon } from '../createIcon.js';
3
- import { within } from '../iconParts.js';
3
+ import { within, swapDuotone } from '../iconParts.js';
4
4
 
5
5
  /* ────────────────────────────────────────────────────────────────────────────
6
6
  TRANSPORTATION
@@ -19,7 +19,7 @@ const NtdPlaneTakeoff = /* @__PURE__ */ createIcon({
19
19
  paths: {
20
20
  solid: ({ primaryColor }) => (jsx(Fragment, { children: jsx("path", { d: "M2.5 19h19M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", fill: primaryColor }) })),
21
21
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2.5 19h19", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
22
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M2.5 19h19", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
22
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M2.5 19h19", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
23
23
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2.5 19h19M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", fill: primaryColor }), jsx("path", { d: "M2.5 19h19M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", fill: "white", opacity: "0.1" })] })),
24
24
  },
25
25
  });
@@ -28,7 +28,7 @@ const NtdTrain = /* @__PURE__ */ createIcon({
28
28
  paths: {
29
29
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", fill: primaryColor }), jsx("rect", { x: "7", y: "6", width: "4", height: "5", rx: "1", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "6", width: "4", height: "5", rx: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "8", cy: "15", r: "1.5", fill: "white" }), jsx("circle", { cx: "16", cy: "15", r: "1.5", fill: "white" }), jsx("path", { d: "M8 20l-2 2M16 20l2 2M12 18v4", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
30
30
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "6", width: "4", height: "5", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "6", width: "4", height: "5", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "15", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "15", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 20l-2 2M16 20l2 2M12 18v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
31
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "6", width: "4", height: "5", rx: "1", fill: primaryColor }), jsx("rect", { x: "13", y: "6", width: "4", height: "5", rx: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "15", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "16", cy: "15", r: "1.5", fill: primaryColor }), jsx("path", { d: "M8 20l-2 2M16 20l2 2M12 18v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
31
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "6", width: "4", height: "5", rx: "1", fill: primaryColor }), jsx("rect", { x: "13", y: "6", width: "4", height: "5", rx: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "15", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "16", cy: "15", r: "1.5", fill: primaryColor }), jsx("path", { d: "M8 20l-2 2M16 20l2 2M12 18v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
32
32
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", fill: primaryColor }), jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", fill: "white", opacity: "0.08" }), jsx("rect", { x: "7", y: "6", width: "4", height: "5", rx: "1", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "6", width: "4", height: "5", rx: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "8", cy: "15", r: "1.5", fill: "white" }), jsx("circle", { cx: "16", cy: "15", r: "1.5", fill: "white" }), jsx("path", { d: "M8 20l-2 2M16 20l2 2M12 18v4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
33
33
  },
34
34
  });
@@ -37,7 +37,7 @@ const NtdCar = /* @__PURE__ */ createIcon({
37
37
  paths: {
38
38
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: primaryColor }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: "white", opacity: "0.5" })] })),
39
39
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("circle", { cx: "7", cy: "15", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "17", cy: "15", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
40
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: primaryColor })] })),
40
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: primaryColor })] }))),
41
41
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: primaryColor }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: "white", opacity: "0.5" })] })),
42
42
  },
43
43
  });
@@ -89,7 +89,7 @@ const NtdTaxi = /* @__PURE__ */ createIcon({
89
89
  paths: {
90
90
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: primaryColor }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: primaryColor }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: "white", opacity: "0.5" }), jsx("text", { x: "12", y: "4", textAnchor: "middle", fill: "white", fontSize: "2.5", fontWeight: "bold", fontFamily: "system-ui", children: "TAXI" })] })),
91
91
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "15", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "17", cy: "15", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
92
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: primaryColor }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: primaryColor })] })),
92
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: primaryColor }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: primaryColor })] }))),
93
93
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: primaryColor }), jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: "white", opacity: "0.08" }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: secondaryColor }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: "white", opacity: "0.5" })] })),
94
94
  },
95
95
  });
@@ -101,7 +101,7 @@ const NtdLuggage = /* @__PURE__ */ createIcon({
101
101
  paths: {
102
102
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M9 6V4a1 1 0 011-1h4a1 1 0 011 1v2", stroke: primaryColor, strokeWidth: "2" }), jsx("path", { d: "M10 10v6M14 10v6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", opacity: "0.5" }), jsx("circle", { cx: "8", cy: "22", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "22", r: "1", fill: primaryColor })] })),
103
103
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 6V4a1 1 0 011-1h4a1 1 0 011 1v2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 10v6M14 10v6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "8", cy: "22", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "22", r: "1", fill: primaryColor })] })),
104
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 6V4a1 1 0 011-1h4a1 1 0 011 1v2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 10v6M14 10v6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "8", cy: "22", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "22", r: "1", fill: primaryColor })] })),
104
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 6V4a1 1 0 011-1h4a1 1 0 011 1v2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 10v6M14 10v6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "8", cy: "22", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "22", r: "1", fill: primaryColor })] }))),
105
105
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "8", cy: "22", r: "1", fill: secondaryColor }), jsx("circle", { cx: "16", cy: "22", r: "1", fill: "#3B82F6" }), jsx("path", { d: "M9 6V4a1 1 0 011-1h4a1 1 0 011 1v2", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M10 10v6M14 10v6", stroke: "white", strokeWidth: "1", strokeLinecap: "round", opacity: "0.35" })] })),
106
106
  },
107
107
  });
@@ -110,7 +110,7 @@ const NtdPassport = /* @__PURE__ */ createIcon({
110
110
  paths: {
111
111
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "4", fill: "white", opacity: "0.3" }), jsx("path", { d: "M8 17h8M9 19h6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", opacity: "0.5" })] })),
112
112
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 17h8M9 19h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
113
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "4", fill: primaryColor, opacity: "0.5", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M8 17h8M9 19h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
113
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "4", fill: primaryColor, opacity: "0.5", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M8 17h8M9 19h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
114
114
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "10", r: "4", fill: "white", opacity: "0.3" }), jsx("path", { d: "M8 17h8M9 19h6", stroke: "white", strokeWidth: "1", strokeLinecap: "round", opacity: "0.4" })] })),
115
115
  },
116
116
  });
@@ -119,7 +119,7 @@ const NtdTicket = /* @__PURE__ */ createIcon({
119
119
  paths: {
120
120
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", fill: primaryColor }), jsx("path", { d: "M9 6v12", stroke: "white", strokeWidth: "1.5", strokeDasharray: "2 2" }), jsx("path", { d: "M13 10h5M13 14h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", opacity: "0.5" })] })),
121
121
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 6v12", stroke: primaryColor, strokeWidth: strokeWidth, strokeDasharray: "2 2" }), jsx("path", { d: "M13 10h5M13 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
122
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 6v12", stroke: primaryColor, strokeWidth: strokeWidth, strokeDasharray: "2 2" }), jsx("path", { d: "M13 10h5M13 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
122
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 6v12", stroke: primaryColor, strokeWidth: strokeWidth, strokeDasharray: "2 2" }), jsx("path", { d: "M13 10h5M13 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
123
123
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", fill: primaryColor }), jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M9 6v12", stroke: "white", strokeWidth: "1.8", strokeDasharray: "2 2" }), jsx("path", { d: "M13 10h5M13 14h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", opacity: "0.5" })] })),
124
124
  },
125
125
  });
@@ -128,7 +128,7 @@ const NtdHotel = /* @__PURE__ */ createIcon({
128
128
  paths: {
129
129
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "7", y: "5", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "5", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "7", y: "10", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "10", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: "white", opacity: "0.3" })] })),
130
130
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "5", width: "4", height: "3", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "5", width: "4", height: "3", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "10", width: "4", height: "3", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "10", width: "4", height: "3", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
131
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "5", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "13", y: "5", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "7", y: "10", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "13", y: "10", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: primaryColor, opacity: "0.5" })] })),
131
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "5", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "13", y: "5", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "7", y: "10", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "13", y: "10", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: primaryColor, opacity: "0.5" })] }))),
132
132
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "7", y: "5", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "5", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "7", y: "10", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "10", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: "white", opacity: "0.3" })] })),
133
133
  },
134
134
  });
@@ -155,7 +155,7 @@ const NtdCompassRose = /* @__PURE__ */ createIcon({
155
155
  paths: {
156
156
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M12 7l2 5-2 5-2-5 2-5z", fill: "white" }), jsx("path", { d: "M7 12l5-2 5 2-5 2-5-2z", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: primaryColor })] })),
157
157
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M12 7l2 5-2 5-2-5 2-5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M7 12l5-2 5 2-5 2-5-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
158
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M12 7l2 5-2 5-2-5 2-5z", fill: primaryColor }), jsx("path", { d: "M7 12l5-2 5 2-5 2-5-2z", fill: primaryColor, opacity: "0.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "white", stroke: primaryColor, strokeWidth: strokeWidth })] })),
158
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M12 7l2 5-2 5-2-5 2-5z", fill: primaryColor }), jsx("path", { d: "M7 12l5-2 5 2-5 2-5-2z", fill: primaryColor, opacity: "0.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "white", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
159
159
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("path", { d: "M12 7l2 5-2 5-2-5 2-5z", fill: "white" }), jsx("path", { d: "M7 12l5-2 5 2-5 2-5-2z", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "#10B981" }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
160
160
  },
161
161
  });