@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.
- package/CHANGELOG.md +70 -0
- package/dist/cjs/createIcon.js +1 -8
- package/dist/cjs/icons/accessibility.js +0 -13
- package/dist/cjs/icons/actions.js +0 -25
- package/dist/cjs/icons/ai.js +0 -15
- package/dist/cjs/icons/brand.js +0 -11
- package/dist/cjs/icons/business.js +0 -25
- package/dist/cjs/icons/devtech.js +0 -39
- package/dist/cjs/icons/ecommerce.js +0 -16
- package/dist/cjs/icons/education.js +0 -17
- package/dist/cjs/icons/files.js +0 -31
- package/dist/cjs/icons/fintech.js +0 -14
- package/dist/cjs/icons/food.js +0 -16
- package/dist/cjs/icons/fun.js +0 -13
- package/dist/cjs/icons/gaming.js +0 -15
- package/dist/cjs/icons/health.js +0 -14
- package/dist/cjs/icons/legal.js +0 -13
- package/dist/cjs/icons/media.js +0 -23
- package/dist/cjs/icons/navigation.js +0 -14
- package/dist/cjs/icons/realestate.js +0 -17
- package/dist/cjs/icons/saas.js +0 -13
- package/dist/cjs/icons/science.js +1 -18
- package/dist/cjs/icons/shapes.js +0 -22
- package/dist/cjs/icons/smarthome.js +0 -13
- package/dist/cjs/icons/social.js +0 -18
- package/dist/cjs/icons/sports.js +0 -14
- package/dist/cjs/icons/sustainability.js +0 -15
- package/dist/cjs/icons/travel.js +0 -15
- package/dist/cjs/icons/ui.js +0 -28
- package/dist/cjs/icons/weather.js +0 -20
- package/dist/cjs/index.js +0 -4
- package/dist/cjs/nicetodev-icons.css +1 -1
- package/dist/cjs/rsc.js +1 -1
- package/dist/cjs/variantProps.js +2 -7
- package/dist/esm/createIcon.js +1 -8
- package/dist/esm/icons/accessibility.js +0 -13
- package/dist/esm/icons/actions.js +0 -25
- package/dist/esm/icons/ai.js +0 -15
- package/dist/esm/icons/brand.js +0 -11
- package/dist/esm/icons/business.js +0 -25
- package/dist/esm/icons/devtech.js +0 -39
- package/dist/esm/icons/ecommerce.js +0 -16
- package/dist/esm/icons/education.js +0 -17
- package/dist/esm/icons/files.js +0 -31
- package/dist/esm/icons/fintech.js +0 -14
- package/dist/esm/icons/food.js +0 -16
- package/dist/esm/icons/fun.js +0 -13
- package/dist/esm/icons/gaming.js +0 -15
- package/dist/esm/icons/health.js +0 -14
- package/dist/esm/icons/legal.js +0 -13
- package/dist/esm/icons/media.js +0 -23
- package/dist/esm/icons/navigation.js +0 -14
- package/dist/esm/icons/realestate.js +0 -17
- package/dist/esm/icons/saas.js +0 -13
- package/dist/esm/icons/science.js +1 -18
- package/dist/esm/icons/shapes.js +0 -22
- package/dist/esm/icons/smarthome.js +0 -13
- package/dist/esm/icons/social.js +0 -18
- package/dist/esm/icons/sports.js +0 -14
- package/dist/esm/icons/sustainability.js +0 -15
- package/dist/esm/icons/travel.js +0 -15
- package/dist/esm/icons/ui.js +0 -28
- package/dist/esm/icons/weather.js +0 -20
- package/dist/esm/index.js +1 -2
- package/dist/esm/nicetodev-icons.css +1 -1
- package/dist/esm/rsc.js +1 -1
- package/dist/esm/variantProps.js +3 -7
- package/dist/types/NtdIconMorph.d.ts +1 -1
- package/dist/types/createIcon.d.ts +1 -9
- package/dist/types/index.d.ts +2 -12
- package/dist/types/rsc.d.ts +1 -3
- package/dist/types/tailwind-plugin.d.ts +1 -1
- package/dist/types/types.d.ts +1 -2
- package/dist/types/variantProps.d.ts +3 -11
- package/package.json +1 -1
package/dist/esm/icons/food.js
CHANGED
|
@@ -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
|
});
|
package/dist/esm/icons/fun.js
CHANGED
|
@@ -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
|
});
|