@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
@@ -10,7 +10,6 @@ const NtdPizza = createIcon({
10
10
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a10 10 0 00-10 10l10 10 10-10A10 10 0 0012 2z", fill: primaryColor }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "14", cy: "8", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "11", cy: "14", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: "white", opacity: "0.5" })] })),
11
11
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a10 10 0 00-10 10l10 10 10-10A10 10 0 0012 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "8", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "11", cy: "14", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: primaryColor })] })),
12
12
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a10 10 0 00-10 10l10 10 10-10A10 10 0 0012 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a10 10 0 00-10 10l10 10 10-10A10 10 0 0012 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "8", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "11", cy: "14", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: primaryColor })] })),
13
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 4a7.5 7.5 0 00-7.5 7.5l7.5 7.5 7.5-7.5A7.5 7.5 0 0012 4z", fill: primaryColor }), jsx("circle", { cx: "9.5", cy: "10", r: "1.125", fill: secondaryColor }), jsx("circle", { cx: "13.5", cy: "8.5", r: "1.125", fill: secondaryColor }), jsx("circle", { cx: "11", cy: "13", r: "1.125", fill: secondaryColor })] })),
14
13
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a10 10 0 00-10 10l10 10 10-10A10 10 0 0012 2z", fill: primaryColor }), jsx("path", { d: "M12 2a10 10 0 00-10 10l10 10 10-10A10 10 0 0012 2z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "14", cy: "8", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "11", cy: "14", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: "white", opacity: "0.5" })] })),
15
14
  },
16
15
  });
@@ -20,7 +19,6 @@ const NtdBurger = createIcon({
20
19
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 10c0-4 3.5-7 8-7s8 3 8 7H4z", fill: primaryColor }), jsx("rect", { x: "3", y: "11", width: "18", height: "3", rx: "1", fill: primaryColor, opacity: "0.7" }), jsx("path", { d: "M4 15h16c0 0-1 2-2 2H6c-1 0-2-2-2-2z", fill: primaryColor, opacity: "0.5" }), jsx("rect", { x: "3", y: "17", width: "18", height: "4", rx: "2", fill: primaryColor }), jsx("ellipse", { cx: "7", cy: "5", rx: "1", ry: "0.5", fill: "white", opacity: "0.5" }), jsx("ellipse", { cx: "12", cy: "4", rx: "1", ry: "0.5", fill: "white", opacity: "0.5" }), jsx("ellipse", { cx: "17", cy: "5", rx: "1", ry: "0.5", fill: "white", opacity: "0.5" })] })),
21
20
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 10c0-4 3.5-7 8-7s8 3 8 7H4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "3", y: "11", width: "18", height: "3", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 15h16c0 0-1 2-2 2H6c-1 0-2-2-2-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "3", y: "17", width: "18", height: "4", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
22
21
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 10c0-4 3.5-7 8-7s8 3 8 7H4z", fill: primaryColor }), jsx("rect", { x: "3", y: "11", width: "18", height: "3", rx: "1", fill: secondaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M4 15h16c0 0-1 2-2 2H6c-1 0-2-2-2-2z", fill: secondaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "3", y: "17", width: "18", height: "4", rx: "2", fill: primaryColor })] })),
23
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M5 10.5c0-3 2.625-5.25 6-5.25s6 2.25 6 5.25H5z", fill: primaryColor }), jsx("rect", { x: "4.5", y: "11", width: "13.5", height: "2.25", rx: "0.75", fill: primaryColor, opacity: "0.7" }), jsx("path", { d: "M5 13.75h12c0 0-.75 1.5-1.5 1.5H6.5c-.75 0-1.5-1.5-1.5-1.5z", fill: primaryColor, opacity: "0.5" }), jsx("rect", { x: "4.5", y: "15.5", width: "13.5", height: "3", rx: "1.5", fill: primaryColor })] })),
24
22
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 10c0-4 3.5-7 8-7s8 3 8 7H4z", fill: primaryColor }), jsx("path", { d: "M4 10c0-4 3.5-7 8-7s8 3 8 7H4z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "3", y: "11", width: "18", height: "3", rx: "1", fill: secondaryColor, opacity: "0.7" }), jsx("path", { d: "M4 15h16c0 0-1 2-2 2H6c-1 0-2-2-2-2z", fill: "#EF4444", opacity: "0.5" }), jsx("rect", { x: "3", y: "17", width: "18", height: "4", rx: "2", fill: "#F59E0B" }), jsx("ellipse", { cx: "7", cy: "5", rx: "1", ry: "0.5", fill: "white", opacity: "0.5" }), jsx("ellipse", { cx: "12", cy: "4", rx: "1", ry: "0.5", fill: "white", opacity: "0.5" }), jsx("ellipse", { cx: "17", cy: "5", rx: "1", ry: "0.5", fill: "white", opacity: "0.5" })] })),
25
23
  },
26
24
  });
@@ -30,7 +28,6 @@ const NtdHotdog = createIcon({
30
28
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 8c-2 0-3 2-3 4s1 4 3 4h14c2 0 3-2 3-4s-1-4-3-4H5z", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "12", rx: "8", ry: "2", fill: primaryColor, opacity: "0.7" }), jsx("path", { d: "M6 11c2-1 4 1 6 0s4 1 6 0", stroke: "white", strokeWidth: "1.5", fill: "none", opacity: "0.5" })] })),
31
29
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 8c-2 0-3 2-3 4s1 4 3 4h14c2 0 3-2 3-4s-1-4-3-4H5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "12", rx: "8", ry: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 11c2-1 4 1 6 0s4 1 6 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
32
30
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 8c-2 0-3 2-3 4s1 4 3 4h14c2 0 3-2 3-4s-1-4-3-4H5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 8c-2 0-3 2-3 4s1 4 3 4h14c2 0 3-2 3-4s-1-4-3-4H5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "12", rx: "8", ry: "2", fill: primaryColor, opacity: "0.5" }), jsx("path", { d: "M6 11c2-1 4 1 6 0s4 1 6 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
33
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M6 9c-1.5 0-2.25 1.5-2.25 3s.75 3 2.25 3h12c1.5 0 2.25-1.5 2.25-3s-.75-3-2.25-3H6z", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "12", rx: "6", ry: "1.5", fill: primaryColor, opacity: "0.7" }), jsx("path", { d: "M7.5 11.25c1.5-.75 3 .75 4.5 0s3 .75 4.5 0", stroke: secondaryColor, strokeWidth: "1.125", fill: "none" })] })),
34
31
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 8c-2 0-3 2-3 4s1 4 3 4h14c2 0 3-2 3-4s-1-4-3-4H5z", fill: primaryColor }), jsx("path", { d: "M5 8c-2 0-3 2-3 4s1 4 3 4h14c2 0 3-2 3-4s-1-4-3-4H5z", fill: "white", opacity: "0.08" }), jsx("ellipse", { cx: "12", cy: "12", rx: "8", ry: "2", fill: secondaryColor, opacity: "0.7" }), jsx("path", { d: "M6 11c2-1 4 1 6 0s4 1 6 0", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.4" })] })),
35
32
  },
36
33
  });
@@ -40,7 +37,6 @@ const NtdSushi = createIcon({
40
37
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "16", rx: "8", ry: "4", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "12", rx: "8", ry: "4", fill: primaryColor, opacity: "0.8" }), jsx("ellipse", { cx: "12", cy: "10", rx: "5", ry: "2.5", fill: "white", opacity: "0.5" }), jsx("ellipse", { cx: "12", cy: "10", rx: "3", ry: "1.5", fill: primaryColor })] })),
41
38
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "16", rx: "8", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "12", rx: "8", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "10", rx: "5", ry: "2.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "10", rx: "3", ry: "1.5", fill: primaryColor })] })),
42
39
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "16", rx: "8", ry: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("ellipse", { cx: "12", cy: "12", rx: "8", ry: "4", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "16", rx: "8", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "12", rx: "8", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "10", rx: "5", ry: "2.5", fill: "white", opacity: "0.7" }), jsx("ellipse", { cx: "12", cy: "10", rx: "3", ry: "1.5", fill: primaryColor })] })),
43
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("ellipse", { cx: "12", cy: "15.5", rx: "6", ry: "3", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "12.5", rx: "6", ry: "3", fill: primaryColor, opacity: "0.8" }), jsx("ellipse", { cx: "12", cy: "11", rx: "3.75", ry: "1.875", fill: secondaryColor }), jsx("ellipse", { cx: "12", cy: "11", rx: "2.25", ry: "1.125", fill: primaryColor })] })),
44
40
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "16", rx: "8", ry: "4", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "16", rx: "8", ry: "4", fill: "white", opacity: "0.08" }), jsx("ellipse", { cx: "12", cy: "12", rx: "8", ry: "4", fill: secondaryColor, opacity: "0.8" }), jsx("ellipse", { cx: "12", cy: "10", rx: "5", ry: "2.5", fill: "white", opacity: "0.5" }), jsx("ellipse", { cx: "12", cy: "10", rx: "3", ry: "1.5", fill: "#F59E0B" })] })),
45
41
  },
