@nice2dev/icons 1.1.10 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/CHANGELOG.md +70 -0
  2. package/dist/cjs/createIcon.js +1 -8
  3. package/dist/cjs/icons/accessibility.js +0 -13
  4. package/dist/cjs/icons/actions.js +0 -25
  5. package/dist/cjs/icons/ai.js +0 -15
  6. package/dist/cjs/icons/brand.js +0 -11
  7. package/dist/cjs/icons/business.js +0 -25
  8. package/dist/cjs/icons/devtech.js +0 -39
  9. package/dist/cjs/icons/ecommerce.js +0 -16
  10. package/dist/cjs/icons/education.js +0 -17
  11. package/dist/cjs/icons/files.js +0 -31
  12. package/dist/cjs/icons/fintech.js +0 -14
  13. package/dist/cjs/icons/food.js +0 -16
  14. package/dist/cjs/icons/fun.js +0 -13
  15. package/dist/cjs/icons/gaming.js +0 -15
  16. package/dist/cjs/icons/health.js +0 -14
  17. package/dist/cjs/icons/legal.js +0 -13
  18. package/dist/cjs/icons/media.js +0 -23
  19. package/dist/cjs/icons/navigation.js +0 -14
  20. package/dist/cjs/icons/realestate.js +0 -17
  21. package/dist/cjs/icons/saas.js +0 -13
  22. package/dist/cjs/icons/science.js +1 -18
  23. package/dist/cjs/icons/shapes.js +0 -22
  24. package/dist/cjs/icons/smarthome.js +0 -13
  25. package/dist/cjs/icons/social.js +0 -18
  26. package/dist/cjs/icons/sports.js +0 -14
  27. package/dist/cjs/icons/sustainability.js +0 -15
  28. package/dist/cjs/icons/travel.js +0 -15
  29. package/dist/cjs/icons/ui.js +0 -28
  30. package/dist/cjs/icons/weather.js +0 -20
  31. package/dist/cjs/index.js +0 -4
  32. package/dist/cjs/nicetodev-icons.css +1 -1
  33. package/dist/cjs/rsc.js +1 -1
  34. package/dist/cjs/variantProps.js +2 -7
  35. package/dist/esm/createIcon.js +1 -8
  36. package/dist/esm/icons/accessibility.js +0 -13
  37. package/dist/esm/icons/actions.js +0 -25
  38. package/dist/esm/icons/ai.js +0 -15
  39. package/dist/esm/icons/brand.js +0 -11
  40. package/dist/esm/icons/business.js +0 -25
  41. package/dist/esm/icons/devtech.js +0 -39
  42. package/dist/esm/icons/ecommerce.js +0 -16
  43. package/dist/esm/icons/education.js +0 -17
  44. package/dist/esm/icons/files.js +0 -31
  45. package/dist/esm/icons/fintech.js +0 -14
  46. package/dist/esm/icons/food.js +0 -16
  47. package/dist/esm/icons/fun.js +0 -13
  48. package/dist/esm/icons/gaming.js +0 -15
  49. package/dist/esm/icons/health.js +0 -14
  50. package/dist/esm/icons/legal.js +0 -13
  51. package/dist/esm/icons/media.js +0 -23
  52. package/dist/esm/icons/navigation.js +0 -14
  53. package/dist/esm/icons/realestate.js +0 -17
  54. package/dist/esm/icons/saas.js +0 -13
  55. package/dist/esm/icons/science.js +1 -18
  56. package/dist/esm/icons/shapes.js +0 -22
  57. package/dist/esm/icons/smarthome.js +0 -13
  58. package/dist/esm/icons/social.js +0 -18
  59. package/dist/esm/icons/sports.js +0 -14
  60. package/dist/esm/icons/sustainability.js +0 -15
  61. package/dist/esm/icons/travel.js +0 -15
  62. package/dist/esm/icons/ui.js +0 -28
  63. package/dist/esm/icons/weather.js +0 -20
  64. package/dist/esm/index.js +1 -2
  65. package/dist/esm/nicetodev-icons.css +1 -1
  66. package/dist/esm/rsc.js +1 -1
  67. package/dist/esm/variantProps.js +3 -7
  68. package/dist/types/NtdIconMorph.d.ts +1 -1
  69. package/dist/types/createIcon.d.ts +1 -9
  70. package/dist/types/index.d.ts +2 -12
  71. package/dist/types/rsc.d.ts +1 -3
  72. package/dist/types/tailwind-plugin.d.ts +1 -1
  73. package/dist/types/types.d.ts +1 -2
  74. package/dist/types/variantProps.d.ts +3 -11
  75. package/package.json +1 -1
