@nice2dev/icons 1.1.10 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/CHANGELOG.md +70 -0
  2. package/dist/cjs/createIcon.js +1 -8
  3. package/dist/cjs/icons/accessibility.js +0 -13
  4. package/dist/cjs/icons/actions.js +0 -25
  5. package/dist/cjs/icons/ai.js +0 -15
  6. package/dist/cjs/icons/brand.js +0 -11
  7. package/dist/cjs/icons/business.js +0 -25
  8. package/dist/cjs/icons/devtech.js +0 -39
  9. package/dist/cjs/icons/ecommerce.js +0 -16
  10. package/dist/cjs/icons/education.js +0 -17
  11. package/dist/cjs/icons/files.js +0 -31
  12. package/dist/cjs/icons/fintech.js +0 -14
  13. package/dist/cjs/icons/food.js +0 -16
  14. package/dist/cjs/icons/fun.js +0 -13
  15. package/dist/cjs/icons/gaming.js +0 -15
  16. package/dist/cjs/icons/health.js +0 -14
  17. package/dist/cjs/icons/legal.js +0 -13
  18. package/dist/cjs/icons/media.js +0 -23
  19. package/dist/cjs/icons/navigation.js +0 -14
  20. package/dist/cjs/icons/realestate.js +0 -17
  21. package/dist/cjs/icons/saas.js +0 -13
  22. package/dist/cjs/icons/science.js +1 -18
  23. package/dist/cjs/icons/shapes.js +0 -22
  24. package/dist/cjs/icons/smarthome.js +0 -13
  25. package/dist/cjs/icons/social.js +0 -18
  26. package/dist/cjs/icons/sports.js +0 -14
  27. package/dist/cjs/icons/sustainability.js +0 -15
  28. package/dist/cjs/icons/travel.js +0 -15
  29. package/dist/cjs/icons/ui.js +0 -28
  30. package/dist/cjs/icons/weather.js +0 -20
  31. package/dist/cjs/index.js +0 -4
  32. package/dist/cjs/nicetodev-icons.css +1 -1
  33. package/dist/cjs/rsc.js +1 -1
  34. package/dist/cjs/variantProps.js +2 -7
  35. package/dist/esm/createIcon.js +1 -8
  36. package/dist/esm/icons/accessibility.js +0 -13
  37. package/dist/esm/icons/actions.js +0 -25
  38. package/dist/esm/icons/ai.js +0 -15
  39. package/dist/esm/icons/brand.js +0 -11
  40. package/dist/esm/icons/business.js +0 -25
  41. package/dist/esm/icons/devtech.js +0 -39
  42. package/dist/esm/icons/ecommerce.js +0 -16
  43. package/dist/esm/icons/education.js +0 -17
  44. package/dist/esm/icons/files.js +0 -31
  45. package/dist/esm/icons/fintech.js +0 -14
  46. package/dist/esm/icons/food.js +0 -16
  47. package/dist/esm/icons/fun.js +0 -13
  48. package/dist/esm/icons/gaming.js +0 -15
  49. package/dist/esm/icons/health.js +0 -14
  50. package/dist/esm/icons/legal.js +0 -13
  51. package/dist/esm/icons/media.js +0 -23
  52. package/dist/esm/icons/navigation.js +0 -14
  53. package/dist/esm/icons/realestate.js +0 -17
  54. package/dist/esm/icons/saas.js +0 -13
  55. package/dist/esm/icons/science.js +1 -18
  56. package/dist/esm/icons/shapes.js +0 -22
  57. package/dist/esm/icons/smarthome.js +0 -13
  58. package/dist/esm/icons/social.js +0 -18
  59. package/dist/esm/icons/sports.js +0 -14
  60. package/dist/esm/icons/sustainability.js +0 -15
  61. package/dist/esm/icons/travel.js +0 -15
  62. package/dist/esm/icons/ui.js +0 -28
  63. package/dist/esm/icons/weather.js +0 -20
  64. package/dist/esm/index.js +1 -2
  65. package/dist/esm/nicetodev-icons.css +1 -1
  66. package/dist/esm/rsc.js +1 -1
  67. package/dist/esm/variantProps.js +3 -7
  68. package/dist/types/NtdIconMorph.d.ts +1 -1
  69. package/dist/types/createIcon.d.ts +1 -9
  70. package/dist/types/index.d.ts +2 -12
  71. package/dist/types/rsc.d.ts +1 -3
  72. package/dist/types/tailwind-plugin.d.ts +1 -1
  73. package/dist/types/types.d.ts +1 -2
  74. package/dist/types/variantProps.d.ts +3 -11
  75. package/package.json +1 -1
package/dist/esm/icons/ecommerce.js CHANGED
@@ -11,7 +11,6 @@ const NtdShoppingCart = createIcon({
11
11
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", fill: primaryColor }), jsx("circle", { cx: "9", cy: "20", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "18", cy: "20", r: "1.5", fill: primaryColor }), jsx("path", { d: "M1 1h4l1 4", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" })] })),
12
12
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "20", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "20", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M1 1h4l1 4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
13
13
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "20", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "18", cy: "20", r: "1.5", fill: primaryColor }), jsx("path", { d: "M1 1h4l1 4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
14
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M6 6h12l-1 7H7.5L6 6z", fill: primaryColor }), jsx("circle", { cx: "9", cy: "18", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "18", r: "1", fill: primaryColor })] })),
15
14
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", fill: primaryColor }), jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "9", cy: "20", r: "1.5", fill: secondaryColor }), jsx("circle", { cx: "18", cy: "20", r: "1.5", fill: "#F59E0B" }), jsx("path", { d: "M1 1h4l1 4", stroke: "white", strokeWidth: "1", opacity: "0.35", fill: "none" })] })),
16
15
  },
17
16
  });