46
42
  });
@@ -50,7 +46,6 @@ const NtdTaco = createIcon({
50
46
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 14c0-6 4-10 9-10s9 4 9 10c0 2-2 4-9 4s-9-2-9-4z", fill: primaryColor }), jsx("path", { d: "M5 13c0-4 3-7 7-7s7 3 7 7", fill: "white", opacity: "0.3" }), jsx("circle", { cx: "8", cy: "12", r: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "12", cy: "11", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "16", cy: "12", r: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "10", cy: "14", r: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "14", cy: "14", r: "1", fill: "white", opacity: "0.5" })] })),
51
47
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 14c0-6 4-10 9-10s9 4 9 10c0 2-2 4-9 4s-9-2-9-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 13c0-4 3-7 7-7s7 3 7 7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "11", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "16", cy: "12", r: "1", fill: primaryColor })] })),
52
48
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 14c0-6 4-10 9-10s9 4 9 10c0 2-2 4-9 4s-9-2-9-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 14c0-6 4-10 9-10s9 4 9 10c0 2-2 4-9 4s-9-2-9-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 13c0-4 3-7 7-7s7 3 7 7", fill: primaryColor, opacity: "0.3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "8", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "11", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "16", cy: "12", r: "1", fill: primaryColor })] })),
53
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M4.5 13.5c0-4.5 3-7.5 6.75-7.5s6.75 3 6.75 7.5c0 1.5-1.5 3-6.75 3s-6.75-1.5-6.75-3z", fill: primaryColor }), jsx("path", { d: "M6 12.75c0-3 2.25-5.25 5.25-5.25s5.25 2.25 5.25 5.25", fill: secondaryColor, opacity: "0.5" }), jsx("circle", { cx: "8.25", cy: "12", r: "0.75", fill: secondaryColor }), jsx("circle", { cx: "11.25", cy: "11.25", r: "1.125", fill: secondaryColor }), jsx("circle", { cx: "14.25", cy: "12", r: "0.75", fill: secondaryColor })] })),
54
49
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 14c0-6 4-10 9-10s9 4 9 10c0 2-2 4-9 4s-9-2-9-4z", fill: primaryColor }), jsx("path", { d: "M3 14c0-6 4-10 9-10s9 4 9 10c0 2-2 4-9 4s-9-2-9-4z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M5 13c0-4 3-7 7-7s7 3 7 7", fill: "white", opacity: "0.3" }), jsx("circle", { cx: "8", cy: "12", r: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "12", cy: "11", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "16", cy: "12", r: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "10", cy: "14", r: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "14", cy: "14", r: "1", fill: "white", opacity: "0.5" })] })),
55
50
  },
56
51
  });
@@ -63,7 +58,6 @@ const NtdCoffee = createIcon({
63
58
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 8h12a2 2 0 012 2v6a4 4 0 01-4 4H9a4 4 0 01-4-4v-6a2 2 0 012-2z", fill: primaryColor }), jsx("path", { d: "M17 10h1a2 2 0 012 2v1a2 2 0 01-2 2h-1", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("path", { d: "M8 4c0-1 1-2 2-1s2 0 2-1 1-2 2-1", stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinecap: "round" })] })),
64
59
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 8h12a2 2 0 012 2v6a4 4 0 01-4 4H9a4 4 0 01-4-4v-6a2 2 0 012-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M17 10h1a2 2 0 012 2v1a2 2 0 01-2 2h-1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 4c0-1 1-2 2-1s2 0 2-1 1-2 2-1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round" })] })),
65
60
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 8h12a2 2 0 012 2v6a4 4 0 01-4 4H9a4 4 0 01-4-4v-6a2 2 0 012-2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 8h12a2 2 0 012 2v6a4 4 0 01-4 4H9a4 4 0 01-4-4v-6a2 2 0 012-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M17 10h1a2 2 0 012 2v1a2 2 0 01-2 2h-1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 4c0-1 1-2 2-1s2 0 2-1 1-2 2-1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round" })] })),
66
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M6 9h10.5a1.5 1.5 0 011.5 1.5v4.5a3 3 0 01-3 3H9a3 3 0 01-3-3v-4.5A1.5 1.5 0 016 9z", fill: primaryColor }), jsx("path", { d: "M16 10.5h.75a1.5 1.5 0 011.5 1.5v.75a1.5 1.5 0 01-1.5 1.5H16", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M8.5 5.5c0-.75.75-1.5 1.5-.75s1.5 0 1.5-.75.75-1.5 1.5-.75", stroke: primaryColor, strokeWidth: "1.125", fill: "none", strokeLinecap: "round" })] })),
67
61
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 8h12a2 2 0 012 2v6a4 4 0 01-4 4H9a4 4 0 01-4-4v-6a2 2 0 012-2z", fill: primaryColor }), jsx("path", { d: "M5 8h12a2 2 0 012 2v6a4 4 0 01-4 4H9a4 4 0 01-4-4v-6a2 2 0 012-2z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M17 10h1a2 2 0 012 2v1a2 2 0 01-2 2h-1", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("path", { d: "M8 4c0-1 1-2 2-1s2 0 2-1 1-2 2-1", stroke: "#EF4444", strokeWidth: "1.5", fill: "none", strokeLinecap: "round" })] })),
68
62
  },
69
63
  });
@@ -73,7 +67,6 @@ const NtdWine = createIcon({
73
67
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8l-1 8a4 4 0 01-3 3.87V20h3v2H9v-2h3v-6.13A4 4 0 019 10L8 2z", fill: primaryColor }), jsx("path", { d: "M9 6h6l-.5 4a2.5 2.5 0 01-5 0L9 6z", fill: "white", opacity: "0.3" })] })),
74
68
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8l-1 8a4 4 0 01-3 3.87V20h3v2H9v-2h3v-6.13A4 4 0 019 10L8 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 6h6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
75
69
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8l-1 8a4 4 0 01-3 3.87V20h3v2H9v-2h3v-6.13A4 4 0 019 10L8 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M9 6h6l-.5 4a2.5 2.5 0 01-5 0L9 6z", fill: primaryColor, opacity: "0.5" }), jsx("path", { d: "M8 2h8l-1 8a4 4 0 01-3 3.87V20h3v2H9v-2h3v-6.13A4 4 0 019 10L8 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
76
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M9 4h6l-.75 6a3 3 0 01-2.25 2.9V18h2.25v1.5H9.75V18H12v-5.1a3 3 0 01-2.25-2.9L9 4z", fill: primaryColor }), jsx("path", { d: "M10 7h4l-.375 3a1.875 1.875 0 01-3.75 0L10 7z", fill: secondaryColor, opacity: "0.5" })] })),
77
70
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8l-1 8a4 4 0 01-3 3.87V20h3v2H9v-2h3v-6.13A4 4 0 019 10L8 2z", fill: primaryColor }), jsx("path", { d: "M8 2h8l-1 8a4 4 0 01-3 3.87V20h3v2H9v-2h3v-6.13A4 4 0 019 10L8 2z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M9 6h6l-.5 4a2.5 2.5 0 01-5 0L9 6z", fill: "white", opacity: "0.3" })] })),
78
71
  },
79
72
  });