package/dist/esm/icons/smarthome.js CHANGED
@@ -11,7 +11,6 @@ const NtdSmartBulb = createIcon({
11
11
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a7 7 0 00-5 11.9V17a2 2 0 002 2h6a2 2 0 002-2v-3.1A7 7 0 0012 2z", fill: primaryColor }), jsx("rect", { x: "9", y: "19", width: "6", height: "3", rx: "1", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M10 3a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1z", fill: accentColor, opacity: accentOpacity * 0.5 }), jsx("path", { d: "M5 7l-2-1M19 7l2-1M4 12H2M22 12h-2M5 17l-2 1M19 17l2 1", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
12
12
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a7 7 0 00-5 11.9V17a2 2 0 002 2h6a2 2 0 002-2v-3.1A7 7 0 0012 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "19", width: "6", height: "3", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 7l-2-1M19 7l2-1M4 12H2M22 12h-2M5 17l-2 1M19 17l2 1", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
13
13
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a7 7 0 00-5 11.9V17a2 2 0 002 2h6a2 2 0 002-2v-3.1A7 7 0 0012 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a7 7 0 00-5 11.9V17a2 2 0 002 2h6a2 2 0 002-2v-3.1A7 7 0 0012 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "19", width: "6", height: "3", rx: "1", fill: primaryColor }), jsx("path", { d: "M5 7l-2-1M19 7l2-1M4 12H2M22 12h-2", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
14
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 4a5.5 5.5 0 00-4 9.4V16a1.5 1.5 0 001.5 1.5h5a1.5 1.5 0 001.5-1.5v-2.6A5.5 5.5 0 0012 4z", fill: primaryColor }), jsx("rect", { x: "10", y: "18", width: "4", height: "2", rx: "0.5", fill: accentColor }), jsx("path", { d: "M6 8l-1.5-.75M18 8l1.5-.75M5 12H4M20 12h-1", stroke: accentColor, strokeWidth: "1" })] })),
15
14
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a7 7 0 00-5 11.9V17a2 2 0 002 2h6a2 2 0 002-2v-3.1A7 7 0 0012 2z", fill: primaryColor }), jsx("path", { d: "M12 2a7 7 0 00-5 11.9V17a2 2 0 002 2h6a2 2 0 002-2v-3.1A7 7 0 0012 2z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "9", y: "19", width: "6", height: "3", rx: "1", fill: secondaryColor }), jsx("path", { d: "M10 3a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1z", fill: "#3B82F6" }), jsx("path", { d: "M5 7l-2-1M19 7l2-1M4 12H2M22 12h-2M5 17l-2 1M19 17l2 1", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
16
15
  },
17
16
  });
@@ -21,7 +20,6 @@ const NtdThermostat = createIcon({
21
20
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "6", fill: accentColor, opacity: accentOpacity * 0.3 }), jsx("path", { d: "M12 6v3M12 15v3M6 12h3M15 12h3", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsx("text", { x: "12", y: "13.5", textAnchor: "middle", fontSize: "5", fontWeight: "bold", fill: accentColor, opacity: accentOpacity, children: "22\u00B0" })] })),
22
21
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsx("path", { d: "M12 6v2M12 16v2M6 12h2M16 12h2", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M8.5 8.5l1.5 1.5M15.5 8.5l-1.5 1.5M8.5 15.5l1.5-1.5M15.5 15.5l-1.5-1.5", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
23
22
  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("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsx("path", { d: "M12 6v2M12 16v2M6 12h2M16 12h2", stroke: primaryColor, strokeWidth: strokeWidth })] })),
24
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "8", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "5", fill: secondaryColor, opacity: "0.3" }), jsx("path", { d: "M12 6v1.5M12 16.5v1.5M6 12h1.5M16.5 12h1.5", stroke: accentColor, strokeWidth: "1.5" })] })),
25
23
  vivid: ({ primaryColor, 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("circle", { cx: "12", cy: "12", r: "6", fill: secondaryColor }), jsx("path", { d: "M12 6v3M12 15v3M6 12h3M15 12h3", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
26
24
  },
27
25
  });
@@ -31,7 +29,6 @@ const NtdSmartCamera = createIcon({
31
29
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("path", { d: "M18 9l4-2v10l-4-2V9z", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "10", cy: "12", r: "3", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "10", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "5", cy: "9", r: "1", fill: accentColor, opacity: accentOpacity * 0.8 })] })),
32
30
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M18 9l4-2v10l-4-2V9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "10", cy: "12", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "5", cy: "9", r: "1", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" })] })),
33
31
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 9l4-2v10l-4-2V9z", fill: secondaryColor, opacity: secondaryOpacity * 0.7 }), jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M18 9l4-2v10l-4-2V9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "10", cy: "12", r: "3", fill: primaryColor }), jsx("circle", { cx: "5", cy: "9", r: "1", fill: primaryColor })] })),
34
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "3", y: "7", width: "14", height: "10", rx: "1", fill: primaryColor }), jsx("path", { d: "M17 10l3-1.5v7l-3-1.5V10z", fill: accentColor }), jsx("circle", { cx: "10", cy: "12", r: "2.5", fill: accentColor }), jsx("circle", { cx: "10", cy: "12", r: "1", fill: primaryColor })] })),
35
32
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", fill: "white", opacity: "0.08" }), jsx("path", { d: "M18 9l4-2v10l-4-2V9z", fill: secondaryColor }), jsx("circle", { cx: "10", cy: "12", r: "3", fill: "#3B82F6" }), jsx("circle", { cx: "10", cy: "12", r: "1", fill: "#F59E0B" }), jsx("circle", { cx: "5", cy: "9", r: "1", fill: "#10B981" })] })),
36
33
  },