@@ -21,7 +20,6 @@ const NtdCartAdd = createIcon({
21
20
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", fill: primaryColor }), jsx("circle", { cx: "9", cy: "20", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "18", cy: "20", r: "1.5", fill: primaryColor }), jsx("path", { d: "M1 1h4l1 4", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("circle", { cx: "18", cy: "6", r: "4", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M18 4v4M16 6h4", stroke: "#fff", strokeWidth: "1.5" })] })),
22
21
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6h11", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7.5 15l-1.5-9h11l-1 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "20", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "20", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M1 1h4l1 4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "6", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M18 4v4M16 6h4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
23
22
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "20", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "18", cy: "20", r: "1.5", fill: primaryColor }), jsx("path", { d: "M1 1h4l1 4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "19", cy: "5", r: "4", fill: primaryColor }), jsx("path", { d: "M19 3v4M17 5h4", stroke: "#fff", strokeWidth: "1.5" })] })),
24
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M5 7h11l-1 6H6.5L5 7z", fill: primaryColor }), jsx("circle", { cx: "8", cy: "17", r: "1", fill: primaryColor }), jsx("circle", { cx: "14", cy: "17", r: "1", fill: primaryColor }), jsx("circle", { cx: "17", cy: "6", r: "3", fill: accentColor }), jsx("path", { d: "M17 4.5v3M15.5 6h3", stroke: "#fff", strokeWidth: "1" })] })),
25
23
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", fill: primaryColor }), jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "9", cy: "20", r: "1.5", fill: secondaryColor }), jsx("circle", { cx: "18", cy: "20", r: "1.5", fill: "#F59E0B" }), jsx("circle", { cx: "18", cy: "6", r: "4", fill: "#EF4444" }), jsx("path", { d: "M1 1h4l1 4", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M18 4v4M16 6h4", stroke: "#fff", strokeWidth: "1" })] })),
26
24
  },
27
25
  });
@@ -31,7 +29,6 @@ const NtdCartRemove = createIcon({
31
29
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", fill: primaryColor }), jsx("circle", { cx: "9", cy: "20", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "18", cy: "20", r: "1.5", fill: primaryColor }), jsx("path", { d: "M1 1h4l1 4", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("circle", { cx: "18", cy: "6", r: "4", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M16 6h4", stroke: "#fff", strokeWidth: "1.5" })] })),
32
30
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6h11", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7.5 15l-1.5-9h11l-1 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "20", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "20", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M1 1h4l1 4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "6", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 6h4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
33
31
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "20", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "18", cy: "20", r: "1.5", fill: primaryColor }), jsx("path", { d: "M1 1h4l1 4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "19", cy: "5", r: "4", fill: "#e74c3c" }), jsx("path", { d: "M17 5h4", stroke: "#fff", strokeWidth: "1.5" })] })),
34
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M5 7h11l-1 6H6.5L5 7z", fill: primaryColor }), jsx("circle", { cx: "8", cy: "17", r: "1", fill: primaryColor }), jsx("circle", { cx: "14", cy: "17", r: "1", fill: primaryColor }), jsx("circle", { cx: "17", cy: "6", r: "3", fill: "#e74c3c" }), jsx("path", { d: "M15.5 6h3", stroke: "#fff", strokeWidth: "1" })] })),
35
32
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", fill: primaryColor }), jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "9", cy: "20", r: "1.5", fill: secondaryColor }), jsx("circle", { cx: "18", cy: "20", r: "1.5", fill: "#F59E0B" }), jsx("circle", { cx: "18", cy: "6", r: "4", fill: "#EF4444" }), jsx("path", { d: "M1 1h4l1 4", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M16 6h4", stroke: "#fff", strokeWidth: "1" })] })),
36
33
  },
37
34
  });
@@ -41,7 +38,6 @@ const NtdCheckout = createIcon({
41
38
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "14", height: "10", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "7", width: "6", height: "1", rx: "0.5", fill: accentColor, opacity: accentOpacity }), jsx("rect", { x: "4", y: "10", width: "4", height: "1", rx: "0.5", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M18 8l2 2 4-4", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("path", { d: "M2 17h14l2 4H4l-2-4z", fill: primaryColor })] })),
42
39
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "14", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "4", y: "7", width: "6", height: "1", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsx("rect", { x: "4", y: "10", width: "4", height: "1", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsx("path", { d: "M18 8l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 17h14l2 4H4l-2-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
43
40
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "14", height: "10", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "14", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 17h14l2 4H4l-2-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M2 17h14l2 4H4l-2-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M18 8l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
44
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "4", y: "5", width: "10", height: "7", rx: "1", fill: primaryColor }), jsx("path", { d: "M4 14h10l1.5 3H5.5l-1.5-3z", fill: primaryColor }), jsx("path", { d: "M16 7l1.5 1.5 3-3", stroke: accentColor, strokeWidth: "1.5", fill: "none" })] })),
45
41
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "14", height: "10", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "14", height: "10", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "4", y: "7", width: "6", height: "1", rx: "0.5", fill: secondaryColor }), jsx("rect", { x: "4", y: "10", width: "4", height: "1", rx: "0.5", fill: "#F59E0B" }), jsx("path", { d: "M2 17h14l2 4H4l-2-4z", fill: "#EF4444" }), jsx("path", { d: "M18 8l2 2 4-4", stroke: "white", strokeWidth: "1", fill: "none" })] })),
46
42
  },
47
43
  });
@@ -51,7 +47,6 @@ const NtdWishlist = createIcon({
51
47
  solid: ({ primaryColor }) => (jsx("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z", fill: primaryColor })),
52
48
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
53
49
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
54
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 18l-1-0.9C7.5 14 5 11.5 5 8.5 5 6.5 6.5 5 8.5 5c1.2 0 2.3.5 3.5 1.5C13.2 5.5 14.3 5 15.5 5c2 0 3.5 1.5 3.5 3.5 0 3-2.5 5.5-6 8.6L12 18z", fill: primaryColor })] })),
55
50
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z", fill: primaryColor }), jsx("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z", fill: "white", opacity: "0.1" })] })),
56
51
  },
57
52
  });