@@ -83,7 +76,6 @@ const NtdBeer = createIcon({
83
76
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "6", width: "12", height: "16", rx: "2", fill: primaryColor }), jsx("path", { d: "M16 9h2a2 2 0 012 2v4a2 2 0 01-2 2h-2", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("path", { d: "M6 6c0-2 2-4 4-2s4 0 4-2", stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinecap: "round" }), jsx("path", { d: "M7 10h6M7 14h5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", opacity: "0.3" })] })),
84
77
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "6", width: "12", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 9h2a2 2 0 012 2v4a2 2 0 01-2 2h-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 6c0-2 2-4 4-2s4 0 4-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round" }), jsx("path", { d: "M7 10h6M7 14h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
85
78
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "6", width: "12", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "6", width: "12", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 9h2a2 2 0 012 2v4a2 2 0 01-2 2h-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 6c0-2 2-4 4-2s4 0 4-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round" }), jsx("path", { d: "M7 10h6M7 14h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
86
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "5", y: "7", width: "10.5", height: "13.5", rx: "1.5", fill: primaryColor }), jsx("path", { d: "M15.5 9.75h1.5a1.5 1.5 0 011.5 1.5v3a1.5 1.5 0 01-1.5 1.5h-1.5", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M7.5 7c0-1.5 1.5-3 3-1.5s3 0 3-1.5", stroke: primaryColor, strokeWidth: "1.125", fill: "none", strokeLinecap: "round" }), jsx("path", { d: "M7.5 10.5h5.25M7.5 13.5h4.5", stroke: secondaryColor, strokeWidth: "1.125", strokeLinecap: "round" })] })),
87
79
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "6", width: "12", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "6", width: "12", height: "16", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M16 9h2a2 2 0 012 2v4a2 2 0 01-2 2h-2", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("path", { d: "M6 6c0-2 2-4 4-2s4 0 4-2", stroke: "#EF4444", strokeWidth: "1.5", fill: "none", strokeLinecap: "round" }), jsx("path", { d: "M7 10h6M7 14h5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", opacity: "0.3" })] })),
88
80
  },
89
81
  });
@@ -93,7 +85,6 @@ const NtdCocktail = createIcon({
93
85
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3h14l-5 8v7h3v2H7v-2h3v-7L5 3z", fill: primaryColor }), jsx("path", { d: "M7 5h10l-3 5H10L7 5z", fill: "white", opacity: "0.3" }), jsx("circle", { cx: "16", cy: "5", r: "1", fill: primaryColor }), jsx("path", { d: "M17 3l2-2", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" })] })),
94
86
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3h14l-5 8v7h3v2H7v-2h3v-7L5 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 5h10", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "16", cy: "5", r: "1", fill: primaryColor }), jsx("path", { d: "M17 3l2-2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
95
87
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3h14l-5 8v7h3v2H7v-2h3v-7L5 3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M7 5h10l-3 5H10L7 5z", fill: primaryColor, opacity: "0.5" }), jsx("path", { d: "M5 3h14l-5 8v7h3v2H7v-2h3v-7L5 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "5", r: "1", fill: primaryColor }), jsx("path", { d: "M17 3l2-2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
96
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M6 5h12l-4.5 6v5.25h2.25v1.5H8.25v-1.5H10.5V11L6 5z", fill: primaryColor }), jsx("path", { d: "M7.5 6.5h9l-2.25 3h-4.5L7.5 6.5z", fill: secondaryColor, opacity: "0.5" }), jsx("circle", { cx: "15", cy: "6", r: "0.75", fill: primaryColor }), jsx("path", { d: "M15.75 5l1.5-1.5", stroke: primaryColor, strokeWidth: "1.125", strokeLinecap: "round" })] })),
97
88
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3h14l-5 8v7h3v2H7v-2h3v-7L5 3z", fill: primaryColor }), jsx("path", { d: "M5 3h14l-5 8v7h3v2H7v-2h3v-7L5 3z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M7 5h10l-3 5H10L7 5z", fill: "white", opacity: "0.3" }), jsx("circle", { cx: "16", cy: "5", r: "1", fill: "#EF4444" }), jsx("path", { d: "M17 3l2-2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
98
89
  },
99
90
  });
@@ -103,7 +94,6 @@ const NtdSoda = createIcon({
103
94
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 4h8l1 4H7l1-4z", fill: primaryColor }), jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M10 2v2M14 2v2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("rect", { x: "9", y: "11", width: "6", height: "3", rx: "1", fill: "white", opacity: "0.3" })] })),
104
95
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 4h8l1 4H7l1-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 2v2M14 2v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("rect", { x: "9", y: "11", width: "6", height: "3", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
105
96
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 4h8l1 4H7l1-4z", fill: primaryColor }), jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 2v2M14 2v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("rect", { x: "9", y: "11", width: "6", height: "3", rx: "1", fill: primaryColor, opacity: "0.5" })] })),
106
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M9 5h6l.75 3H8.25L9 5z", fill: primaryColor }), jsx("rect", { x: "7.5", y: "8", width: "9", height: "11.25", rx: "1.5", fill: primaryColor }), jsx("path", { d: "M10.5 4v1.5M13.5 4v1.5", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" }), jsx("rect", { x: "9.75", y: "10.5", width: "4.5", height: "2.25", rx: "0.75", fill: secondaryColor })] })),
107
97
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 4h8l1 4H7l1-4z", fill: primaryColor }), jsx("path", { d: "M8 4h8l1 4H7l1-4z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", fill: secondaryColor }), jsx("rect", { x: "9", y: "11", width: "6", height: "3", rx: "1", fill: "white", opacity: "0.3" }), jsx("path", { d: "M10 2v2M14 2v2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
108
98
  },
109
99
  });
@@ -116,7 +106,6 @@ const NtdChefHat = createIcon({
116
106
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4c2 0 4 1.5 4 4s-2 4-4 4H6c-2 0-4-1.5-4-4s2-4 4-4z", fill: primaryColor }), jsx("rect", { x: "6", y: "16", width: "12", height: "6", rx: "1", fill: primaryColor }), jsx("path", { d: "M8 14v6M12 14v6M16 14v6", stroke: "white", strokeWidth: "1", opacity: "0.3" })] })),
117
107
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4c2 0 4 1.5 4 4s-2 4-4 4H6c-2 0-4-1.5-4-4s2-4 4-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "6", y: "16", width: "12", height: "6", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 14v8M12 14v8M16 14v8", stroke: primaryColor, strokeWidth: "1" })] })),
118
108
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4c2 0 4 1.5 4 4s-2 4-4 4H6c-2 0-4-1.5-4-4s2-4 4-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4c2 0 4 1.5 4 4s-2 4-4 4H6c-2 0-4-1.5-4-4s2-4 4-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "6", y: "16", width: "12", height: "6", rx: "1", fill: primaryColor })] })),
119
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M7 8.5a3 3 0 013-3h4a3 3 0 013 3c1.5 0 3 1.125 3 3s-1.5 3-3 3H7c-1.5 0-3-1.125-3-3s1.5-3 3-3z", fill: primaryColor }), jsx("rect", { x: "7", y: "14.5", width: "10", height: "4.5", rx: "0.75", fill: primaryColor }), jsx("path", { d: "M9 13v5.5M12 13v5.5M15 13v5.5", stroke: secondaryColor, strokeWidth: "0.75" })] })),
120
109
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4c2 0 4 1.5 4 4s-2 4-4 4H6c-2 0-4-1.5-4-4s2-4 4-4z", fill: primaryColor }), jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4c2 0 4 1.5 4 4s-2 4-4 4H6c-2 0-4-1.5-4-4s2-4 4-4z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "6", y: "16", width: "12", height: "6", rx: "1", fill: secondaryColor }), jsx("path", { d: "M8 14v6M12 14v6M16 14v6", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
121
110
  },
122
111
  });