37
34
  });
@@ -41,7 +38,6 @@ const NtdDoorbell = createIcon({
41
38
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", fill: primaryColor }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "15", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M9 18h6", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
42
39
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "15", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 18h6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
43
40
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: primaryColor }), jsx("circle", { cx: "12", cy: "15", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 18h6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
44
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "7", y: "4", width: "10", height: "16", rx: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "9", r: "2.5", fill: accentColor }), jsx("circle", { cx: "12", cy: "15", r: "1.5", fill: accentColor })] })),
45
41
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", fill: primaryColor }), jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "15", r: "2", fill: "#3B82F6" }), jsx("path", { d: "M9 18h6", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
46
42
  },
47
43
  });
@@ -51,7 +47,6 @@ const NtdMotionSensor = createIcon({
51
47
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor }), jsx("path", { d: "M12 4a8 8 0 018 8", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("path", { d: "M12 1a11 11 0 0111 11", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity * 0.6, fill: "none" }), jsx("path", { d: "M12 20a8 8 0 01-8-8", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("path", { d: "M12 23a11 11 0 01-11-11", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity * 0.6, fill: "none" })] })),
52
48
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 4a8 8 0 018 8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 1a11 11 0 0111 11", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" }), jsx("path", { d: "M12 20a8 8 0 01-8-8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 23a11 11 0 01-11-11", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" })] })),
53
49
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 4a8 8 0 018 8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 1a11 11 0 0111 11", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" }), jsx("path", { d: "M12 20a8 8 0 01-8-8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 23a11 11 0 01-11-11", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" })] })),
54
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: primaryColor }), jsx("path", { d: "M12 6a6 6 0 016 6", stroke: accentColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M12 4a8 8 0 018 8", stroke: accentColor, strokeWidth: "1", opacity: "0.6", fill: "none" }), jsx("path", { d: "M12 18a6 6 0 01-6-6", stroke: accentColor, strokeWidth: "1.5", fill: "none" })] })),
55
50
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: "white", opacity: "0.1" }), jsx("path", { d: "M12 4a8 8 0 018 8", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("path", { d: "M12 1a11 11 0 0111 11", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M12 20a8 8 0 01-8-8", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M12 23a11 11 0 01-11-11", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })] })),
56
51
  },
57
52
  });
@@ -61,7 +56,6 @@ const NtdSmartLock = createIcon({
61
56
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("path", { d: "M8 10V6a4 4 0 118 0v4", stroke: primaryColor, strokeWidth: "2.5", fill: "none" }), jsx("circle", { cx: "12", cy: "15", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M12 17v2", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsx("path", { d: "M2 14h2M20 14h2M2 18h2M20 18h2", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity * 0.7 })] })),
62
57
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 10V6a4 4 0 118 0v4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "15", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 17v2", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M2 14h2M20 14h2", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
63
58
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 10V6a4 4 0 118 0v4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "15", r: "2", fill: primaryColor }), jsx("path", { d: "M12 17v2", stroke: primaryColor, strokeWidth: strokeWidth })] })),
64
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "5", y: "10", width: "14", height: "10", rx: "1", fill: primaryColor }), jsx("path", { d: "M8 10V7a4 4 0 118 0v3", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("circle", { cx: "12", cy: "14", r: "1.5", fill: accentColor }), jsx("path", { d: "M12 15.5v1.5", stroke: accentColor, strokeWidth: "1.5" })] })),
65
59
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "15", r: "2", fill: secondaryColor }), jsx("path", { d: "M8 10V6a4 4 0 118 0v4", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M12 17v2", stroke: "white", strokeWidth: "1", opacity: "0.4" }), jsx("path", { d: "M2 14h2M20 14h2M2 18h2M20 18h2", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
66
60
  },
67
61
  });
@@ -71,7 +65,6 @@ const NtdSmartHub = createIcon({
71
65
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "13", r: "3", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M8 4l4 4 4-4", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("path", { d: "M8 22l4-4 4 4", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" })] })),
72
66
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "13", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 4l4 4 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 22l4-4 4 4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
73
67
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "13", r: "3", fill: primaryColor }), jsx("path", { d: "M8 4l4 4 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 22l4-4 4 4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
74
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "5", y: "9", width: "14", height: "8", rx: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "13", r: "2.5", fill: accentColor }), jsx("path", { d: "M9 6l3 3 3-3", stroke: accentColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M9 20l3-3 3 3", stroke: accentColor, strokeWidth: "1.5", fill: "none" })] })),
75
68
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "13", r: "3", fill: secondaryColor }), jsx("path", { d: "M8 4l4 4 4-4", stroke: "white", strokeWidth: "1", opacity: "0.4", fill: "none" }), jsx("path", { d: "M8 22l4-4 4 4", stroke: "white", strokeWidth: "1", opacity: "0.4", fill: "none" })] })),
76
69
  },