@@ -61,7 +56,6 @@ const NtdCompare = createIcon({
61
56
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "8", height: "18", rx: "1", fill: primaryColor }), jsx("rect", { x: "14", y: "3", width: "8", height: "18", rx: "1", fill: primaryColor }), jsx("path", { d: "M10 8h4M10 12h4M10 16h4", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
62
57
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "8", height: "18", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "3", width: "8", height: "18", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 8h4M10 12h4M10 16h4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
63
58
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "8", height: "18", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "3", width: "8", height: "18", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "3", width: "8", height: "18", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "3", width: "8", height: "18", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 8h4M10 12h4M10 16h4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
64
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "4", y: "5", width: "6", height: "14", rx: "1", fill: primaryColor }), jsx("rect", { x: "14", y: "5", width: "6", height: "14", rx: "1", fill: primaryColor }), jsx("path", { d: "M10 9h4M10 12h4M10 15h4", stroke: secondaryColor, strokeWidth: "1" })] })),
65
59
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "8", height: "18", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "3", width: "8", height: "18", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "14", y: "3", width: "8", height: "18", rx: "1", fill: secondaryColor }), jsx("path", { d: "M10 8h4M10 12h4M10 16h4", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
66
60
  },
67
61
  });
@@ -71,7 +65,6 @@ const NtdShipping = createIcon({
71
65
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 3h14v10H1V3z", fill: primaryColor }), jsx("path", { d: "M15 7h4l3 4v4h-7V7z", fill: primaryColor }), jsx("circle", { cx: "6", cy: "17", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "18", cy: "17", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M1 17h3M10 17h6", stroke: primaryColor, strokeWidth: "2" })] })),
72
66
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 3h14v10H1V3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 7h4l3 4v4h-7V7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "6", cy: "17", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "17", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M1 17h3M10 17h6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
73
67
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 3h14v10H1V3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M15 7h4l3 4v4h-7V7z", fill: secondaryColor, opacity: secondaryOpacity * 0.7 }), jsx("path", { d: "M1 3h14v10H1V3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 7h4l3 4v4h-7V7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "6", cy: "17", r: "2", fill: primaryColor }), jsx("circle", { cx: "18", cy: "17", r: "2", fill: primaryColor }), jsx("path", { d: "M1 17h3M10 17h6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
74
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M3 5h10v7H3V5z", fill: primaryColor }), jsx("path", { d: "M13 8h3l2 2.5v2.5h-5V8z", fill: primaryColor }), jsx("circle", { cx: "6", cy: "15", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "15", r: "1.5", fill: primaryColor })] })),
75
68
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 3h14v10H1V3z", fill: primaryColor }), jsx("path", { d: "M1 3h14v10H1V3z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M15 7h4l3 4v4h-7V7z", fill: secondaryColor }), jsx("circle", { cx: "6", cy: "17", r: "2", fill: "#F59E0B" }), jsx("circle", { cx: "18", cy: "17", r: "2", fill: "#EF4444" }), jsx("path", { d: "M1 17h3M10 17h6", stroke: "white", strokeWidth: "1" })] })),
76
69
  },
77
70
  });
@@ -81,7 +74,6 @@ const NtdReturn = createIcon({
81
74
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 7h12v10H4V7z", fill: primaryColor }), jsx("path", { d: "M1 12l4-4v3h6v2H5v3l-4-4z", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M23 12l-4 4v-3h-6v-2h6V8l4 4z", fill: accentColor, opacity: accentOpacity })] })),
82
75
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "7", width: "12", height: "10", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M1 12l3-3v2.5h4v1H4V15l-3-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M23 12l-3 3v-2.5h-4v-1h4V9l3 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
83
76
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 7h12v10H4V7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "7", width: "12", height: "10", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M1 12l3-3v6l-3-3z", fill: primaryColor }), jsx("path", { d: "M23 12l-3-3v6l3-3z", fill: primaryColor }), jsx("path", { d: "M4 11.5h4M16 11.5h4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
84
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "6", y: "8", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("path", { d: "M4 12l2-2v1.5h2v1H6V14l-2-2z", fill: accentColor }), jsx("path", { d: "M20 12l-2 2v-1.5h-2v-1h2V10l2 2z", fill: accentColor })] })),
85
77
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 7h12v10H4V7z", fill: primaryColor }), jsx("path", { d: "M4 7h12v10H4V7z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M1 12l4-4v3h6v2H5v3l-4-4z", fill: secondaryColor }), jsx("path", { d: "M23 12l-4 4v-3h-6v-2h6V8l4 4z", fill: "#F59E0B" })] })),
86
78
  },
87
79
  });
@@ -91,7 +83,6 @@ const NtdDiscount = createIcon({
91
83
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M7 17L17 7", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsx("circle", { cx: "8", cy: "8", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "16", cy: "16", r: "2", fill: accentColor, opacity: accentOpacity })] })),
92
84
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 17L17 7", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "8", cy: "8", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "16", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
93
85
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 17L17 7", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "8", cy: "8", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "16", cy: "16", r: "1.5", fill: primaryColor })] })),
94
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "8", fill: primaryColor }), jsx("path", { d: "M8 16L16 8", stroke: accentColor, strokeWidth: "1.5" }), jsx("circle", { cx: "9", cy: "9", r: "1.5", fill: accentColor }), jsx("circle", { cx: "15", cy: "15", r: "1.5", fill: accentColor })] })),
95
86
  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: "8", cy: "8", r: "2", fill: secondaryColor }), jsx("circle", { cx: "16", cy: "16", r: "2", fill: "#F59E0B" }), jsx("path", { d: "M7 17L17 7", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
96
87
  },
97
88
  });
@@ -101,7 +92,6 @@ const NtdPromoTag = createIcon({
101
92
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z", fill: primaryColor }), jsx("circle", { cx: "7", cy: "7", r: "2", fill: accentColor, opacity: accentOpacity })] })),
102
93
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "7", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
103
94
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: primaryColor })] })),
104
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M17 11l-5 5a1.5 1.5 0 01-2 0L4 10V4h6l7 7z", fill: primaryColor }), jsx("circle", { cx: "7", cy: "7", r: "1", fill: secondaryColor })] })),
105
95
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z", fill: primaryColor }), jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "7", cy: "7", r: "2", fill: secondaryColor })] })),
106
96
  },