@@ -126,7 +115,6 @@ const NtdForkKnife = createIcon({
126
115
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 2v8c0 1.5 1 3 3 3v9h2v-9c2 0 3-1.5 3-3V2H5z", fill: primaryColor }), jsx("path", { d: "M7 2v5M9 2v5", stroke: "white", strokeWidth: "1.5" }), jsx("path", { d: "M17 2v7c-2 0-3 1-3 2l1 1v10h2V12l1-1c0-1-1-2-3-2V2h2z", fill: primaryColor })] })),
127
116
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 2v8c0 1.5 1 3 3 3v9h2v-9c2 0 3-1.5 3-3V2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 2v5M9 2v5", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M17 2v7c-2 0-3 1-3 2l1 1v10h2V12l1-1c0-1-1-2-3-2V2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
128
117
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 2v8c0 1.5 1 3 3 3v9h2v-9c2 0 3-1.5 3-3V2H5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 2v8c0 1.5 1 3 3 3v9h2v-9c2 0 3-1.5 3-3V2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 2v5M9 2v5", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M17 2v7c-2 0-3 1-3 2l1 1v10h2V12l1-1c0-1-1-2-3-2V2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
129
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M6 4v6c0 1.125.75 2.25 2.25 2.25v6.75h1.5V12.25c1.5 0 2.25-1.125 2.25-2.25V4H6z", fill: primaryColor }), jsx("path", { d: "M7.5 4v3.75M9 4v3.75", stroke: secondaryColor, strokeWidth: "1.125" }), jsx("path", { d: "M15.75 4v5.25c-1.5 0-2.25.75-2.25 1.5l.75.75v7.5h1.5V11.5l.75-.75c0-.75-.75-1.5-2.25-1.5V4h1.5z", fill: primaryColor })] })),
130
118
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 2v8c0 1.5 1 3 3 3v9h2v-9c2 0 3-1.5 3-3V2H5z", fill: primaryColor }), jsx("path", { d: "M5 2v8c0 1.5 1 3 3 3v9h2v-9c2 0 3-1.5 3-3V2H5z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M17 2v7c-2 0-3 1-3 2l1 1v10h2V12l1-1c0-1-1-2-3-2V2h2z", fill: secondaryColor }), jsx("path", { d: "M7 2v5M9 2v5", stroke: "white", strokeWidth: "1" })] })),
131
119
  },
132
120
  });
@@ -136,7 +124,6 @@ const NtdPlate = createIcon({
136
124
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "4", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", fill: primaryColor, opacity: "0.7" }), jsx("ellipse", { cx: "12", cy: "12", rx: "7", ry: "2.5", fill: "white", opacity: "0.3" })] })),
137
125
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "12", rx: "7", ry: "2.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
138
126
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", fill: primaryColor, opacity: "0.5" }), jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "12", rx: "7", ry: "2.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
139
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("ellipse", { cx: "12", cy: "13.5", rx: "7.5", ry: "3", fill: primaryColor, opacity: "0.5" }), jsx("ellipse", { cx: "12", cy: "12", rx: "7.5", ry: "3", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "12", rx: "5.25", ry: "1.875", fill: secondaryColor, opacity: "0.5" })] })),
140
127
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "4", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "4", fill: "white", opacity: "0.08" }), jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", fill: secondaryColor, opacity: "0.7" }), jsx("ellipse", { cx: "12", cy: "12", rx: "7", ry: "2.5", fill: "white", opacity: "0.3" })] })),
141
128
  },
142
129
  });
@@ -146,7 +133,6 @@ const NtdRecipe = createIcon({
146
133
  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: "6", height: "6", rx: "1", fill: "white", opacity: "0.3" }), jsx("path", { d: "M7 14h10M7 17h8", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
147
134
  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: "6", height: "6", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 14h10M7 17h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
148
135
  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: "6", height: "6", rx: "1", fill: primaryColor, opacity: "0.5", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M7 14h10M7 17h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
149
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "5", y: "4", width: "14", height: "16", rx: "1.5", fill: primaryColor }), jsx("rect", { x: "7.5", y: "6", width: "4.5", height: "4.5", rx: "0.75", fill: secondaryColor }), jsx("path", { d: "M7.5 13h9M7.5 15.75h7.5", stroke: secondaryColor, strokeWidth: "1.125", strokeLinecap: "round" })] })),
150
136
  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: "6", height: "6", rx: "1", fill: "white", opacity: "0.3" }), jsx("path", { d: "M7 14h10M7 17h8", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
151
137
  },
152
138
  });
@@ -156,7 +142,6 @@ const NtdDelivery = createIcon({
156
142
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "14", height: "10", rx: "2", fill: primaryColor }), jsx("path", { d: "M16 9h3l3 4v3h-6V9z", fill: primaryColor }), jsx("circle", { cx: "6", cy: "18", r: "2", fill: primaryColor }), jsx("circle", { cx: "18", cy: "18", r: "2", fill: primaryColor }), jsx("path", { d: "M5 10h6M5 13h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", opacity: "0.3" })] })),
157
143
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "14", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 9h3l3 4v3h-6V9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("circle", { cx: "6", cy: "18", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "18", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 10h6M5 13h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
158
144
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "14", height: "10", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M16 9h3l3 4v3h-6V9z", fill: primaryColor, opacity: "0.5" }), jsx("rect", { x: "2", y: "6", width: "14", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 9h3l3 4v3h-6V9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("circle", { cx: "6", cy: "18", r: "2", fill: primaryColor }), jsx("circle", { cx: "18", cy: "18", r: "2", fill: primaryColor }), jsx("path", { d: "M5 10h6M5 13h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
159
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "3", y: "7", width: "12", height: "8.25", rx: "1.5", fill: primaryColor }), jsx("path", { d: "M15 9.25h2.25l2.25 3v2.25h-4.5V9.25z", fill: primaryColor }), jsx("circle", { cx: "6.75", cy: "16.5", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "17.25", cy: "16.5", r: "1.5", fill: primaryColor }), jsx("path", { d: "M5.25 10h4.5M5.25 12.25h3", stroke: secondaryColor, strokeWidth: "1.125", strokeLinecap: "round" })] })),
160
145
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "14", height: "10", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "6", width: "14", height: "10", rx: "2", fill: "white", opacity: "0.08" }), jsx("path", { d: "M16 9h3l3 4v3h-6V9z", fill: secondaryColor }), jsx("circle", { cx: "6", cy: "18", r: "2", fill: "#EF4444" }), jsx("circle", { cx: "18", cy: "18", r: "2", fill: "#F59E0B" }), jsx("path", { d: "M5 10h6M5 13h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round", opacity: "0.35" })] })),
161
146
  },
162
147
  });
@@ -166,7 +151,6 @@ const NtdRestaurant = createIcon({
166
151
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: primaryColor }), jsx("rect", { x: "8", y: "12", width: "8", height: "10", fill: "white", opacity: "0.3" }), jsx("path", { d: "M10 15h4M10 18h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("text", { x: "12", y: "9", textAnchor: "middle", fill: "white", fontSize: "4", fontWeight: "bold", fontFamily: "system-ui", children: "OPEN" })] })),
167
152
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "8", y: "12", width: "8", height: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 15h4M10 18h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
168
153
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "8", y: "12", width: "8", height: "10", fill: primaryColor, opacity: "0.3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M10 15h4M10 18h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
169
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 4L4 9v9.5a1.5 1.5 0 001.5 1.5h13a1.5 1.5 0 001.5-1.5V9L12 4z", fill: primaryColor }), jsx("rect", { x: "9", y: "12", width: "6", height: "8", fill: secondaryColor }), jsx("path", { d: "M10.5 14.25h3M10.5 16.5h3", stroke: primaryColor, strokeWidth: "1.125", strokeLinecap: "round" })] })),
170
154
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "8", y: "12", width: "8", height: "10", fill: "white", opacity: "0.3" }), jsx("path", { d: "M10 15h4M10 18h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
171
155
  },
172
156
  });