77
70
  });
@@ -81,7 +74,6 @@ const NtdVoiceAssistant = createIcon({
81
74
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M8 10v4M10 8v8M12 6v12M14 8v8M16 10v4", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity })] })),
82
75
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 10v4M10 8v8M12 6v12M14 8v8M16 10v4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
83
76
  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 10v4M10 8v8M12 6v12M14 8v8M16 10v4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
84
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "8", fill: primaryColor }), jsx("path", { d: "M8 10v4M10 8v8M12 7v10M14 8v8M16 10v4", stroke: accentColor, strokeWidth: "1.5" })] })),
85
77
  vivid: ({ primaryColor, 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: "M8 10v4M10 8v8M12 6v12M14 8v8M16 10v4", stroke: secondaryColor, strokeWidth: "1.8" })] })),
86
78
  },
87
79
  });
@@ -91,7 +83,6 @@ const NtdSmartPlug = createIcon({
91
83
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("circle", { cx: "8", cy: "14", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "16", cy: "14", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M8 4v4M16 4v4", stroke: primaryColor, strokeWidth: "2" }), jsx("path", { d: "M4 12h16", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity * 0.5 })] })),
92
84
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "14", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "14", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 4v4M16 4v4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
93
85
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "14", r: "2", fill: primaryColor }), jsx("circle", { cx: "16", cy: "14", r: "2", fill: primaryColor }), jsx("path", { d: "M8 4v4M16 4v4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
94
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "5", y: "9", width: "14", height: "10", rx: "1", fill: primaryColor }), jsx("circle", { cx: "9", cy: "14", r: "1.5", fill: accentColor }), jsx("circle", { cx: "15", cy: "14", r: "1.5", fill: accentColor }), jsx("path", { d: "M9 5v4M15 5v4", stroke: primaryColor, strokeWidth: "1.5" })] })),
95
86
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "8", cy: "14", r: "2", fill: secondaryColor }), jsx("circle", { cx: "16", cy: "14", r: "2", fill: "#3B82F6" }), jsx("path", { d: "M8 4v4M16 4v4", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M4 12h16", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
96
87
  },
97
88
  });
@@ -101,7 +92,6 @@ const NtdTemperatureSensor = createIcon({
101
92
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 14.76V3a2 2 0 00-4 0v11.76a4 4 0 104 0z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "17", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M12 6v8", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsx("path", { d: "M17 4h3M17 8h3M17 12h3", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity * 0.7 })] })),
102
93
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 14.76V3a2 2 0 00-4 0v11.76a4 4 0 104 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "17", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v8", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M17 4h3M17 8h3M17 12h3", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
103
94
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 14.76V3a2 2 0 00-4 0v11.76a4 4 0 104 0z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M14 14.76V3a2 2 0 00-4 0v11.76a4 4 0 104 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "17", r: "2", fill: primaryColor }), jsx("path", { d: "M12 6v8", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M17 4h3M17 8h3M17 12h3", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
104
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M13 14V4.5a1.5 1.5 0 00-3 0V14a3 3 0 103 0z", fill: primaryColor }), jsx("circle", { cx: "11.5", cy: "16", r: "1.5", fill: accentColor }), jsx("path", { d: "M11.5 7v6", stroke: accentColor, strokeWidth: "1.5" }), jsx("path", { d: "M16 5h2M16 8h2M16 11h2", stroke: accentColor, strokeWidth: "1" })] })),
105
95
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 14.76V3a2 2 0 00-4 0v11.76a4 4 0 104 0z", fill: primaryColor }), jsx("path", { d: "M14 14.76V3a2 2 0 00-4 0v11.76a4 4 0 104 0z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "17", r: "2", fill: secondaryColor }), jsx("path", { d: "M12 6v8", stroke: "white", strokeWidth: "1", opacity: "0.4" }), jsx("path", { d: "M17 4h3M17 8h3M17 12h3", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
106
96
  },
107
97
  });
@@ -111,7 +101,6 @@ const NtdSmartSwitch = createIcon({
111
101
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", fill: primaryColor }), jsx("circle", { cx: "15", cy: "12", r: "4", fill: accentColor, opacity: accentOpacity })] })),
112
102
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "15", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
113
103
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "15", cy: "12", r: "4", fill: primaryColor })] })),
114
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "4", y: "7", width: "16", height: "10", rx: "5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "12", r: "3.5", fill: accentColor })] })),
115
104
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", fill: primaryColor }), jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "15", cy: "12", r: "4", fill: secondaryColor })] })),
116
105
  },