107
97
  });
@@ -111,7 +101,6 @@ const NtdGiftCard = createIcon({
111
101
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M12 5v14", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsx("path", { d: "M2 10h20", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "7", r: "2", fill: accentColor, opacity: accentOpacity })] })),
112
102
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 5v14", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M2 10h20", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M8 5c0-2 4-2 4 0M16 5c0-2-4-2-4 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
113
103
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 5v14", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M2 10h20", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M8 5c0-2 4-2 4 0M16 5c0-2-4-2-4 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
114
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "1", fill: primaryColor }), jsx("path", { d: "M12 6v12", stroke: accentColor, strokeWidth: "1.5" }), jsx("path", { d: "M4 10h16", stroke: accentColor, strokeWidth: "1.5" })] })),
115
104
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "7", r: "2", fill: secondaryColor }), jsx("path", { d: "M12 5v14", stroke: "white", strokeWidth: "1", opacity: "0.4" }), jsx("path", { d: "M2 10h20", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
116
105
  },
117
106
  });
@@ -121,7 +110,6 @@ const NtdCoupon = createIcon({
121
110
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 6a2 2 0 012-2h16a2 2 0 012 2v4a2 2 0 100 4v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4a2 2 0 100-4V6z", fill: primaryColor }), jsx("path", { d: "M10 8v8M10 8l-3 3M10 8l3 3", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity }), jsx("circle", { cx: "16", cy: "10", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "16", cy: "14", r: "1", fill: accentColor, opacity: accentOpacity })] })),
122
111
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 6a2 2 0 012-2h16a2 2 0 012 2v4a2 2 0 100 4v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4a2 2 0 100-4V6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 8v8M10 8l-3 3M10 8l3 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "16", cy: "10", r: "1", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsx("circle", { cx: "16", cy: "14", r: "1", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" })] })),
123
112
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 6a2 2 0 012-2h16a2 2 0 012 2v4a2 2 0 100 4v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4a2 2 0 100-4V6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M2 6a2 2 0 012-2h16a2 2 0 012 2v4a2 2 0 100 4v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4a2 2 0 100-4V6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 8v8M10 8l-3 3M10 8l3 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "16", cy: "10", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "14", r: "1", fill: primaryColor })] })),
124
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M4 7a1 1 0 011-1h14a1 1 0 011 1v3a1.5 1.5 0 110 3v3a1 1 0 01-1 1H5a1 1 0 01-1-1v-3a1.5 1.5 0 110-3V7z", fill: primaryColor })] })),
125
113
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 6a2 2 0 012-2h16a2 2 0 012 2v4a2 2 0 100 4v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4a2 2 0 100-4V6z", fill: primaryColor }), jsx("path", { d: "M2 6a2 2 0 012-2h16a2 2 0 012 2v4a2 2 0 100 4v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4a2 2 0 100-4V6z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "16", cy: "10", r: "1", fill: secondaryColor }), jsx("circle", { cx: "16", cy: "14", r: "1", fill: "#F59E0B" }), jsx("path", { d: "M10 8v8M10 8l-3 3M10 8l3 3", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
126
114
  },
127
115
  });
@@ -131,7 +119,6 @@ const NtdStorefront = createIcon({
131
119
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 3h18l-2 6H5L3 3z", fill: primaryColor }), jsx("path", { d: "M5 9v10a2 2 0 002 2h10a2 2 0 002-2V9", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("rect", { x: "9", y: "13", width: "6", height: "8", fill: accentColor, opacity: accentOpacity })] })),
132
120
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 3h18l-2 6H5L3 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 9v10a2 2 0 002 2h10a2 2 0 002-2V9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "13", width: "6", height: "8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
133
121
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 3h18l-2 6H5L3 3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 3h18l-2 6H5L3 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 9v10a2 2 0 002 2h10a2 2 0 002-2V9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "13", width: "6", height: "8", fill: primaryColor })] })),
134
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M5 5h14l-1.5 4H6.5L5 5z", fill: primaryColor }), jsx("path", { d: "M6.5 9v8a1 1 0 001 1h9a1 1 0 001-1V9", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("rect", { x: "10", y: "12", width: "4", height: "6", fill: accentColor })] })),
135
122
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 3h18l-2 6H5L3 3z", fill: primaryColor }), jsx("path", { d: "M3 3h18l-2 6H5L3 3z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "9", y: "13", width: "6", height: "8", fill: secondaryColor }), jsx("path", { d: "M5 9v10a2 2 0 002 2h10a2 2 0 002-2V9", stroke: "white", strokeWidth: "1", fill: "none" })] })),
136
123
  },
137
124
  });
@@ -141,7 +128,6 @@ const NtdPayment = createIcon({
141
128
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "9", width: "20", height: "3", fill: accentColor, opacity: accentOpacity * 1.5 }), jsx("rect", { x: "5", y: "15", width: "4", height: "2", rx: "0.5", fill: accentColor, opacity: accentOpacity }), jsx("rect", { x: "11", y: "15", width: "3", height: "2", rx: "0.5", fill: accentColor, opacity: accentOpacity })] })),
142
129
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 9h20M2 12h20", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "5", y: "15", width: "4", height: "2", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsx("rect", { x: "11", y: "15", width: "3", height: "2", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" })] })),
143
130
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "9", width: "20", height: "3", fill: primaryColor }), jsx("rect", { x: "5", y: "15", width: "4", height: "2", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" })] })),
144
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "1", fill: primaryColor }), jsx("rect", { x: "4", y: "9", width: "16", height: "2.5", fill: accentColor }), jsx("rect", { x: "6", y: "14", width: "3", height: "1.5", rx: "0.25", fill: accentColor })] })),
145
131
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "2", y: "9", width: "20", height: "3", fill: secondaryColor }), jsx("rect", { x: "5", y: "15", width: "4", height: "2", rx: "0.5", fill: "#F59E0B" }), jsx("rect", { x: "11", y: "15", width: "3", height: "2", rx: "0.5", fill: "#EF4444" })] })),
146
132
  },