@@ -7,7 +7,6 @@ const NtdDumpsterFire = createIcon({
7
7
  solid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth, }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8.5 1.5c0 0-1.5 2.5-1 4.5s2 2.5 2 4c0 1-0.5 2-1.5 2.5", fill: secondaryColor, opacity: 0.9 }), jsx("path", { d: "M7 2c0 0-2 3-1.5 5.5S8 10 7.5 12c-0.3 1.2-1 1.8-1.5 2", fill: accentColor, opacity: accentOpacity * 0.7 }), jsx("path", { d: "M12 0.5c0 0-2 3-1.5 5.5s2.5 3 2 5c-0.3 1.2-1.2 2-2 2.5", fill: secondaryColor }), jsx("path", { d: "M11 1.5c0 0-2.5 3.5-2 6s3 3.5 2.5 5.5c-0.2 0.8-0.8 1.5-1.5 2", fill: accentColor, opacity: accentOpacity * 0.8 }), jsx("path", { d: "M15.5 2c0 0-1.5 2.5-1 4.5s2 2.5 1.5 4.5c-0.3 1-0.8 1.8-1.5 2", fill: secondaryColor, opacity: 0.85 }), jsx("path", { d: "M15 3c0 0-2 3-1.5 5s2 2.5 1.5 4.5c-0.2 0.8-0.7 1.3-1 1.5", fill: accentColor, opacity: accentOpacity * 0.6 }), jsx("path", { d: "M3 13h18l-1.5 9H4.5L3 13z", fill: primaryColor }), jsx("rect", { x: "2", y: "12", width: "20", height: "2.5", rx: "0.5", fill: primaryColor }), jsx("line", { x1: "8.5", y1: "14.5", x2: "8", y2: "22", stroke: accentColor, strokeWidth: "0.8", opacity: accentOpacity * 0.4 }), jsx("line", { x1: "15.5", y1: "14.5", x2: "16", y2: "22", stroke: accentColor, strokeWidth: "0.8", opacity: accentOpacity * 0.4 }), jsx("circle", { cx: "7", cy: "23", r: "1", fill: primaryColor }), jsx("circle", { cx: "17", cy: "23", r: "1", fill: primaryColor })] })),
8
8
  outline: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8.5 2c0 0-1.5 2.5-1 4.5s2 2.5 2 4c0 1-0.5 2-1.5 2.5", stroke: secondaryColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M12 1c0 0-2 3-1.5 5.5s2.5 3 2 5c-0.3 1.2-1.2 2-2 2.5", stroke: secondaryColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M15.5 2.5c0 0-1.5 2.5-1 4.5s2 2.5 1.5 4.5c-0.3 1-0.8 1.8-1.5 2", stroke: secondaryColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M3 13h18l-1.5 9H4.5L3 13z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "2", y1: "13", x2: "22", y2: "13", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "7", cy: "23", r: "1", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("circle", { cx: "17", cy: "23", r: "1", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
9
9
  duotone: ({ primaryColor, secondaryColor, accentColor, secondaryOpacity, accentOpacity, strokeWidth, }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8.5 2c0 0-1.5 2.5-1 4.5s2 2.5 2 4c0 1-0.5 2-1.5 2.5", fill: secondaryColor, opacity: secondaryOpacity + 0.3 }), jsx("path", { d: "M7 2.5c0 0-2 3-1.5 5.5S8 10.5 7.5 12.5c-0.3 1-1 1.5-1.5 1.5", fill: accentColor, opacity: accentOpacity * 0.5 }), jsx("path", { d: "M12 1c0 0-2 3-1.5 5.5s2.5 3 2 5c-0.3 1.2-1.2 2-2 2.5", fill: secondaryColor, opacity: secondaryOpacity + 0.4 }), jsx("path", { d: "M11 2c0 0-2.5 3.5-2 6s3 3.5 2.5 5.5c-0.2 0.8-0.8 1.5-1.5 2", fill: accentColor, opacity: accentOpacity * 0.6 }), jsx("path", { d: "M15.5 2.5c0 0-1.5 2.5-1 4.5s2 2.5 1.5 4.5c-0.3 1-0.8 1.8-1.5 2", fill: secondaryColor, opacity: secondaryOpacity + 0.3 }), jsx("path", { d: "M15 3.5c0 0-2 3-1.5 5s2 2.5 1.5 4c-0.2 0.6-0.5 1-0.8 1.2", fill: accentColor, opacity: accentOpacity * 0.4 }), jsx("path", { d: "M3 13h18l-1.5 9H4.5L3 13z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 13h18l-1.5 9H4.5L3 13z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "12", width: "20", height: "2.5", rx: "0.5", fill: primaryColor }), jsx("circle", { cx: "7", cy: "23", r: "1", fill: primaryColor }), jsx("circle", { cx: "17", cy: "23", r: "1", fill: primaryColor })] })),
10
- 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: "M8.5 1.5c0 0-1.5 2.5-1 4.5s2 2.5 2 4c0 1-0.5 2-1.5 2.5", fill: secondaryColor, opacity: 0.9 }), jsx("path", { d: "M7 2c0 0-2 3-1.5 5.5S8 10 7.5 12c-0.3 1.2-1 1.8-1.5 2", fill: accentColor, opacity: accentOpacity * 0.7 }), jsx("path", { d: "M12 0.5c0 0-2 3-1.5 5.5s2.5 3 2 5c-0.3 1.2-1.2 2-2 2.5", fill: secondaryColor }), jsx("path", { d: "M11 1.5c0 0-2.5 3.5-2 6s3 3.5 2.5 5.5c-0.2 0.8-0.8 1.5-1.5 2", fill: accentColor, opacity: accentOpacity * 0.8 }), jsx("path", { d: "M15.5 2c0 0-1.5 2.5-1 4.5s2 2.5 1.5 4.5c-0.3 1-0.8 1.8-1.5 2", fill: secondaryColor, opacity: 0.85 }), jsx("path", { d: "M15 3c0 0-2 3-1.5 5s2 2.5 1.5 4.5c-0.2 0.8-0.7 1.3-1 1.5", fill: accentColor, opacity: accentOpacity * 0.6 }), jsx("path", { d: "M3 13h18l-1.5 9H4.5L3 13z", fill: primaryColor }), jsx("rect", { x: "2", y: "12", width: "20", height: "2.5", rx: "0.5", fill: primaryColor }), jsx("line", { x1: "8.5", y1: "14.5", x2: "8", y2: "22", stroke: accentColor, strokeWidth: "0.8", opacity: accentOpacity * 0.4 }), jsx("line", { x1: "15.5", y1: "14.5", x2: "16", y2: "22", stroke: accentColor, strokeWidth: "0.8", opacity: accentOpacity * 0.4 }), jsx("circle", { cx: "7", cy: "23", r: "1", fill: primaryColor }), jsx("circle", { cx: "17", cy: "23", r: "1", fill: primaryColor })] })),
11
10
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8.5 1.5c0 0-1.5 2.5-1 4.5s2 2.5 2 4c0 1-0.5 2-1.5 2.5", fill: primaryColor }), jsx("path", { d: "M8.5 1.5c0 0-1.5 2.5-1 4.5s2 2.5 2 4c0 1-0.5 2-1.5 2.5", fill: "white", opacity: "0.08" }), jsx("path", { d: "M7 2c0 0-2 3-1.5 5.5S8 10 7.5 12c-0.3 1.2-1 1.8-1.5 2", fill: secondaryColor }), jsx("path", { d: "M12 0.5c0 0-2 3-1.5 5.5s2.5 3 2 5c-0.3 1.2-1.2 2-2 2.5", fill: "#F59E0B" }), jsx("path", { d: "M11 1.5c0 0-2.5 3.5-2 6s3 3.5 2.5 5.5c-0.2 0.8-0.8 1.5-1.5 2", fill: "#EF4444" }), jsx("path", { d: "M15.5 2c0 0-1.5 2.5-1 4.5s2 2.5 1.5 4.5c-0.3 1-0.8 1.8-1.5 2", fill: "#8B5CF6" }), jsx("path", { d: "M15 3c0 0-2 3-1.5 5s2 2.5 1.5 4.5c-0.2 0.8-0.7 1.3-1 1.5", fill: "#8B5CF6" }), jsx("path", { d: "M3 13h18l-1.5 9H4.5L3 13z", fill: "#8B5CF6" }), jsx("rect", { x: "2", y: "12", width: "20", height: "2.5", rx: "0.5", fill: "#8B5CF6" }), jsx("circle", { cx: "7", cy: "23", r: "1", fill: "#8B5CF6" }), jsx("circle", { cx: "17", cy: "23", r: "1", fill: "#8B5CF6" }), jsx("line", { x1: "8.5", y1: "14.5", x2: "8", y2: "22", stroke: "white", strokeWidth: "1", opacity: "0.35" }), jsx("line", { x1: "15.5", y1: "14.5", x2: "16", y2: "22", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
12
11
  },
13
12
  });