117
106
  });
@@ -121,7 +110,6 @@ const NtdRouter = createIcon({
121
110
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", fill: primaryColor }), jsx("path", { d: "M6 12V8M12 12V6M18 12V8", stroke: primaryColor, strokeWidth: "2" }), jsx("circle", { cx: "6", cy: "6", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "4", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "18", cy: "6", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "5", cy: "16", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "9", cy: "16", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("rect", { x: "14", y: "15", width: "5", height: "2", rx: "0.5", fill: accentColor, opacity: accentOpacity * 0.7 })] })),
122
111
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 12V8M12 12V6M18 12V8", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "6", cy: "6", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "4", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "6", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "5", cy: "16", r: "1", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsx("circle", { cx: "9", cy: "16", r: "1", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" })] })),
123
112
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 12V8M12 12V6M18 12V8", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "6", cy: "6", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "12", cy: "4", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "18", cy: "6", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "5", cy: "16", r: "1", fill: primaryColor }), jsx("circle", { cx: "9", cy: "16", r: "1", fill: primaryColor })] })),
124
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "3", y: "12", width: "18", height: "7", rx: "1", fill: primaryColor }), jsx("path", { d: "M7 12V9M12 12V7M17 12V9", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "7", cy: "8", r: "1", fill: accentColor }), jsx("circle", { cx: "12", cy: "6", r: "1", fill: accentColor }), jsx("circle", { cx: "17", cy: "8", r: "1", fill: accentColor }), jsx("circle", { cx: "6", cy: "15.5", r: "0.75", fill: accentColor }), jsx("circle", { cx: "9", cy: "15.5", r: "0.75", fill: accentColor })] })),
125
113
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "6", cy: "6", r: "1.5", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "4", r: "1.5", fill: "#3B82F6" }), jsx("circle", { cx: "18", cy: "6", r: "1.5", fill: "#F59E0B" }), jsx("circle", { cx: "5", cy: "16", r: "1", fill: "#10B981" }), jsx("circle", { cx: "9", cy: "16", r: "1", fill: "#10B981" }), jsx("rect", { x: "14", y: "15", width: "5", height: "2", rx: "0.5", fill: "#10B981" }), jsx("path", { d: "M6 12V8M12 12V6M18 12V8", stroke: "white", strokeWidth: "1" })] })),
126
114
  },
127
115
  });
@@ -131,7 +119,6 @@ const NtdSmartSpeaker = createIcon({
131
119
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M7 4h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("path", { d: "M9 4.5h6", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
132
120
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M7 4h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 4.5h6", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
133
121
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M7 4h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M7 4h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor, opacity: "0.3" }), jsx("circle", { cx: "12", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: primaryColor })] })),
134
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M7 5h10a2 2 0 012 2v10a2 2 0 01-2 2H7a2 2 0 01-2-2V7a2 2 0 012-2z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "3.5", fill: accentColor, opacity: "0.3" }), jsx("circle", { cx: "12", cy: "12", r: "3.5", stroke: accentColor, strokeWidth: "1", fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: accentColor })] })),
135
122
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M7 4h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3z", fill: primaryColor }), jsx("path", { d: "M7 4h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: "#3B82F6" }), jsx("path", { d: "M9 4.5h6", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
136
123
  },
137
124
  });
package/dist/esm/icons/social.js CHANGED
@@ -7,7 +7,6 @@ createIcon({
7
7
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }), jsx("path", { d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2", fill: primaryColor })] })),
8
8
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "7.6", r: "4.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
9
9
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "7.6", r: "4.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
10
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }), jsx("path", { d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2", fill: primaryColor })] })),
11
10
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }), jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: "white", opacity: "0.08" }), jsx("path", { d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2", fill: secondaryColor })] })),
12
11
  },
13
12
  });
@@ -17,7 +16,6 @@ createIcon({
17
16
  solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "9", cy: "7", r: "4", fill: primaryColor }), jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", fill: primaryColor }), jsx("circle", { cx: "17", cy: "7", r: "3", fill: primaryColor, opacity: 0.7 }), jsx("path", { d: "M23 21v-2a3 3 0 00-3-3h-1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
18
17
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "9", cy: "7", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 3.13a4 4 0 010 7.75", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M23 21v-2a4 4 0 00-3-3.87", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
19
18
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "9", cy: "7", r: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "9", cy: "7", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 3.13a4 4 0 010 7.75", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M23 21v-2a4 4 0 00-3-3.87", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
20
- flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "9", cy: "7", r: "4", fill: primaryColor }), jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", fill: primaryColor }), jsx("circle", { cx: "17", cy: "7", r: "3", fill: primaryColor, opacity: 0.7 }), jsx("path", { d: "M23 21v-2a3 3 0 00-3-3h-1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
21
19
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "9", cy: "7", r: "4", fill: primaryColor }), jsx("circle", { cx: "9", cy: "7", r: "4", fill: "white", opacity: "0.08" }), jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", fill: secondaryColor }), jsx("circle", { cx: "17", cy: "7", r: "3", fill: "#3B82F6" }), jsx("path", { d: "M23 21v-2a3 3 0 00-3-3h-1", stroke: "white", strokeWidth: "1", fill: "none" })] })),
22
20
  },