147
133
  });
@@ -151,7 +137,6 @@ const NtdInvoiceDoc = createIcon({
151
137
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", fill: primaryColor }), jsx("path", { d: "M14 2v6h6", fill: accentColor, opacity: accentOpacity * 0.5 }), jsx("rect", { x: "8", y: "12", width: "8", height: "1", rx: "0.5", fill: accentColor, opacity: accentOpacity }), jsx("rect", { x: "8", y: "15", width: "6", height: "1", rx: "0.5", fill: accentColor, opacity: accentOpacity }), jsx("rect", { x: "8", y: "18", width: "4", height: "1", rx: "0.5", fill: accentColor, opacity: accentOpacity })] })),
152
138
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 2v6h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12h8M8 15h6M8 18h4", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
153
139
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 2v6h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12h8M8 15h6M8 18h4", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
154
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M13 4H7a1 1 0 00-1 1v14a1 1 0 001 1h10a1 1 0 001-1V8l-5-4z", fill: primaryColor }), jsx("path", { d: "M13 4v4h4", fill: accentColor }), jsx("rect", { x: "8", y: "11", width: "6", height: "1", fill: accentColor }), jsx("rect", { x: "8", y: "14", width: "4", height: "1", fill: accentColor })] })),
155
140
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", fill: primaryColor }), jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M14 2v6h6", fill: secondaryColor }), jsx("rect", { x: "8", y: "12", width: "8", height: "1", rx: "0.5", fill: "#F59E0B" }), jsx("rect", { x: "8", y: "15", width: "6", height: "1", rx: "0.5", fill: "#EF4444" }), jsx("rect", { x: "8", y: "18", width: "4", height: "1", rx: "0.5", fill: "#10B981" })] })),
156
141
  },
157
142
  });
@@ -161,7 +146,6 @@ const NtdRefund = createIcon({
161
146
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M12 6v6l-3 3", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("path", { d: "M8 3l-4 3 4 3", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("path", { d: "M4 6h5", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity })] })),
162
147
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v6l-3 3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 2l-4 3 4 3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 5h5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
163
148
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v6l-3 3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 2l-4 3 4 3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 5h5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
164
- flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "8", fill: primaryColor }), jsx("path", { d: "M12 8v4l-2 2", stroke: accentColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M7 4l-2 2 2 2M5 6h3", stroke: accentColor, strokeWidth: "1.5", fill: "none" })] })),
165
149
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("path", { d: "M12 6v6l-3 3", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("path", { d: "M8 3l-4 3 4 3", stroke: "#F59E0B", strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M4 6h5", stroke: "#F59E0B", strokeWidth: "1.5" })] })),
166
150
  },
167
151
  });
package/dist/esm/icons/education.js CHANGED
@@ -10,7 +10,6 @@ const NtdGraduationCap = createIcon({
10
10
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3L1 9l11 6 9-4.91V17h2V9L12 3z", fill: primaryColor }), jsx("path", { d: "M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82z", fill: primaryColor })] })),
11
11
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3L1 9l11 6 9-4.91V17h2V9L12 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })] })),
12
12
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 3L1 9l11 6 9-4.91V17h2V9L12 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })] })),
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 5L3 10l9 4.5 6.75-3.68V15h1.5v-5L12 5z", fill: primaryColor }), jsx("path", { d: "M6 12.14v3L12 18l6-2.86v-3L12 15l-6-2.86z", fill: primaryColor })] })),
14
13
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3L1 9l11 6 9-4.91V17h2V9L12 3z", fill: primaryColor }), jsx("path", { d: "M12 3L1 9l11 6 9-4.91V17h2V9L12 3z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82z", fill: secondaryColor })] })),
15
14
  },
16
15
  });
@@ -20,7 +19,6 @@ const NtdDiploma = createIcon({
20
19
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M7 8h10M7 11h10M7 14h6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "2", fill: "white" }), jsx("path", { d: "M16 16l-1 4 2-1 2 1-1-4", fill: primaryColor })] })),
21
20
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 8h10M7 11h10M7 14h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 16l-1 4 2-1 2 1-1-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
22
21
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 8h10M7 11h10M7 14h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "2", fill: primaryColor }), jsx("path", { d: "M16 16l-1 4 2-1 2 1-1-4", fill: primaryColor })] })),
23
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "4", y: "5", width: "16", height: "12", rx: "1.5", fill: primaryColor }), jsx("path", { d: "M7 8h10M7 11h8M7 14h5", stroke: secondaryColor, strokeWidth: "1.25", strokeLinecap: "round" }), jsx("circle", { cx: "16", cy: "13", r: "1.5", fill: secondaryColor })] })),
24
22
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "17", cy: "14", r: "2", fill: "white" }), jsx("path", { d: "M16 16l-1 4 2-1 2 1-1-4", fill: "#F59E0B" }), jsx("path", { d: "M7 8h10M7 11h10M7 14h6", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
25
23
  },
26
24
  });
@@ -30,7 +28,6 @@ const NtdSchool = createIcon({
30
28
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", fill: primaryColor }), jsx("rect", { x: "10", y: "9", width: "4", height: "5", rx: "0.5", fill: "white" }), jsx("path", { d: "M12 5v4", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
31
29
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "10", y: "9", width: "4", height: "5", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
32
30
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "10", y: "9", width: "4", height: "5", rx: "0.5", fill: primaryColor })] })),
33
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 4L3 9.5v9.5h6.5v-5h5v5H21V9.5L12 4z", fill: primaryColor }), jsx("rect", { x: "10", y: "9", width: "4", height: "4", rx: "0.5", fill: secondaryColor })] })),
34
31
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", fill: primaryColor }), jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "10", y: "9", width: "4", height: "5", rx: "0.5", fill: "white" }), jsx("path", { d: "M12 5v4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
35
32
  },