@@ -17,7 +16,6 @@ const NtdRocket = createIcon({
17
16
  solid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth, }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C12 2 8 6 8 12c0 2 .5 4 1 5h6c.5-1 1-3 1-5 0-6-4-10-4-10z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M8 12L5 15l1 3 2-2", fill: secondaryColor, opacity: 0.7 }), jsx("path", { d: "M16 12l3 3-1 3-2-2", fill: secondaryColor, opacity: 0.7 }), jsx("path", { d: "M9 17h6l-1 5h-4l-1-5z", fill: secondaryColor, opacity: 0.9 })] })),
18
17
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C12 2 8 6 8 12c0 2 .5 4 1 5h6c.5-1 1-3 1-5 0-6-4-10-4-10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12L5 15l1 3 2-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 12l3 3-1 3-2-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 17l-1 5h8l-1-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
19
18
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C12 2 8 6 8 12c0 2 .5 4 1 5h6c.5-1 1-3 1-5 0-6-4-10-4-10z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2C12 2 8 6 8 12c0 2 .5 4 1 5h6c.5-1 1-3 1-5 0-6-4-10-4-10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12L5 15l1 3 2-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 12l3 3-1 3-2-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 17l-1 5h8l-1-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
20
- 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: "M12 2C12 2 8 6 8 12c0 2 .5 4 1 5h6c.5-1 1-3 1-5 0-6-4-10-4-10z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M8 12L5 15l1 3 2-2", fill: secondaryColor, opacity: 0.7 }), jsx("path", { d: "M16 12l3 3-1 3-2-2", fill: secondaryColor, opacity: 0.7 }), jsx("path", { d: "M9 17h6l-1 5h-4l-1-5z", fill: secondaryColor, opacity: 0.9 })] })),
21
19
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C12 2 8 6 8 12c0 2 .5 4 1 5h6c.5-1 1-3 1-5 0-6-4-10-4-10z", fill: primaryColor }), jsx("path", { d: "M12 2C12 2 8 6 8 12c0 2 .5 4 1 5h6c.5-1 1-3 1-5 0-6-4-10-4-10z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: secondaryColor }), jsx("path", { d: "M8 12L5 15l1 3 2-2", fill: "#F59E0B" }), jsx("path", { d: "M16 12l3 3-1 3-2-2", fill: "#EF4444" }), jsx("path", { d: "M9 17h6l-1 5h-4l-1-5z", fill: "#8B5CF6" })] })),
22
20
  },
23
21
  });
@@ -27,7 +25,6 @@ const NtdGamepad = createIcon({
27
25
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 11h4M8 9v4", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity }), jsx("path", { d: "M2 12a4 4 0 014-4h12a4 4 0 014 4v2a4 4 0 01-4 4H6a4 4 0 01-4-4v-2z", fill: primaryColor }), jsx("path", { d: "M6 11h4M8 9v4", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity }), jsx("circle", { cx: "15", cy: "10", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "18", cy: "13", r: "1", fill: accentColor, opacity: accentOpacity })] })),
28
26
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 12a4 4 0 014-4h12a4 4 0 014 4v2a4 4 0 01-4 4H6a4 4 0 01-4-4v-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 11h4M8 9v4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "15", cy: "10", r: "1", fill: primaryColor }), jsx("circle", { cx: "18", cy: "13", r: "1", fill: primaryColor })] })),
29
27
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 12a4 4 0 014-4h12a4 4 0 014 4v2a4 4 0 01-4 4H6a4 4 0 01-4-4v-2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M2 12a4 4 0 014-4h12a4 4 0 014 4v2a4 4 0 01-4 4H6a4 4 0 01-4-4v-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 11h4M8 9v4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "15", cy: "10", r: "1", fill: primaryColor }), jsx("circle", { cx: "18", cy: "13", r: "1", fill: primaryColor })] })),
30
- flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M6 11h4M8 9v4", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity }), jsx("path", { d: "M2 12a4 4 0 014-4h12a4 4 0 014 4v2a4 4 0 01-4 4H6a4 4 0 01-4-4v-2z", fill: primaryColor }), jsx("path", { d: "M6 11h4M8 9v4", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity }), jsx("circle", { cx: "15", cy: "10", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "18", cy: "13", r: "1", fill: accentColor, opacity: accentOpacity })] })),
31
28
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 12a4 4 0 014-4h12a4 4 0 014 4v2a4 4 0 01-4 4H6a4 4 0 01-4-4v-2z", fill: primaryColor }), jsx("path", { d: "M2 12a4 4 0 014-4h12a4 4 0 014 4v2a4 4 0 01-4 4H6a4 4 0 01-4-4v-2z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "15", cy: "10", r: "1", fill: secondaryColor }), jsx("circle", { cx: "18", cy: "13", r: "1", fill: "#F59E0B" }), jsx("path", { d: "M6 11h4M8 9v4", stroke: "white", strokeWidth: "1", opacity: "0.35" }), jsx("path", { d: "M6 11h4M8 9v4", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
32
29
  },
33
30
  });
@@ -37,7 +34,6 @@ const NtdPuzzle = createIcon({
37
34
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 01-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 10-3.214 3.214c.446.166.855.497.925.968a.979.979 0 01-.276.837l-1.61 1.61a2.404 2.404 0 01-1.705.707 2.402 2.402 0 01-1.704-.706l-1.568-1.568a1.026 1.026 0 00-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 11-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 00-.289-.877l-1.568-1.568A2.402 2.402 0 011.998 12c0-.617.236-1.234.706-1.704L4.315 8.685a.977.977 0 01.836-.276c.47.07.802.48.968.925a2.501 2.501 0 103.214-3.214c-.446-.166-.855-.497-.925-.968a.98.98 0 01.276-.837L10.296 2.704A2.402 2.402 0 0112 1.998c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 113.237 3.237c-.464.18-.894.527-.967 1.02z", fill: primaryColor })),
38
35
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 01-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 10-3.214 3.214c.446.166.855.497.925.968a.979.979 0 01-.276.837l-1.61 1.61a2.404 2.404 0 01-1.705.707 2.402 2.402 0 01-1.704-.706l-1.568-1.568a1.026 1.026 0 00-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 11-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 00-.289-.877l-1.568-1.568A2.402 2.402 0 011.998 12c0-.617.236-1.234.706-1.704L4.315 8.685a.977.977 0 01.836-.276c.47.07.802.48.968.925a2.501 2.501 0 103.214-3.214c-.446-.166-.855-.497-.925-.968a.98.98 0 01.276-.837L10.296 2.704A2.402 2.402 0 0112 1.998c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 113.237 3.237c-.464.18-.894.527-.967 1.02z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
39
36
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 01-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 10-3.214 3.214c.446.166.855.497.925.968a.979.979 0 01-.276.837l-1.61 1.61a2.404 2.404 0 01-1.705.707 2.402 2.402 0 01-1.704-.706l-1.568-1.568a1.026 1.026 0 00-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 11-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 00-.289-.877l-1.568-1.568A2.402 2.402 0 011.998 12c0-.617.236-1.234.706-1.704L4.315 8.685a.977.977 0 01.836-.276c.47.07.802.48.968.925a2.501 2.501 0 103.214-3.214c-.446-.166-.855-.497-.925-.968a.98.98 0 01.276-.837L10.296 2.704A2.402 2.402 0 0112 1.998c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 113.237 3.237c-.464.18-.894.527-.967 1.02z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 01-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 10-3.214 3.214c.446.166.855.497.925.968a.979.979 0 01-.276.837l-1.61 1.61a2.404 2.404 0 01-1.705.707 2.402 2.402 0 01-1.704-.706l-1.568-1.568a1.026 1.026 0 00-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 11-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 00-.289-.877l-1.568-1.568A2.402 2.402 0 011.998 12c0-.617.236-1.234.706-1.704L4.315 8.685a.977.977 0 01.836-.276c.47.07.802.48.968.925a2.501 2.501 0 103.214-3.214c-.446-.166-.855-.497-.925-.968a.98.98 0 01.276-.837L10.296 2.704A2.402 2.402 0 0112 1.998c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 113.237 3.237c-.464.18-.894.527-.967 1.02z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
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: "M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 01-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 10-3.214 3.214c.446.166.855.497.925.968a.979.979 0 01-.276.837l-1.61 1.61a2.404 2.404 0 01-1.705.707 2.402 2.402 0 01-1.704-.706l-1.568-1.568a1.026 1.026 0 00-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 11-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 00-.289-.877l-1.568-1.568A2.402 2.402 0 011.998 12c0-.617.236-1.234.706-1.704L4.315 8.685a.977.977 0 01.836-.276c.47.07.802.48.968.925a2.501 2.501 0 103.214-3.214c-.446-.166-.855-.497-.925-.968a.98.98 0 01.276-.837L10.296 2.704A2.402 2.402 0 0112 1.998c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 113.237 3.237c-.464.18-.894.527-.967 1.02z", fill: primaryColor })] })),
41
37
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 01-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 10-3.214 3.214c.446.166.855.497.925.968a.979.979 0 01-.276.837l-1.61 1.61a2.404 2.404 0 01-1.705.707 2.402 2.402 0 01-1.704-.706l-1.568-1.568a1.026 1.026 0 00-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 11-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 00-.289-.877l-1.568-1.568A2.402 2.402 0 011.998 12c0-.617.236-1.234.706-1.704L4.315 8.685a.977.977 0 01.836-.276c.47.07.802.48.968.925a2.501 2.501 0 103.214-3.214c-.446-.166-.855-.497-.925-.968a.98.98 0 01.276-.837L10.296 2.704A2.402 2.402 0 0112 1.998c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 113.237 3.237c-.464.18-.894.527-.967 1.02z", fill: primaryColor }), jsx("path", { d: "M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 01-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 10-3.214 3.214c.446.166.855.497.925.968a.979.979 0 01-.276.837l-1.61 1.61a2.404 2.404 0 01-1.705.707 2.402 2.402 0 01-1.704-.706l-1.568-1.568a1.026 1.026 0 00-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 11-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 00-.289-.877l-1.568-1.568A2.402 2.402 0 011.998 12c0-.617.236-1.234.706-1.704L4.315 8.685a.977.977 0 01.836-.276c.47.07.802.48.968.925a2.501 2.501 0 103.214-3.214c-.446-.166-.855-.497-.925-.968a.98.98 0 01.276-.837L10.296 2.704A2.402 2.402 0 0112 1.998c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 113.237 3.237c-.464.18-.894.527-.967 1.02z", fill: "white", opacity: "0.1" })] })),
42
38
  },