23
21
  });
@@ -27,7 +25,6 @@ createIcon({
27
25
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", fill: primaryColor }), jsx("line", { x1: "8", y1: "9", x2: "16", y2: "9", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity }), jsx("line", { x1: "8", y1: "13", x2: "13", y2: "13", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
28
26
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "8", y1: "9", x2: "16", y2: "9", stroke: primaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "8", y1: "13", x2: "13", y2: "13", stroke: primaryColor, strokeWidth: "1.5" })] })),
29
27
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "8", y1: "9", x2: "16", y2: "9", stroke: primaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "8", y1: "13", x2: "13", y2: "13", stroke: primaryColor, strokeWidth: "1.5" })] })),
30
- flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth, }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", fill: primaryColor }), jsx("line", { x1: "8", y1: "9", x2: "16", y2: "9", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity }), jsx("line", { x1: "8", y1: "13", x2: "13", y2: "13", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
31
28
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", fill: primaryColor }), jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "8", y1: "9", x2: "16", y2: "9", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("line", { x1: "8", y1: "13", x2: "13", y2: "13", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
32
29
  },
33
30
  });
@@ -37,7 +34,6 @@ createIcon({
37
34
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", fill: primaryColor, stroke: primaryColor, strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "butt" })),
38
35
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", strokeLinecap: "butt" })),
39
36
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", strokeLinecap: "butt" })] })),
40
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", fill: primaryColor, stroke: primaryColor, strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "butt" })] })),
41
37
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", fill: primaryColor, stroke: primaryColor, strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "butt" }), jsx("path", { d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", fill: "white", opacity: "0.1" })] })),
42
38
  },
43
39
  });
@@ -47,7 +43,6 @@ const NtdAtSign = createIcon({
47
43
  solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor }), jsx("path", { d: "M16 8v5a3 3 0 006 0V12a10 10 0 10-3.92 7.94", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
48
44
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 8v5a3 3 0 006 0V12a10 10 0 10-3.92 7.94", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
49
45
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 8v5a3 3 0 006 0V12a10 10 0 10-3.92 7.94", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
50
- flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor }), jsx("path", { d: "M16 8v5a3 3 0 006 0V12a10 10 0 10-3.92 7.94", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
51
46
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: "white", opacity: "0.1" }), jsx("path", { d: "M16 8v5a3 3 0 006 0V12a10 10 0 10-3.92 7.94", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" })] })),
52
47
  },
53
48
  });
@@ -57,7 +52,6 @@ createIcon({
57
52
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", fill: primaryColor })),
58
53
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
59
54
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
60
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", fill: primaryColor })] })),
61
55
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", fill: primaryColor }), jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", fill: "white", opacity: "0.1" })] })),
62
56
  },
63
57
  });
@@ -67,7 +61,6 @@ createIcon({
67
61
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2", fill: primaryColor }), jsx("polygon", { points: "23,7 16,12 23,17", fill: primaryColor })] })),
68
62
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polygon", { points: "23,7 16,12 23,17", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
69
63
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polygon", { points: "23,7 16,12 23,17", fill: primaryColor })] })),
70
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2", fill: primaryColor }), jsx("polygon", { points: "23,7 16,12 23,17", fill: primaryColor })] })),
71
64
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("polygon", { points: "23,7 16,12 23,17", fill: secondaryColor })] })),
72
65
  },
73
66
  });
@@ -77,7 +70,6 @@ const NtdPhoneOff = createIcon({
77
70
  solid: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", fill: primaryColor, opacity: 0.5 }), jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23", stroke: secondaryColor, strokeWidth: "2.5" })] })),
78
71
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth })] })),
79
72
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth })] })),
80
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", fill: primaryColor, opacity: 0.5 }), jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23", stroke: secondaryColor, strokeWidth: "2.5" })] })),
81
73
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", fill: primaryColor }), jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23", stroke: secondaryColor, strokeWidth: "1.8" })] })),
82
74
  },
83
75
  });