36
33
  });
@@ -40,7 +37,6 @@ const NtdUniversity = createIcon({
40
37
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 7v2h20V7L12 2z", fill: primaryColor }), jsx("path", { d: "M4 11v7h3v-7H4zM10 11v7h4v-7h-4zM17 11v7h3v-7h-3z", fill: primaryColor }), jsx("path", { d: "M2 20h20v2H2v-2z", fill: primaryColor })] })),
41
38
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 7v2h20V7L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M4 11v7h3v-7M10 11v7h4v-7M17 11v7h3v-7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 20h20v2H2v-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
42
39
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 7v2h20V7L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L2 7v2h20V7L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M4 11v7h3v-7H4zM10 11v7h4v-7h-4zM17 11v7h3v-7h-3z", fill: primaryColor }), jsx("path", { d: "M2 20h20v2H2v-2z", fill: primaryColor })] })),
43
- 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 8v1.5h16V8L12 4z", fill: primaryColor }), jsx("path", { d: "M5.5 11v5.5h2.5v-5.5h-2.5zM10.75 11v5.5h2.5v-5.5h-2.5zM16 11v5.5h2.5v-5.5H16z", fill: primaryColor }), jsx("path", { d: "M4 18h16v1.5H4V18z", fill: primaryColor })] })),
44
40
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 7v2h20V7L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2L2 7v2h20V7L12 2z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M4 11v7h3v-7H4zM10 11v7h4v-7h-4zM17 11v7h3v-7h-3z", fill: secondaryColor }), jsx("path", { d: "M2 20h20v2H2v-2z", fill: "#F59E0B" })] })),
45
41
  },
46
42
  });
@@ -53,7 +49,6 @@ const NtdBook = createIcon({
53
49
  solid: ({ primaryColor }) => (jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm3 2v2h10V6H7zm0 4v2h10v-2H7z", fill: primaryColor })),
54
50
  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("path", { d: "M7 6h10M7 10h10", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
55
51
  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("path", { d: "M7 6h10M7 10h10", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
56
- 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("path", { d: "M8 7h8M8 10.5h8", stroke: secondaryColor, strokeWidth: "1.25", strokeLinecap: "round" })] })),
57
52
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm3 2v2h10V6H7zm0 4v2h10v-2H7z", fill: primaryColor }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm3 2v2h10V6H7zm0 4v2h10v-2H7z", fill: "white", opacity: "0.1" })] })),
58
53
  },
59
54
  });
@@ -63,7 +58,6 @@ const NtdOpenBook = createIcon({
63
58
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", fill: primaryColor }), jsx("path", { d: "M22 4a2 2 0 00-2-2h-6a2 2 0 00-2 2v16l1-1 3 2 3-2 1 1V4z", fill: primaryColor, opacity: "0.6" })] })),
64
59
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 4a2 2 0 00-2-2h-6a2 2 0 00-2 2v16l1-1 3 2 3-2 1 1V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
65
60
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M22 4a2 2 0 00-2-2h-6a2 2 0 00-2 2v16l1-1 3 2 3-2 1 1V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 4a2 2 0 00-2-2h-6a2 2 0 00-2 2v16l1-1 3 2 3-2 1 1V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
66
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M3 5a1.5 1.5 0 011.5-1.5h5A1.5 1.5 0 0111 5v13l-.75-.75-2.25 1.5-2.25-1.5L5 18V5z", fill: primaryColor }), jsx("path", { d: "M21 5a1.5 1.5 0 00-1.5-1.5h-5A1.5 1.5 0 0013 5v13l.75-.75 2.25 1.5 2.25-1.5.75.75V5z", fill: primaryColor, opacity: "0.5" })] })),
67
61
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", fill: primaryColor }), jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M22 4a2 2 0 00-2-2h-6a2 2 0 00-2 2v16l1-1 3 2 3-2 1 1V4z", fill: secondaryColor, opacity: "0.6" })] })),
68
62
  },
69
63
  });
@@ -73,7 +67,6 @@ const NtdNotebook = createIcon({
73
67
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4a2 2 0 012-2z", fill: primaryColor }), jsx("path", { d: "M2 6h2M2 10h2M2 14h2M2 18h2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M9 6h6M9 10h6M9 14h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
74
68
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "2", width: "14", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 6h4M2 10h4M2 14h4M2 18h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M10 6h6M10 10h6M10 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
75
69
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "2", width: "14", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "2", width: "14", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 6h4M2 10h4M2 14h4M2 18h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M10 6h6M10 10h6M10 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
76
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "7", y: "4", width: "12", height: "16", rx: "1.5", fill: primaryColor }), jsx("path", { d: "M4 7h3M4 11h3M4 15h3", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" }), jsx("path", { d: "M10.5 7h5M10.5 10.5h5M10.5 14h3", stroke: secondaryColor, strokeWidth: "1.25", strokeLinecap: "round" })] })),
77
70
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4a2 2 0 012-2z", fill: primaryColor }), jsx("path", { d: "M6 2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4a2 2 0 012-2z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M2 6h2M2 10h2M2 14h2M2 18h2", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" }), jsx("path", { d: "M9 6h6M9 10h6M9 14h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
78
71
  },
79
72
  });
@@ -83,7 +76,6 @@ const NtdPencil = createIcon({
83
76
  solid: ({ primaryColor }) => (jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4zM17 7l-3-3", fill: primaryColor })),
84
77
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M14 4l6 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
85
78
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M14 4l6 6", 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("path", { d: "M18.88 4.12a2.12 2.12 0 00-3 0L4.5 15.5l-.75 3.75 3.75-.75L18.88 7.12a2.12 2.12 0 000-3z", fill: primaryColor })] })),
87
79
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4zM17 7l-3-3", fill: primaryColor }), jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4zM17 7l-3-3", fill: "white", opacity: "0.1" })] })),
88
80
  },