43
39
  });
@@ -47,7 +43,6 @@ const NtdPartyPopper = createIcon({
47
43
  solid: ({ primaryColor, secondaryColor, accentColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 21L10 8l6 6-13 7z", fill: primaryColor }), jsx("circle", { cx: "15", cy: "4", r: "1.5", fill: accentColor }), jsx("circle", { cx: "20", cy: "7", r: "1", fill: secondaryColor }), jsx("circle", { cx: "18", cy: "3", r: "1", fill: secondaryColor }), jsx("line", { x1: "17", y1: "10", x2: "21", y2: "8", stroke: accentColor, strokeWidth: "1.5" }), jsx("line", { x1: "19", y1: "14", x2: "22", y2: "13", stroke: secondaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "13", y1: "3", x2: "12", y2: "1", stroke: secondaryColor, strokeWidth: "1.5" })] })),
48
44
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 21L10 8l6 6-13 7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "15", cy: "4", r: "1.5", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("circle", { cx: "20", cy: "7", r: "1", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("line", { x1: "17", y1: "10", x2: "21", y2: "8", stroke: primaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "19", y1: "14", x2: "22", y2: "13", stroke: primaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "13", y1: "3", x2: "12", y2: "1", stroke: primaryColor, strokeWidth: "1.5" })] })),
49
45
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 21L10 8l6 6-13 7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 21L10 8l6 6-13 7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "15", cy: "4", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "20", cy: "7", r: "1", fill: primaryColor }), jsx("line", { x1: "17", y1: "10", x2: "21", y2: "8", stroke: primaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "19", y1: "14", x2: "22", y2: "13", stroke: primaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "13", y1: "3", x2: "12", y2: "1", stroke: primaryColor, strokeWidth: "1.5" })] })),
50
- flat: ({ primaryColor, secondaryColor, accentColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M3 21L10 8l6 6-13 7z", fill: primaryColor }), jsx("circle", { cx: "15", cy: "4", r: "1.5", fill: accentColor }), jsx("circle", { cx: "20", cy: "7", r: "1", fill: secondaryColor }), jsx("circle", { cx: "18", cy: "3", r: "1", fill: secondaryColor }), jsx("line", { x1: "17", y1: "10", x2: "21", y2: "8", stroke: accentColor, strokeWidth: "1.5" }), jsx("line", { x1: "19", y1: "14", x2: "22", y2: "13", stroke: secondaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "13", y1: "3", x2: "12", y2: "1", stroke: secondaryColor, strokeWidth: "1.5" })] })),
51
46
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 21L10 8l6 6-13 7z", fill: primaryColor }), jsx("path", { d: "M3 21L10 8l6 6-13 7z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "15", cy: "4", r: "1.5", fill: secondaryColor }), jsx("circle", { cx: "20", cy: "7", r: "1", fill: "#F59E0B" }), jsx("circle", { cx: "18", cy: "3", r: "1", fill: "#EF4444" }), jsx("line", { x1: "17", y1: "10", x2: "21", y2: "8", stroke: "white", strokeWidth: "1" }), jsx("line", { x1: "19", y1: "14", x2: "22", y2: "13", stroke: "white", strokeWidth: "1" }), jsx("line", { x1: "13", y1: "3", x2: "12", y2: "1", stroke: "white", strokeWidth: "1" })] })),
52
47
  },
53
48
  });
@@ -57,7 +52,6 @@ const NtdTrophy = createIcon({
57
52
  solid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 2h12v6a6 6 0 01-12 0V2z", fill: primaryColor }), jsx("path", { d: "M6 4H4a2 2 0 00-2 2v1a3 3 0 003 3h1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M18 4h2a2 2 0 012 2v1a3 3 0 01-3 3h-1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "14", x2: "12", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "8", y: "18", width: "8", height: "3", rx: "1", fill: secondaryColor })] })),
58
53
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 2h12v6a6 6 0 01-12 0V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 4H4a2 2 0 00-2 2v1a3 3 0 003 3h1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M18 4h2a2 2 0 012 2v1a3 3 0 01-3 3h-1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "14", x2: "12", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "8", y: "18", width: "8", height: "3", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
59
54
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 2h12v6a6 6 0 01-12 0V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 2h12v6a6 6 0 01-12 0V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 4H4a2 2 0 00-2 2v1a3 3 0 003 3h1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M18 4h2a2 2 0 012 2v1a3 3 0 01-3 3h-1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "14", x2: "12", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "8", y: "18", width: "8", height: "3", rx: "1", fill: secondaryColor, opacity: secondaryOpacity + 0.2 })] })),
60
- flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M6 2h12v6a6 6 0 01-12 0V2z", fill: primaryColor }), jsx("path", { d: "M6 4H4a2 2 0 00-2 2v1a3 3 0 003 3h1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M18 4h2a2 2 0 012 2v1a3 3 0 01-3 3h-1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "14", x2: "12", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "8", y: "18", width: "8", height: "3", rx: "1", fill: secondaryColor })] })),
61
55
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 2h12v6a6 6 0 01-12 0V2z", fill: primaryColor }), jsx("path", { d: "M6 2h12v6a6 6 0 01-12 0V2z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "8", y: "18", width: "8", height: "3", rx: "1", fill: secondaryColor }), jsx("path", { d: "M6 4H4a2 2 0 00-2 2v1a3 3 0 003 3h1", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M18 4h2a2 2 0 012 2v1a3 3 0 01-3 3h-1", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("line", { x1: "12", y1: "14", x2: "12", y2: "18", stroke: "white", strokeWidth: "1" })] })),
62
56
  },
63
57
  });
@@ -67,7 +61,6 @@ const NtdCrown = createIcon({
67
61
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "2,20 4,8 9,13 12,4 15,13 20,8 22,20", fill: primaryColor }), jsx("circle", { cx: "4", cy: "7", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "12", cy: "3", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "20", cy: "7", r: "1.5", fill: primaryColor })] })),
68
62
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "2,20 4,8 9,13 12,4 15,13 20,8 22,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "4", cy: "7", r: "1.5", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("circle", { cx: "12", cy: "3", r: "1.5", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("circle", { cx: "20", cy: "7", r: "1.5", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
69
63
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "2,20 4,8 9,13 12,4 15,13 20,8 22,20", fill: secondaryColor, opacity: secondaryOpacity }), jsx("polygon", { points: "2,20 4,8 9,13 12,4 15,13 20,8 22,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "4", cy: "7", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "12", cy: "3", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "20", cy: "7", r: "1.5", 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("polygon", { points: "2,20 4,8 9,13 12,4 15,13 20,8 22,20", fill: primaryColor }), jsx("circle", { cx: "4", cy: "7", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "12", cy: "3", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "20", cy: "7", r: "1.5", fill: primaryColor })] })),
71
64
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "2,20 4,8 9,13 12,4 15,13 20,8 22,20", fill: primaryColor }), jsx("polygon", { points: "2,20 4,8 9,13 12,4 15,13 20,8 22,20", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "4", cy: "7", r: "1.5", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "3", r: "1.5", fill: "#F59E0B" }), jsx("circle", { cx: "20", cy: "7", r: "1.5", fill: "#EF4444" })] })),
72
65
  },