@@ -87,7 +79,6 @@ createIcon({
87
79
  solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "9", y: "1", width: "6", height: "11", rx: "3", fill: primaryColor }), jsx("path", { d: "M19 10v2a7 7 0 01-14 0v-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "19", x2: "12", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "23", x2: "16", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth })] })),
88
80
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "9", y: "1", width: "6", height: "11", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M19 10v2a7 7 0 01-14 0v-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "19", x2: "12", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "23", x2: "16", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth })] })),
89
81
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "9", y: "1", width: "6", height: "11", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "9", y: "1", width: "6", height: "11", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M19 10v2a7 7 0 01-14 0v-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "19", x2: "12", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "23", x2: "16", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth })] })),
90
- flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "9", y: "1", width: "6", height: "11", rx: "3", fill: primaryColor }), jsx("path", { d: "M19 10v2a7 7 0 01-14 0v-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "19", x2: "12", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "23", x2: "16", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth })] })),
91
82
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "9", y: "1", width: "6", height: "11", rx: "3", fill: primaryColor }), jsx("rect", { x: "9", y: "1", width: "6", height: "11", rx: "3", fill: "white", opacity: "0.1" }), jsx("path", { d: "M19 10v2a7 7 0 01-14 0v-2", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "12", y1: "19", x2: "12", y2: "23", stroke: "#3B82F6", strokeWidth: "1.5" }), jsx("line", { x1: "8", y1: "23", x2: "16", y2: "23", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
92
83
  },
93
84
  });
@@ -97,7 +88,6 @@ const NtdBubble = createIcon({
97
88
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", fill: primaryColor })),
98
89
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
99
90
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
100
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", fill: primaryColor })] })),
101
91
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", fill: primaryColor }), jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", fill: "white", opacity: "0.1" })] })),
102
92
  },
103
93
  });
@@ -107,7 +97,6 @@ createIcon({
107
97
  solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "18", cy: "5", r: "3", fill: primaryColor }), jsx("circle", { cx: "6", cy: "12", r: "3", fill: primaryColor }), jsx("circle", { cx: "18", cy: "19", r: "3", fill: primaryColor }), jsx("line", { x1: "8.59", y1: "13.51", x2: "15.42", y2: "17.49", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "15.41", y1: "6.51", x2: "8.59", y2: "10.49", stroke: primaryColor, strokeWidth: strokeWidth })] })),
108
98
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "18", cy: "5", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "6", cy: "12", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "19", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "8.59", y1: "13.51", x2: "15.42", y2: "17.49", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "15.41", y1: "6.51", x2: "8.59", y2: "10.49", stroke: primaryColor, strokeWidth: strokeWidth })] })),
109
99
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "18", cy: "5", r: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "6", cy: "12", r: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "18", cy: "19", r: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "18", cy: "5", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "6", cy: "12", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "19", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "8.59", y1: "13.51", x2: "15.42", y2: "17.49", stroke: primaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "15.41", y1: "6.51", x2: "8.59", y2: "10.49", stroke: primaryColor, strokeWidth: "1.5" })] })),
110
- flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "18", cy: "5", r: "3", fill: primaryColor }), jsx("circle", { cx: "6", cy: "12", r: "3", fill: primaryColor }), jsx("circle", { cx: "18", cy: "19", r: "3", fill: primaryColor }), jsx("line", { x1: "8.59", y1: "13.51", x2: "15.42", y2: "17.49", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "15.41", y1: "6.51", x2: "8.59", y2: "10.49", stroke: primaryColor, strokeWidth: strokeWidth })] })),
111
100
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "18", cy: "5", r: "3", fill: primaryColor }), jsx("circle", { cx: "18", cy: "5", r: "3", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "6", cy: "12", r: "3", fill: secondaryColor }), jsx("circle", { cx: "18", cy: "19", r: "3", fill: "#3B82F6" }), jsx("line", { x1: "8.59", y1: "13.51", x2: "15.42", y2: "17.49", stroke: "white", strokeWidth: "1" }), jsx("line", { x1: "15.41", y1: "6.51", x2: "8.59", y2: "10.49", stroke: "white", strokeWidth: "1" })] })),
112
101
  },
113
102
  });
@@ -117,7 +106,6 @@ const NtdThumbsUp = createIcon({
117
106
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", fill: primaryColor }), jsx("rect", { x: "2", y: "11", width: "4", height: "11", rx: "1", fill: primaryColor, opacity: 0.7 })] })),
118
107
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 11H2v11h5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
119
108
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 11H2v11h5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
120
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", fill: primaryColor }), jsx("rect", { x: "2", y: "11", width: "4", height: "11", rx: "1", fill: primaryColor, opacity: 0.7 })] })),
121
109
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", fill: primaryColor }), jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "2", y: "11", width: "4", height: "11", rx: "1", fill: secondaryColor })] })),
122
110
  },
123
111
  });
@@ -127,7 +115,6 @@ const NtdThumbsDown = createIcon({
127
115
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", fill: primaryColor }), jsx("rect", { x: "17", y: "2", width: "4", height: "11", rx: "1", fill: primaryColor, opacity: 0.7 })] })),
128
116
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M17 2h5v11h-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
129
117
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M17 2h5v11h-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
130
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", fill: primaryColor }), jsx("rect", { x: "17", y: "2", width: "4", height: "11", rx: "1", fill: primaryColor, opacity: 0.7 })] })),
131
118
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", fill: primaryColor }), jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "17", y: "2", width: "4", height: "11", rx: "1", fill: secondaryColor })] })),
132
119
  },
133
120
  });