89
81
  });
@@ -93,7 +85,6 @@ const NtdPen = createIcon({
93
85
  solid: ({ primaryColor }) => (jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", fill: primaryColor })),
94
86
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })),
95
87
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "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: "M12 4l7.5 7.5-6 6-1.5-1.5V8.5l-1.5 1.5v7.5l-6-6L12 4z", fill: primaryColor })] })),
97
88
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", fill: "white", opacity: "0.1" })] })),
98
89
  },
99
90
  });
@@ -106,7 +97,6 @@ const NtdOnlineCourse = createIcon({
106
97
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M8 19h8M12 17v2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M10 8l4 2-4 2V8z", fill: "white" })] })),
107
98
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 19h8M12 17v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M10 8l4 2-4 2V8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })] })),
108
99
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 19h8M12 17v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M10 8l4 2-4 2V8z", fill: primaryColor })] })),
109
- 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: "4", width: "18", height: "12", rx: "1.5", fill: primaryColor }), jsx("path", { d: "M8 18h8M12 16v2", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" }), jsx("path", { d: "M10 8l4 2-4 2V8z", fill: secondaryColor })] })),
110
100
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("path", { d: "M10 8l4 2-4 2V8z", fill: "white" }), jsx("path", { d: "M8 19h8M12 17v2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
111
101
  },
112
102
  });
@@ -116,7 +106,6 @@ const NtdWebinar = createIcon({
116
106
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "3", fill: "white" }), jsx("path", { d: "M6 14c0-2 2.5-3 6-3s6 1 6 3", stroke: "white", strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M8 19h8M10 17v2M14 17v2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
117
107
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 19h8M10 17v2M14 17v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
118
108
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "3", fill: primaryColor }), jsx("path", { d: "M8 19h8M10 17v2M14 17v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
119
- 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: "5", width: "18", height: "11", rx: "1.5", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "2.25", fill: secondaryColor }), jsx("path", { d: "M8 18h8M10 16v2M14 16v2", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" })] })),
120
109
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "10", r: "3", fill: "white" }), jsx("path", { d: "M6 14c0-2 2.5-3 6-3s6 1 6 3", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M8 19h8M10 17v2M14 17v2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
121
110
  },
122
111
  });
@@ -126,7 +115,6 @@ const NtdCertificate = createIcon({
126
115
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M6 8h12M6 11h8", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "3", fill: "white" }), jsx("path", { d: "M17 17v4l-1.5-1-1.5 1v-4M17 17v4l1.5-1 1.5 1v-4", stroke: primaryColor, strokeWidth: "1.5" }), jsx("path", { d: "M16 13l1 1 2-2", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })),
127
116
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 8h12M6 11h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15.5 17v4l1.5-1 1.5 1v-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 13l1 1 2-2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
128
117
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 8h12M6 11h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "3", fill: primaryColor }), jsx("path", { d: "M15.5 17v4l1.5-1 1.5 1v-4", fill: primaryColor }), jsx("path", { d: "M16 13l1 1 2-2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })),
129
- 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: "5", width: "18", height: "12", rx: "1.5", fill: primaryColor }), jsx("path", { d: "M6 8.5h11M6 11.5h7", stroke: secondaryColor, strokeWidth: "1.25", strokeLinecap: "round" }), jsx("circle", { cx: "16.5", cy: "13", r: "2.25", fill: secondaryColor }), jsx("path", { d: "M15.5 13l.75.75 1.5-1.5", stroke: primaryColor, strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" })] })),
130
118
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "17", cy: "14", r: "3", fill: "white" }), jsx("path", { d: "M6 8h12M6 11h8", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M17 17v4l-1.5-1-1.5 1v-4M17 17v4l1.5-1 1.5 1v-4", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M16 13l1 1 2-2", stroke: "white", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round" })] })),
131
119
  },
132
120
  });
@@ -136,7 +124,6 @@ const NtdQuiz = createIcon({
136
124
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", fill: primaryColor }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: "white" }), jsx("circle", { cx: "7", cy: "12", r: "1.5", fill: "white" }), jsx("circle", { cx: "7", cy: "17", r: "1.5", fill: "white" }), jsx("path", { d: "M11 7h7M11 12h7M11 17h5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("path", { d: "M6.5 6.5l1 1M6.5 7.5l1-1", stroke: primaryColor, strokeWidth: "1", strokeLinecap: "round" })] })),
137
125
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "7", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "17", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11 7h7M11 12h7M11 17h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
138
126
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "7", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "17", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11 7h7M11 12h7M11 17h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
139
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "4", y: "3", width: "16", height: "18", rx: "1.5", fill: primaryColor }), jsx("circle", { cx: "7.5", cy: "8", r: "1.25", fill: secondaryColor }), jsx("circle", { cx: "7.5", cy: "12", r: "1.25", stroke: secondaryColor, strokeWidth: "1", fill: "none" }), jsx("circle", { cx: "7.5", cy: "16", r: "1.25", stroke: secondaryColor, strokeWidth: "1", fill: "none" }), jsx("path", { d: "M11 8h6M11 12h6M11 16h4", stroke: secondaryColor, strokeWidth: "1.25", strokeLinecap: "round" })] })),
140
127
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: "white" }), jsx("circle", { cx: "7", cy: "12", r: "1.5", fill: "white" }), jsx("circle", { cx: "7", cy: "17", r: "1.5", fill: "white" }), jsx("path", { d: "M11 7h7M11 12h7M11 17h5", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M6.5 6.5l1 1M6.5 7.5l1-1", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
141
128
  },
142
129
  });