73
66
  });
@@ -77,7 +70,6 @@ const NtdDice = createIcon({
77
70
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", fill: primaryColor }), jsx("circle", { cx: "8", cy: "8", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "16", cy: "8", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "8", cy: "16", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "16", cy: "16", r: "1.5", fill: accentColor, opacity: accentOpacity })] })),
78
71
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "8", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "16", cy: "8", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "8", cy: "16", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "16", cy: "16", r: "1.5", fill: primaryColor })] })),
79
72
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "8", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "16", cy: "8", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "8", cy: "16", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "16", cy: "16", r: "1.5", fill: primaryColor })] })),
80
- 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("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", fill: primaryColor }), jsx("circle", { cx: "8", cy: "8", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "16", cy: "8", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "8", cy: "16", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "16", cy: "16", r: "1.5", fill: accentColor, opacity: accentOpacity })] })),
81
73
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "8", cy: "8", r: "1.5", fill: secondaryColor }), jsx("circle", { cx: "16", cy: "8", r: "1.5", fill: "#F59E0B" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "#EF4444" }), jsx("circle", { cx: "8", cy: "16", r: "1.5", fill: "#8B5CF6" }), jsx("circle", { cx: "16", cy: "16", r: "1.5", fill: "#8B5CF6" })] })),
82
74
  },
83
75
  });
@@ -87,7 +79,6 @@ const NtdSmiley = createIcon({
87
79
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M8 14s1.5 3 4 3 4-3 4-3", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity })] })),
88
80
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: primaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: primaryColor }), jsx("path", { d: "M8 14s1.5 3 4 3 4-3 4-3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
89
81
  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: "9", cy: "10", r: "1.2", fill: primaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: primaryColor }), jsx("path", { d: "M8 14s1.5 3 4 3 4-3 4-3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
90
- 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("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M8 14s1.5 3 4 3 4-3 4-3", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity })] })),
91
82
  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: "9", cy: "10", r: "1.2", fill: secondaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: "#F59E0B" }), jsx("path", { d: "M8 14s1.5 3 4 3 4-3 4-3", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.35" })] })),
92
83
  },
93
84
  });
@@ -97,7 +88,6 @@ const NtdSad = createIcon({
97
88
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M16 17s-1.5-3-4-3-4 3-4 3", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity })] })),
98
89
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: primaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: primaryColor }), jsx("path", { d: "M16 17s-1.5-3-4-3-4 3-4 3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
99
90
  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: "9", cy: "10", r: "1.2", fill: primaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: primaryColor }), jsx("path", { d: "M16 17s-1.5-3-4-3-4 3-4 3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
100
- 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("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M16 17s-1.5-3-4-3-4 3-4 3", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity })] })),
101
91
  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: "9", cy: "10", r: "1.2", fill: secondaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: "#F59E0B" }), jsx("path", { d: "M16 17s-1.5-3-4-3-4 3-4 3", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.35" })] })),
102
92
  },
103
93
  });
@@ -107,7 +97,6 @@ const NtdSkull = createIcon({
107
97
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C7 2 3 6 3 10.5c0 3 1.5 5.5 4 7V20a2 2 0 002 2h6a2 2 0 002-2v-2.5c2.5-1.5 4-4 4-7C21 6 17 2 12 2z", fill: primaryColor }), jsx("circle", { cx: "9", cy: "10", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "15", cy: "10", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M9 16v2M12 16v2M15 16v2", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
108
98
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C7 2 3 6 3 10.5c0 3 1.5 5.5 4 7V20a2 2 0 002 2h6a2 2 0 002-2v-2.5c2.5-1.5 4-4 4-7C21 6 17 2 12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "10", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "15", cy: "10", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 16v2M12 16v2M15 16v2", stroke: primaryColor, strokeWidth: "1.5" })] })),
109
99
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C7 2 3 6 3 10.5c0 3 1.5 5.5 4 7V20a2 2 0 002 2h6a2 2 0 002-2v-2.5c2.5-1.5 4-4 4-7C21 6 17 2 12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2C7 2 3 6 3 10.5c0 3 1.5 5.5 4 7V20a2 2 0 002 2h6a2 2 0 002-2v-2.5c2.5-1.5 4-4 4-7C21 6 17 2 12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "10", r: "2", fill: primaryColor }), jsx("circle", { cx: "15", cy: "10", r: "2", fill: primaryColor }), jsx("path", { d: "M9 16v2M12 16v2M15 16v2", stroke: primaryColor, strokeWidth: "1.5" })] })),
110
- 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: "M12 2C7 2 3 6 3 10.5c0 3 1.5 5.5 4 7V20a2 2 0 002 2h6a2 2 0 002-2v-2.5c2.5-1.5 4-4 4-7C21 6 17 2 12 2z", fill: primaryColor }), jsx("circle", { cx: "9", cy: "10", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "15", cy: "10", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M9 16v2M12 16v2M15 16v2", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
111
100
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C7 2 3 6 3 10.5c0 3 1.5 5.5 4 7V20a2 2 0 002 2h6a2 2 0 002-2v-2.5c2.5-1.5 4-4 4-7C21 6 17 2 12 2z", fill: primaryColor }), jsx("path", { d: "M12 2C7 2 3 6 3 10.5c0 3 1.5 5.5 4 7V20a2 2 0 002 2h6a2 2 0 002-2v-2.5c2.5-1.5 4-4 4-7C21 6 17 2 12 2z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "9", cy: "10", r: "2", fill: secondaryColor }), jsx("circle", { cx: "15", cy: "10", r: "2", fill: "#F59E0B" }), jsx("path", { d: "M9 16v2M12 16v2M15 16v2", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
112
101
  },
113
102
  });
@@ -117,7 +106,6 @@ const NtdGhost = createIcon({
117
106
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a8 8 0 00-8 8v12l3-3 3 3 2-2 2 2 3-3 3 3V10a8 8 0 00-8-8z", fill: primaryColor }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "15", cy: "10", r: "1.5", fill: accentColor, opacity: accentOpacity })] })),
118
107
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a8 8 0 00-8 8v12l3-3 3 3 2-2 2 2 3-3 3 3V10a8 8 0 00-8-8z", 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 })] })),
119
108
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a8 8 0 00-8 8v12l3-3 3 3 2-2 2 2 3-3 3 3V10a8 8 0 00-8-8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a8 8 0 00-8 8v12l3-3 3 3 2-2 2 2 3-3 3 3V10a8 8 0 00-8-8z", 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 })] })),
120
- 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: "M12 2a8 8 0 00-8 8v12l3-3 3 3 2-2 2 2 3-3 3 3V10a8 8 0 00-8-8z", fill: primaryColor }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "15", cy: "10", r: "1.5", fill: accentColor, opacity: accentOpacity })] })),
121
109
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a8 8 0 00-8 8v12l3-3 3 3 2-2 2 2 3-3 3 3V10a8 8 0 00-8-8z", fill: primaryColor }), jsx("path", { d: "M12 2a8 8 0 00-8 8v12l3-3 3 3 2-2 2 2 3-3 3 3V10a8 8 0 00-8-8z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: secondaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.5", fill: "#F59E0B" })] })),
122
110
  },
123
111
  });
@@ -127,7 +115,6 @@ const NtdLightning = createIcon({
127
115
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("polygon", { points: "13,2 3,14 12,14 11,22 21,10 12,10", fill: primaryColor })),
128
116
  outline: ({ primaryColor, strokeWidth }) => (jsx("polygon", { points: "13,2 3,14 12,14 11,22 21,10 12,10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
129
117
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "13,2 3,14 12,14 11,22 21,10 12,10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("polygon", { points: "13,2 3,14 12,14 11,22 21,10 12,10", 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("polygon", { points: "13,2 3,14 12,14 11,22 21,10 12,10", fill: primaryColor })] })),
131
118
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "13,2 3,14 12,14 11,22 21,10 12,10", fill: primaryColor }), jsx("polygon", { points: "13,2 3,14 12,14 11,22 21,10 12,10", fill: "white", opacity: "0.1" })] })),
132
119
  },
133
120
  });