@@ -137,7 +124,6 @@ createIcon({
137
124
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", fill: primaryColor })),
138
125
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
139
126
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
140
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", fill: primaryColor })] })),
141
127
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", fill: primaryColor }), jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", fill: "white", opacity: "0.1" })] })),
142
128
  },
143
129
  });
@@ -147,7 +133,6 @@ createIcon({
147
133
  solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1v12z", fill: primaryColor }), jsx("line", { x1: "5", y1: "22", x2: "5", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
148
134
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1v12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "5", y1: "22", x2: "5", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
149
135
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1v12z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1v12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "5", y1: "22", x2: "5", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
150
- flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1v12z", fill: primaryColor }), jsx("line", { x1: "5", y1: "22", x2: "5", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
151
136
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1v12z", fill: primaryColor }), jsx("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1v12z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "5", y1: "22", x2: "5", y2: "15", stroke: secondaryColor, strokeWidth: "1.8" })] })),
152
137
  },
153
138
  });
@@ -157,7 +142,6 @@ const NtdBellRing = createIcon({
157
142
  solid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9", fill: primaryColor }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 4l1.5 1.5", stroke: secondaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M22 4l-1.5 1.5", stroke: secondaryColor, strokeWidth: strokeWidth })] })),
158
143
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 4l1.5 1.5", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M22 4l-1.5 1.5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
159
144
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 4l1.5 1.5", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M22 4l-1.5 1.5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
160
- flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9", fill: primaryColor }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 4l1.5 1.5", stroke: secondaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M22 4l-1.5 1.5", stroke: secondaryColor, strokeWidth: strokeWidth })] })),
161
145
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9", fill: primaryColor }), jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9", fill: "white", opacity: "0.1" }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("path", { d: "M2 4l1.5 1.5", stroke: "#3B82F6", strokeWidth: "1.5" }), jsx("path", { d: "M22 4l-1.5 1.5", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
162
146
  },
163
147
  });
@@ -167,7 +151,6 @@ const NtdMegaphone = createIcon({
167
151
  solid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: primaryColor }), jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
168
152
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
169
153
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
170
- flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: primaryColor }), jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
171
154
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: primaryColor }), jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" })] })),
172
155
  },
173
156
  });
@@ -177,7 +160,6 @@ const NtdQrCode = createIcon({
177
160
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: "none", stroke: primaryColor, strokeWidth: "1", opacity: 0.5 }), jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: "none", stroke: primaryColor, strokeWidth: "1", opacity: 0.5 }), jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", fill: "none", stroke: primaryColor, strokeWidth: "1", opacity: 0.5 }), jsx("rect", { x: "14", y: "14", width: "3", height: "3", fill: primaryColor }), jsx("rect", { x: "19", y: "14", width: "3", height: "3", fill: primaryColor }), jsx("rect", { x: "14", y: "19", width: "3", height: "3", fill: primaryColor }), jsx("rect", { x: "19", y: "19", width: "3", height: "3", fill: primaryColor })] })),
178
161
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "5", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "17", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "5", y: "17", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "14", y: "14", width: "3", height: "3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("rect", { x: "19", y: "14", width: "3", height: "3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("rect", { x: "14", y: "19", width: "3", height: "3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("rect", { x: "19", y: "19", width: "3", height: "3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
179
162
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "5", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "17", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "5", y: "17", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "14", y: "14", width: "3", height: "3", fill: primaryColor }), jsx("rect", { x: "19", y: "19", width: "3", height: "3", fill: primaryColor })] })),
180
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: "none", stroke: primaryColor, strokeWidth: "1", opacity: 0.5 }), jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: "none", stroke: primaryColor, strokeWidth: "1", opacity: 0.5 }), jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", fill: "none", stroke: primaryColor, strokeWidth: "1", opacity: 0.5 }), jsx("rect", { x: "14", y: "14", width: "3", height: "3", fill: primaryColor }), jsx("rect", { x: "19", y: "14", width: "3", height: "3", fill: primaryColor }), jsx("rect", { x: "14", y: "19", width: "3", height: "3", fill: primaryColor }), jsx("rect", { x: "19", y: "19", width: "3", height: "3", fill: primaryColor })] })),
181
163
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", fill: secondaryColor }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", fill: "#3B82F6" }), jsx("rect", { x: "14", y: "14", width: "3", height: "3", fill: "#10B981" }), jsx("rect", { x: "19", y: "14", width: "3", height: "3", fill: "#F472B6" }), jsx("rect", { x: "14", y: "19", width: "3", height: "3", fill: "#F472B6" }), jsx("rect", { x: "19", y: "19", width: "3", height: "3", fill: "#F472B6" }), jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: "none", stroke: "white", strokeWidth: "1", opacity: "0.35" }), jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: "none", stroke: "white", strokeWidth: "1", opacity: "0.35" }), jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", fill: "none", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
182
164
  },
183
165
  });