@@ -146,7 +133,6 @@ const NtdExam = createIcon({
146
133
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M14 2v6h6", fill: "white", opacity: "0.3" }), jsx("path", { d: "M8 12h8M8 15h8M8 18h5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("text", { x: "12", y: "10", textAnchor: "middle", fill: "white", fontSize: "5", fontWeight: "bold", children: "A+" })] })),
147
134
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 2v6h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M8 12h8M8 15h8M8 18h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("text", { x: "12", y: "10", textAnchor: "middle", fill: primaryColor, fontSize: "5", fontWeight: "bold", children: "A+" })] })),
148
135
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M14 2v6h6", fill: primaryColor, opacity: "0.3" }), jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 2v6h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M8 12h8M8 15h8M8 18h5", 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("path", { d: "M5 5a1.5 1.5 0 011.5-1.5h6L18 9v9.5a1.5 1.5 0 01-1.5 1.5h-10A1.5 1.5 0 015 18.5V5z", fill: primaryColor }), jsx("path", { d: "M12.5 3.5v5.5h5.5", fill: secondaryColor, opacity: "0.5" }), jsx("path", { d: "M8 12h8M8 15h6M8 18h4", stroke: secondaryColor, strokeWidth: "1.25", strokeLinecap: "round" })] })),
150
136
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M14 2v6h6", fill: "white", opacity: "0.3" }), jsx("path", { d: "M8 12h8M8 15h8M8 18h5", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
151
137
  },
152
138
  });
@@ -159,7 +145,6 @@ const NtdFlashcard = createIcon({
159
145
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", fill: primaryColor, opacity: "0.5" }), jsx("path", { d: "M8 10h8M8 14h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
160
146
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", opacity: "0.5" }), jsx("path", { d: "M8 10h8M8 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
161
147
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 10h8M8 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
162
- 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: "5", width: "14", height: "10", rx: "1.5", fill: primaryColor, opacity: "0.4" }), jsx("rect", { x: "5", y: "7", width: "14", height: "10", rx: "1.5", fill: primaryColor }), jsx("path", { d: "M8 11h8M8 14h4", stroke: secondaryColor, strokeWidth: "1.25", strokeLinecap: "round" })] })),
163
148
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: "0.5" }), jsx("path", { d: "M8 10h8M8 14h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
164
149
  },
165
150
  });
@@ -169,7 +154,6 @@ const NtdBackpack = createIcon({
169
154
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", fill: primaryColor }), jsx("path", { d: "M9 4V3a3 3 0 016 0v1", stroke: primaryColor, strokeWidth: "2" }), jsx("rect", { x: "8", y: "12", width: "8", height: "5", rx: "1", fill: "white" }), jsx("path", { d: "M10 14h4", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" })] })),
170
155
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 4V3a3 3 0 016 0v1", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "8", y: "12", width: "8", height: "5", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
171
156
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 4V3a3 3 0 016 0v1", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "8", y: "12", width: "8", height: "5", rx: "1", fill: primaryColor })] })),
172
- 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 3v9a1.5 1.5 0 01-1.5 1.5h-7A1.5 1.5 0 017 17.5v-9z", fill: primaryColor }), jsx("path", { d: "M9.5 5.5V5a2.5 2.5 0 015 0v.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("rect", { x: "9", y: "12", width: "6", height: "4", rx: "0.75", fill: secondaryColor }), jsx("path", { d: "M10.5 14h3", stroke: primaryColor, strokeWidth: "1", strokeLinecap: "round" })] })),
173
157
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", fill: primaryColor }), jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "8", y: "12", width: "8", height: "5", rx: "1", fill: "white" }), jsx("path", { d: "M9 4V3a3 3 0 016 0v1", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M10 14h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
174
158
  },
175
159
  });
@@ -179,7 +163,6 @@ const NtdCalculator = createIcon({
179
163
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "6", y: "4", width: "12", height: "5", rx: "1", fill: "white" }), jsx("circle", { cx: "8", cy: "12", r: "1", fill: "white" }), jsx("circle", { cx: "12", cy: "12", r: "1", fill: "white" }), jsx("circle", { cx: "16", cy: "12", r: "1", fill: "white" }), jsx("circle", { cx: "8", cy: "16", r: "1", fill: "white" }), jsx("circle", { cx: "12", cy: "16", r: "1", fill: "white" }), jsx("circle", { cx: "16", cy: "16", r: "1", fill: "white" }), jsx("circle", { cx: "8", cy: "20", r: "1", fill: "white" }), jsx("rect", { x: "11", y: "19", width: "6", height: "2", rx: "0.5", fill: "white" })] })),
180
164
  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: "6", y: "4", width: "12", height: "5", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "16", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "16", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "16", r: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "20", r: "1", fill: primaryColor }), jsx("rect", { x: "11", y: "19", width: "6", height: "2", rx: "0.5", fill: primaryColor })] })),
181
165
  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: "6", y: "4", width: "12", height: "5", rx: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "16", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "16", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "16", r: "1", fill: primaryColor })] })),
182
- 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", y: "6", width: "10", height: "4", rx: "0.75", fill: secondaryColor }), jsx("circle", { cx: "9", cy: "13", r: "0.75", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "13", r: "0.75", fill: secondaryColor }), jsx("circle", { cx: "15", cy: "13", r: "0.75", fill: secondaryColor }), jsx("circle", { cx: "9", cy: "16", r: "0.75", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "16", r: "0.75", fill: secondaryColor }), jsx("circle", { cx: "15", cy: "16", r: "0.75", fill: secondaryColor })] })),
183
166
  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: "6", y: "4", width: "12", height: "5", rx: "1", fill: "white" }), jsx("circle", { cx: "8", cy: "12", r: "1", fill: "white" }), jsx("circle", { cx: "12", cy: "12", r: "1", fill: "white" }), jsx("circle", { cx: "16", cy: "12", r: "1", fill: "white" }), jsx("circle", { cx: "8", cy: "16", r: "1", fill: "white" }), jsx("circle", { cx: "12", cy: "16", r: "1", fill: "white" }), jsx("circle", { cx: "16", cy: "16", r: "1", fill: "white" }), jsx("circle", { cx: "8", cy: "20", r: "1", fill: "white" }), jsx("rect", { x: "11", y: "19", width: "6", height: "2", rx: "0.5", fill: "white" })] })),
184
167
  },
185
168
  });