@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
|
@@ -12,7 +12,6 @@ const NtdBeaker = createIcon.createIcon({
|
|
|
12
12
|
solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 2h12v4H6V2zM5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M5 14h14", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M8 3v2M12 3v2M16 3v2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
|
|
13
13
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 2h12v4H6V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M5 14h14", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M8 3v2M12 3v2M16 3v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
14
14
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M6 2h12v4H6V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M5 14h14", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
15
|
-
flat: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M6.5 4h11v3h-11V4z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M5.5 7l-.75 10.5a1.5 1.5 0 001.5 1.5h11.5a1.5 1.5 0 001.5-1.5L18.5 7h-13z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M5.75 13h12.5", stroke: secondaryColor, strokeWidth: "1.25", strokeLinecap: "round" })] })),
|
|
16
15
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 2h12v4H6V2zM5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M6 2h12v4H6V2zM5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: "M5 14h14", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M8 3v2M12 3v2M16 3v2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
|
|
17
16
|
},
|
|
18
17
|
});
|
|
@@ -22,7 +21,6 @@ const NtdFlask = createIcon.createIcon({
|
|
|
22
21
|
solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2-2L9 8V2z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M10 2v1h4V2h-4z", fill: "white", opacity: "0.5" }), jsxRuntime.jsx("path", { d: "M6 16h12", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
|
|
23
22
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2-2L9 8V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M6 16h12", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
24
23
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2 2L9 8V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2-2L9 8V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M6 16h12", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
25
|
-
flat: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M9.5 4h5v4.5l3.75 9a1.5 1.5 0 01-1.5 1.5H7.25a1.5 1.5 0 01-1.5-1.5l3.75-9V4z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M7 15h10", stroke: secondaryColor, strokeWidth: "1.25", strokeLinecap: "round" })] })),
|
|
26
24
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2-2L9 8V2z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2-2L9 8V2z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("path", { d: "M10 2v1h4V2h-4z", fill: "white", opacity: "0.5" }), jsxRuntime.jsx("path", { d: "M6 16h12", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
|
|
27
25
|
},
|
|
28
26
|
});
|
|
@@ -32,7 +30,6 @@ const NtdTestTube = createIcon.createIcon({
|
|
|
32
30
|
solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M8 2h8v2H8V2z", fill: "white", opacity: "0.5" }), jsxRuntime.jsx("path", { d: "M9 12h6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
|
|
33
31
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M8 4h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
34
32
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M8 4h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
35
|
-
flat: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M9 4h6l-.75 12a2.25 2.25 0 01-4.5 0L9 4z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M9 5.5h6", stroke: secondaryColor, strokeWidth: "1", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M9.75 12h4.5", stroke: secondaryColor, strokeWidth: "1.25", strokeLinecap: "round" })] })),
|
|
36
33
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("path", { d: "M8 2h8v2H8V2z", fill: "white", opacity: "0.5" }), jsxRuntime.jsx("path", { d: "M9 12h6", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
|
|
37
34
|
},
|
|
38
35
|
});
|
|
@@ -42,7 +39,6 @@ const NtdPetriDish = createIcon.createIcon({
|
|
|
42
39
|
solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "6", fill: primaryColor, opacity: "0.6" }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "7", ry: "4", fill: "white", opacity: "0.3" }), jsxRuntime.jsx("circle", { cx: "9", cy: "12", r: "1.5", fill: "white", opacity: "0.5" }), jsxRuntime.jsx("circle", { cx: "14", cy: "13", r: "1", fill: "white", opacity: "0.5" }), jsxRuntime.jsx("circle", { cx: "11", cy: "14", r: "0.75", fill: "white", opacity: "0.5" })] })),
|
|
43
40
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "9", cy: "12", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "14", cy: "13", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "11", cy: "14", r: "0.75", fill: primaryColor })] })),
|
|
44
41
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "6", fill: secondaryColor, opacity: secondaryOpacity * 0.5 }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "9", cy: "12", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "14", cy: "13", r: "1", fill: primaryColor })] })),
|
|
45
|
-
flat: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "14", rx: "8", ry: "4.5", fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12.5", rx: "8", ry: "4.5", fill: primaryColor, opacity: "0.5" }), jsxRuntime.jsx("circle", { cx: "9.5", cy: "12.5", r: "1.25", fill: secondaryColor, opacity: "0.5" }), jsxRuntime.jsx("circle", { cx: "14", cy: "13", r: "0.75", fill: secondaryColor, opacity: "0.5" })] })),
|
|
46
42
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "6", fill: secondaryColor, opacity: "0.6" }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "7", ry: "4", fill: "white", opacity: "0.3" }), jsxRuntime.jsx("circle", { cx: "9", cy: "12", r: "1.5", fill: "white", opacity: "0.5" }), jsxRuntime.jsx("circle", { cx: "14", cy: "13", r: "1", fill: "white", opacity: "0.5" }), jsxRuntime.jsx("circle", { cx: "11", cy: "14", r: "0.75", fill: "white", opacity: "0.5" })] })),
|
|
47
43
|
},
|
|
48
44
|
});
|
|
@@ -52,7 +48,6 @@ const NtdMicroscope = createIcon.createIcon({
|
|
|
52
48
|
solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "19", rx: "8", ry: "3", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M10 10h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
|
|
53
49
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "19", rx: "8", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M10 10h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
54
50
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "19", rx: "8", ry: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "19", rx: "8", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
55
|
-
flat: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M12 4a1.5 1.5 0 00-1.5 1.5v4.5l-3 3v1.5h3l1.5 1.5 1.5-1.5h3V13l-3-3V5.5A1.5 1.5 0 0012 4z", fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "18", rx: "6", ry: "2.25", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M10.5 9h3", stroke: secondaryColor, strokeWidth: "1.25", strokeLinecap: "round" })] })),
|
|
56
51
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: secondaryColor }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "19", rx: "8", ry: "3", fill: "#8B5CF6" }), jsxRuntime.jsx("path", { d: "M10 10h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
|
|
57
52
|
},
|
|
58
53
|
});
|
|
@@ -62,7 +57,6 @@ const NtdDna = createIcon.createIcon({
|
|
|
62
57
|
solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 2c0 4 6 6 6 10s-6 6-6 10M18 2c0 4-6 6-6 10s6 6 6 10", stroke: primaryColor, strokeWidth: "2.5", fill: "none", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M6 6h12M6 12h12M6 18h12", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
|
|
63
58
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 2c0 4 6 6 6 10s-6 6-6 10M18 2c0 4-6 6-6 10s6 6 6 10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M6 6h12M6 12h12M6 18h12", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
64
59
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 6h12M6 12h12M6 18h12", stroke: secondaryColor, strokeWidth: strokeWidth * 2, strokeLinecap: "round", opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M6 2c0 4 6 6 6 10s-6 6-6 10M18 2c0 4-6 6-6 10s6 6 6 10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M6 6h12M6 12h12M6 18h12", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
65
|
-
flat: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M7 4c0 3 4.5 4.5 4.5 7.5S7 15 7 18M17 4c0 3-4.5 4.5-4.5 7.5S17 15 17 18", stroke: primaryColor, strokeWidth: "2", fill: "none", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M7 7h10M7 11.5h10M7 16h10", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" })] })),
|
|
66
60
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 2c0 4 6 6 6 10s-6 6-6 10M18 2c0 4-6 6-6 10s6 6 6 10", stroke: primaryColor, strokeWidth: "2", fill: "none", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M6 6h12M6 12h12M6 18h12", stroke: secondaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
|
|
67
61
|
},
|
|
68
62
|
});
|
|
@@ -75,7 +69,6 @@ const NtdAtom = createIcon.createIcon({
|
|
|
75
69
|
solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3", fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", stroke: primaryColor, strokeWidth: "2", fill: "none", transform: "rotate(60 12 12)" }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", stroke: primaryColor, strokeWidth: "2", fill: "none", transform: "rotate(-60 12 12)" })] })),
|
|
76
70
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", transform: "rotate(60 12 12)" }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", transform: "rotate(-60 12 12)" })] })),
|
|
77
71
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none", opacity: secondaryOpacity }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none", opacity: secondaryOpacity, transform: "rotate(60 12 12)" }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none", opacity: secondaryOpacity, transform: "rotate(-60 12 12)" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3", fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", transform: "rotate(60 12 12)" }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", transform: "rotate(-60 12 12)" })] })),
|
|
78
|
-
flat: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "2.25", fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "7.5", ry: "3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "7.5", ry: "3", stroke: primaryColor, strokeWidth: "1.5", fill: "none", transform: "rotate(60 12 12)" }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "7.5", ry: "3", stroke: primaryColor, strokeWidth: "1.5", fill: "none", transform: "rotate(-60 12 12)" })] })),
|
|
79
72
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", stroke: "#8B5CF6", strokeWidth: "1.5", fill: "none", transform: "rotate(60 12 12)" }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4", stroke: "#8B5CF6", strokeWidth: "1.5", fill: "none", transform: "rotate(-60 12 12)" })] })),
|
|
80
73
|
},
|
|
81
74
|
});
|
|
@@ -85,7 +78,6 @@ const NtdMolecule = createIcon.createIcon({
|
|
|
85
78
|
solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "5", cy: "8", r: "3", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "19", cy: "8", r: "3", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "5", cy: "18", r: "2.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "19", cy: "18", r: "2.5", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M9 10l-2-1M15 10l2-1M9 14l-3 3M15 14l3 3", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
|
|
86
79
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "5", cy: "8", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "19", cy: "8", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "5", cy: "18", r: "2.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "19", cy: "18", r: "2.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M9 10l-2-1M15 10l2-1M9 14l-3 3M15 14l3 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
87
80
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "5", cy: "8", r: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "19", cy: "8", r: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "5", cy: "8", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "19", cy: "8", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "5", cy: "18", r: "2.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "19", cy: "18", r: "2.5", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M9 10l-2-1M15 10l2-1M9 14l-3 3M15 14l3 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
88
|
-
flat: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "6", cy: "8.5", r: "2.25", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "18", cy: "8.5", r: "2.25", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "6", cy: "17", r: "1.875", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "18", cy: "17", r: "1.875", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M9.5 10.5l-1.5-.75M14.5 10.5l1.5-.75M9.5 14l-2.25 2.25M14.5 14l2.25 2.25", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" })] })),
|
|
89
81
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "5", cy: "8", r: "3", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "19", cy: "8", r: "3", fill: "#8B5CF6" }), jsxRuntime.jsx("circle", { cx: "5", cy: "18", r: "2.5", fill: "#06B6D4" }), jsxRuntime.jsx("circle", { cx: "19", cy: "18", r: "2.5", fill: "#F59E0B" }), jsxRuntime.jsx("path", { d: "M9 10l-2-1M15 10l2-1M9 14l-3 3M15 14l3 3", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
|
|
90
82
|
},
|
|
91
83
|
});
|
|
@@ -95,7 +87,6 @@ const NtdPeriodictable = createIcon.createIcon({
|
|
|
95
87
|
solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: "white" }), jsxRuntime.jsx("rect", { x: "10", y: "4", width: "4", height: "4", rx: "0.5", fill: "white" }), jsxRuntime.jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: "white" }), jsxRuntime.jsx("rect", { x: "4", y: "10", width: "4", height: "4", rx: "0.5", fill: "white" }), jsxRuntime.jsx("rect", { x: "10", y: "10", width: "4", height: "4", rx: "0.5", fill: "white" }), jsxRuntime.jsx("rect", { x: "16", y: "10", width: "4", height: "4", rx: "0.5", fill: "white" }), jsxRuntime.jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", fill: "white" }), jsxRuntime.jsx("rect", { x: "10", y: "16", width: "4", height: "4", rx: "0.5", fill: "white" }), jsxRuntime.jsx("rect", { x: "16", y: "16", width: "4", height: "4", rx: "0.5", fill: "white" }), jsxRuntime.jsx("text", { x: "6", y: "7.5", textAnchor: "middle", fill: primaryColor, fontSize: "3", fontWeight: "bold", children: "H" }), jsxRuntime.jsx("text", { x: "12", y: "7.5", textAnchor: "middle", fill: primaryColor, fontSize: "3", fontWeight: "bold", children: "He" })] })),
|
|
96
88
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsxRuntime.jsx("rect", { x: "10", y: "4", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsxRuntime.jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsxRuntime.jsx("rect", { x: "4", y: "10", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsxRuntime.jsx("rect", { x: "10", y: "10", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsxRuntime.jsx("rect", { x: "16", y: "10", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsxRuntime.jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsxRuntime.jsx("rect", { x: "10", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsxRuntime.jsx("rect", { x: "16", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" })] })),
|
|
97
89
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "10", y: "4", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "4", y: "10", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "10", y: "10", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsxRuntime.jsx("rect", { x: "16", y: "10", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsxRuntime.jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsxRuntime.jsx("rect", { x: "10", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsxRuntime.jsx("rect", { x: "16", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" })] })),
|
|
98
|
-
flat: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("rect", { x: "4", y: "4", width: "3.5", height: "3.5", rx: "0.5", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "10", y: "4", width: "3.5", height: "3.5", rx: "0.5", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "16", y: "4", width: "3.5", height: "3.5", rx: "0.5", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "4", y: "10", width: "3.5", height: "3.5", rx: "0.5", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "10", y: "10", width: "3.5", height: "3.5", rx: "0.5", fill: primaryColor, opacity: "0.6" }), jsxRuntime.jsx("rect", { x: "16", y: "10", width: "3.5", height: "3.5", rx: "0.5", fill: primaryColor, opacity: "0.6" }), jsxRuntime.jsx("rect", { x: "4", y: "16", width: "3.5", height: "3.5", rx: "0.5", fill: primaryColor, opacity: "0.3" }), jsxRuntime.jsx("rect", { x: "10", y: "16", width: "3.5", height: "3.5", rx: "0.5", fill: primaryColor, opacity: "0.3" }), jsxRuntime.jsx("rect", { x: "16", y: "16", width: "3.5", height: "3.5", rx: "0.5", fill: primaryColor, opacity: "0.3" })] })),
|
|
99
90
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: "white" }), jsxRuntime.jsx("rect", { x: "10", y: "4", width: "4", height: "4", rx: "0.5", fill: "white" }), jsxRuntime.jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: "white" }), jsxRuntime.jsx("rect", { x: "4", y: "10", width: "4", height: "4", rx: "0.5", fill: "white" }), jsxRuntime.jsx("rect", { x: "10", y: "10", width: "4", height: "4", rx: "0.5", fill: "white" }), jsxRuntime.jsx("rect", { x: "16", y: "10", width: "4", height: "4", rx: "0.5", fill: "white" }), jsxRuntime.jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", fill: "white" }), jsxRuntime.jsx("rect", { x: "10", y: "16", width: "4", height: "4", rx: "0.5", fill: "white" }), jsxRuntime.jsx("rect", { x: "16", y: "16", width: "4", height: "4", rx: "0.5", fill: "white" })] })),
|
|
100
91
|
},
|
|
101
92
|
});
|
|
@@ -108,7 +99,6 @@ const NtdMagnet = createIcon.createIcon({
|
|
|
108
99
|
solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M4 10h5M15 10h5", stroke: "white", strokeWidth: "2" }), jsxRuntime.jsx("text", { x: "6.5", y: "19", textAnchor: "middle", fill: "white", fontSize: "4", fontWeight: "bold", children: "S" }), jsxRuntime.jsx("text", { x: "17.5", y: "19", textAnchor: "middle", fill: "white", fontSize: "4", fontWeight: "bold", children: "N" })] })),
|
|
109
100
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M4 10h5M15 10h5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
110
101
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M4 10h5M15 10h5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
111
|
-
flat: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M5 10a6 6 0 0112 0v5h-3.75v-5a2.25 2.25 0 00-4.5 0v5H5v-5z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M5 10h3.75M13.25 10H17", stroke: secondaryColor, strokeWidth: "1.5" })] })),
|
|
112
102
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: "M4 10h5M15 10h5", stroke: "white", strokeWidth: "1.8" })] })),
|
|
113
103
|
},
|
|
114
104
|
});
|
|
@@ -118,7 +108,6 @@ const NtdTelescope = createIcon.createIcon({
|
|
|
118
108
|
solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M21 6l-9 4-2-4 9-4 2 4z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M10 6l2 4-4 2-2-4 4-2z", fill: primaryColor, opacity: "0.7" }), jsxRuntime.jsx("path", { d: "M8 12l-2-4-4 2 2 4 4-2z", fill: primaryColor, opacity: "0.5" }), jsxRuntime.jsx("circle", { cx: "6", cy: "16", r: "2", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M8 17l4 5M4 17l-2 5", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
|
|
119
109
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M21 6l-9 4-2-4 9-4 2 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M10 6l2 4-4 2-2-4 4-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M8 12l-2-4-4 2 2 4 4-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "6", cy: "16", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M8 17l4 5M4 17l-2 5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
120
110
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M21 6l-9 4-2-4 9-4 2 4z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M10 6l2 4-4 2-2-4 4-2z", fill: secondaryColor, opacity: secondaryOpacity * 0.7 }), jsxRuntime.jsx("path", { d: "M21 6l-9 4-2-4 9-4 2 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M10 6l2 4-4 2-2-4 4-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M8 12l-2-4-4 2 2 4 4-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "6", cy: "16", r: "2", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M8 17l4 5M4 17l-2 5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
121
|
-
flat: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M19 6.5l-6.75 3-1.5-3 6.75-3 1.5 3z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M10.75 6.5l1.5 3-3 1.5-1.5-3 3-1.5z", fill: primaryColor, opacity: "0.7" }), jsxRuntime.jsx("path", { d: "M8.25 11l-1.5-3-3 1.5 1.5 3 3-1.5z", fill: primaryColor, opacity: "0.5" }), jsxRuntime.jsx("circle", { cx: "6.5", cy: "15", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M8 15.75l3 3.75M5 15.75l-1.5 3.75", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" })] })),
|
|
122
111
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M21 6l-9 4-2-4 9-4 2 4z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M21 6l-9 4-2-4 9-4 2 4z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("path", { d: "M10 6l2 4-4 2-2-4 4-2z", fill: secondaryColor, opacity: "0.7" }), jsxRuntime.jsx("path", { d: "M8 12l-2-4-4 2 2 4 4-2z", fill: "#8B5CF6", opacity: "0.5" }), jsxRuntime.jsx("circle", { cx: "6", cy: "16", r: "2", fill: "#06B6D4" }), jsxRuntime.jsx("path", { d: "M8 17l4 5M4 17l-2 5", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
|
|
123
112
|
},
|
|
124
113
|
});
|
|
@@ -127,15 +116,13 @@ const NtdTelescope = createIcon.createIcon({
|
|
|
127
116
|
at the points where it meets the disc: 12±7.71, 12−2.14) go down first, then
|
|
128
117
|
the globe, then the near half of the ring on top. Splitting the arcs keeps it
|
|
129
118
|
mask-free — per-icon renderers get no `useId`, so an SVG <mask> here would
|
|
130
|
-
need a hardcoded, collision-prone id.
|
|
131
|
-
(rx 8.5 / disc 6), hence its own intersection points (12±5.77, 12−1.65). */
|
|
119
|
+
need a hardcoded, collision-prone id. */
|
|
132
120
|
const NtdPlanet = createIcon.createIcon({
|
|
133
121
|
displayName: 'NtdPlanet',
|
|
134
122
|
paths: {
|
|
135
123
|
solid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("g", { transform: "rotate(-20 12 12)", stroke: secondaryColor, strokeWidth: "2", fill: "none", children: [jsxRuntime.jsx("path", { d: "M1 12A11 3 0 0 1 4.29 9.86" }), jsxRuntime.jsx("path", { d: "M19.71 9.86A11 3 0 0 1 23 12" })] }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "8", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M1 12A11 3 0 0 0 23 12", stroke: secondaryColor, strokeWidth: "2", fill: "none", transform: "rotate(-20 12 12)" })] })),
|
|
136
124
|
outline: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("g", { transform: "rotate(-20 12 12)", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", children: [jsxRuntime.jsx("path", { d: "M1 12A11 3 0 0 1 4.29 9.86" }), jsxRuntime.jsx("path", { d: "M19.71 9.86A11 3 0 0 1 23 12" })] }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M1 12A11 3 0 0 0 23 12", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", transform: "rotate(-20 12 12)" })] })),
|
|
137
125
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("g", { transform: "rotate(-20 12 12)", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", children: [jsxRuntime.jsx("path", { d: "M1 12A11 3 0 0 1 4.29 9.86" }), jsxRuntime.jsx("path", { d: "M19.71 9.86A11 3 0 0 1 23 12" })] }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "8", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M1 12A11 3 0 0 0 23 12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", transform: "rotate(-20 12 12)" })] })),
|
|
138
|
-
flat: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsxs("g", { transform: "rotate(-20 12 12)", stroke: primaryColor, strokeWidth: "1.5", fill: "none", children: [jsxRuntime.jsx("path", { d: "M3.5 12A8.5 2.25 0 0 1 6.23 10.35" }), jsxRuntime.jsx("path", { d: "M17.77 10.35A8.5 2.25 0 0 1 20.5 12" })] }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "6", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M3.5 12A8.5 2.25 0 0 0 20.5 12", stroke: primaryColor, strokeWidth: "1.5", fill: "none", transform: "rotate(-20 12 12)" })] })),
|
|
139
126
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("g", { transform: "rotate(-20 12 12)", stroke: secondaryColor, strokeWidth: "1.8", fill: "none", children: [jsxRuntime.jsx("path", { d: "M1 12A11 3 0 0 1 4.29 9.86" }), jsxRuntime.jsx("path", { d: "M19.71 9.86A11 3 0 0 1 23 12" })] }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "8", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "8", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: "M1 12A11 3 0 0 0 23 12", stroke: secondaryColor, strokeWidth: "1.8", fill: "none", transform: "rotate(-20 12 12)" })] })),
|
|
140
127
|
},
|
|
141
128
|
});
|
|
@@ -145,7 +132,6 @@ const NtdRocket = createIcon.createIcon({
|
|
|
145
132
|
solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M6 14l-3 3 3 3 3-3", fill: primaryColor, opacity: "0.6" }), jsxRuntime.jsx("path", { d: "M14 18l3 3 3-3-3-3", fill: primaryColor, opacity: "0.6" }), jsxRuntime.jsx("circle", { cx: "12", cy: "10", r: "2", fill: "white" })] })),
|
|
146
133
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M6 14l-3 3 3 3 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M14 18l3 3 3-3-3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsxRuntime.jsx("circle", { cx: "12", cy: "10", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
147
134
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M6 14l-3 3 3 3 3-3", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M14 18l3 3 3-3-3-3", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "10", r: "2", fill: primaryColor })] })),
|
|
148
|
-
flat: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M12 4c-3 3-4.5 6-4.5 9l2.25 2.25 4.5-4.5 2.25 2.25c0-3 1.5-6 4.5-9-3 0-6-1.5-9 0z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M7.5 13l-2.25 2.25 2.25 2.25 2.25-2.25", fill: primaryColor, opacity: "0.6" }), jsxRuntime.jsx("path", { d: "M13.5 16.5l2.25 2.25 2.25-2.25-2.25-2.25", fill: primaryColor, opacity: "0.6" }), jsxRuntime.jsx("circle", { cx: "12", cy: "10", r: "1.5", fill: secondaryColor })] })),
|
|
149
135
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("path", { d: "M6 14l-3 3 3 3 3-3", fill: secondaryColor, opacity: "0.6" }), jsxRuntime.jsx("path", { d: "M14 18l3 3 3-3-3-3", fill: "#8B5CF6", opacity: "0.6" }), jsxRuntime.jsx("circle", { cx: "12", cy: "10", r: "2", fill: "white" })] })),
|
|
150
136
|
},
|
|
151
137
|
});
|
|
@@ -158,7 +144,6 @@ const NtdResearch = createIcon.createIcon({
|
|
|
158
144
|
solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "10", cy: "10", r: "7", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M15 15l6 6", stroke: primaryColor, strokeWidth: "3", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M7 8h6M7 12h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
|
|
159
145
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "10", cy: "10", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M15 15l6 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M7 8h6M7 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
160
146
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "10", cy: "10", r: "7", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "10", cy: "10", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M15 15l6 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M7 8h6M7 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
161
|
-
flat: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "10", cy: "10", r: "5.5", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M14 14l4.5 4.5", stroke: primaryColor, strokeWidth: "2.5", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M7.5 8.5h5M7.5 11.5h3.5", stroke: secondaryColor, strokeWidth: "1.25", strokeLinecap: "round" })] })),
|
|
162
147
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "10", cy: "10", r: "7", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "10", cy: "10", r: "7", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: "M15 15l6 6", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M7 8h6M7 12h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
|
|
163
148
|
},
|
|
164
149
|
});
|
|
@@ -168,7 +153,6 @@ const NtdHypothesis = createIcon.createIcon({
|
|
|
168
153
|
solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M9 18h6v2H9v-2zM10 22h4", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M10 9h4M10 12h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
|
|
169
154
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M9 18h6v2H9v-2zM10 22h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M10 9h4M10 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
170
155
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M9 18h6v2H9v-2zM10 22h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M10 9h4M10 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
171
|
-
flat: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M12 4a4.5 4.5 0 00-4.5 4.5c0 1.875 1.125 3.375 2.25 4.5v1.5h4.5V13c1.125-1.125 2.25-2.625 2.25-4.5A4.5 4.5 0 0012 4z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M9.75 16h4.5v1.5h-4.5v-1.5zM10.5 19h3", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M10.5 8.5h3M10.5 11h3", stroke: secondaryColor, strokeWidth: "1.25", strokeLinecap: "round" })] })),
|
|
172
156
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: "M9 18h6v2H9v-2zM10 22h4", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M10 9h4M10 12h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
|
|
173
157
|
},
|
|
174
158
|
});
|
|
@@ -178,7 +162,6 @@ const NtdExperiment = createIcon.createIcon({
|
|
|
178
162
|
solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M8 2h8v2H8V2z", fill: "white", opacity: "0.5" }), jsxRuntime.jsx("path", { d: "M6 14h12", stroke: "white", strokeWidth: "1.5" }), jsxRuntime.jsx("circle", { cx: "10", cy: "17", r: "1", fill: "white" }), jsxRuntime.jsx("circle", { cx: "14", cy: "16", r: "1.5", fill: "white" })] })),
|
|
179
163
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M8 4h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M6 14h12", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsxRuntime.jsx("circle", { cx: "10", cy: "17", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "14", cy: "16", r: "1.5", fill: primaryColor })] })),
|
|
180
164
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M8 4h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M6 14h12", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsxRuntime.jsx("circle", { cx: "10", cy: "17", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "14", cy: "16", r: "1.5", fill: primaryColor })] })),
|
|
181
|
-
flat: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M9 4h6v3l3 10.5H6L9 7V4z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M9 5.5h6", stroke: secondaryColor, strokeWidth: "1", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M7 13h10", stroke: secondaryColor, strokeWidth: "1.25", strokeLinecap: "round" }), jsxRuntime.jsx("circle", { cx: "10.5", cy: "15.5", r: "0.75", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "13.5", cy: "15", r: "1.125", fill: secondaryColor })] })),
|
|
182
165
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("path", { d: "M8 2h8v2H8V2z", fill: "white", opacity: "0.5" }), jsxRuntime.jsx("circle", { cx: "10", cy: "17", r: "1", fill: "white" }), jsxRuntime.jsx("circle", { cx: "14", cy: "16", r: "1.5", fill: "white" }), jsxRuntime.jsx("path", { d: "M6 14h12", stroke: "white", strokeWidth: "1" })] })),
|
|
183
166
|
},
|
|
184
167
|
});
|
package/dist/cjs/icons/shapes.js
CHANGED
|
@@ -9,7 +9,6 @@ const NtdArrowUpCircle = createIcon.createIcon({
|
|
|
9
9
|
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("polyline", { points: "16,12 12,8 8,12", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
|
|
10
10
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "16,12 12,8 8,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
11
11
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "16,12 12,8 8,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
12
|
-
flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("polyline", { points: "16,12 12,8 8,12", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
|
|
13
12
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("polyline", { points: "16,12 12,8 8,12", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
|
|
14
13
|
},
|
|
15
14
|
});
|
|
@@ -19,7 +18,6 @@ const NtdArrowDownCircle = createIcon.createIcon({
|
|
|
19
18
|
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("polyline", { points: "8,12 12,16 16,12", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
|
|
20
19
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "8,12 12,16 16,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
21
20
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "8,12 12,16 16,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
22
|
-
flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("polyline", { points: "8,12 12,16 16,12", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
|
|
23
21
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("polyline", { points: "8,12 12,16 16,12", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
|
|
24
22
|
},
|
|
25
23
|
});
|
|
@@ -29,7 +27,6 @@ const NtdArrowLeftCircle = createIcon.createIcon({
|
|
|
29
27
|
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("polyline", { points: "12,8 8,12 12,16", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsxRuntime.jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
|
|
30
28
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "12,8 8,12 12,16", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
31
29
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "12,8 8,12 12,16", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
32
|
-
flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("polyline", { points: "12,8 8,12 12,16", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsxRuntime.jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
|
|
33
30
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("polyline", { points: "12,8 8,12 12,16", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsxRuntime.jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
|
|
34
31
|
},
|
|
35
32
|
});
|
|
@@ -39,7 +36,6 @@ const NtdArrowRightCircle = createIcon.createIcon({
|
|
|
39
36
|
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("polyline", { points: "12,16 16,12 12,8", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsxRuntime.jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
|
|
40
37
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "12,16 16,12 12,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
41
38
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "12,16 16,12 12,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
42
|
-
flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("polyline", { points: "12,16 16,12 12,8", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsxRuntime.jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
|
|
43
39
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("polyline", { points: "12,16 16,12 12,8", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsxRuntime.jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
|
|
44
40
|
},
|
|
45
41
|
});
|
|
@@ -49,7 +45,6 @@ const NtdSquare = createIcon.createIcon({
|
|
|
49
45
|
solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor })),
|
|
50
46
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
51
47
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
52
|
-
flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor })] })),
|
|
53
48
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "white", opacity: "0.1" })] })),
|
|
54
49
|
},
|
|
55
50
|
});
|
|
@@ -59,7 +54,6 @@ const NtdCircle = createIcon.createIcon({
|
|
|
59
54
|
solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor })),
|
|
60
55
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
61
56
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
62
|
-
flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor })] })),
|
|
63
57
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" })] })),
|
|
64
58
|
},
|
|
65
59
|
});
|
|
@@ -69,7 +63,6 @@ const NtdTriangle = createIcon.createIcon({
|
|
|
69
63
|
solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("polygon", { points: "12,2 22,22 2,22", fill: primaryColor })),
|
|
70
64
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("polygon", { points: "12,2 22,22 2,22", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
71
65
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "12,2 22,22 2,22", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("polygon", { points: "12,2 22,22 2,22", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
72
|
-
flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("polygon", { points: "12,2 22,22 2,22", fill: primaryColor })] })),
|
|
73
66
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "12,2 22,22 2,22", fill: primaryColor }), jsxRuntime.jsx("polygon", { points: "12,2 22,22 2,22", fill: "white", opacity: "0.1" })] })),
|
|
74
67
|
},
|
|
75
68
|
});
|
|
@@ -79,7 +72,6 @@ const NtdHexagon = createIcon.createIcon({
|
|
|
79
72
|
solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("path", { d: "M12 2L21 7V17L12 22L3 17V7Z", fill: primaryColor })),
|
|
80
73
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M12 2L21 7V17L12 22L3 17V7Z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
81
74
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2L21 7V17L12 22L3 17V7Z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M12 2L21 7V17L12 22L3 17V7Z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
82
|
-
flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M12 2L21 7V17L12 22L3 17V7Z", fill: primaryColor })] })),
|
|
83
75
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2L21 7V17L12 22L3 17V7Z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M12 2L21 7V17L12 22L3 17V7Z", fill: "white", opacity: "0.1" })] })),
|
|
84
76
|
},
|
|
85
77
|
});
|
|
@@ -89,7 +81,6 @@ const NtdOctagon = createIcon.createIcon({
|
|
|
89
81
|
solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", fill: primaryColor })),
|
|
90
82
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
91
83
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
92
|
-
flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", fill: primaryColor })] })),
|
|
93
84
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", fill: primaryColor }), jsxRuntime.jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", fill: "white", opacity: "0.1" })] })),
|
|
94
85
|
},
|
|
95
86
|
});
|
|
@@ -99,7 +90,6 @@ const NtdDiamond = createIcon.createIcon({
|
|
|
99
90
|
solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: primaryColor })),
|
|
100
91
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("polygon", { points: "12,2 22,12 12,22 2,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
101
92
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("polygon", { points: "12,2 22,12 12,22 2,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
102
|
-
flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: primaryColor })] })),
|
|
103
93
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: primaryColor }), jsxRuntime.jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: "white", opacity: "0.1" })] })),
|
|
104
94
|
},
|
|
105
95
|
});
|
|
@@ -109,7 +99,6 @@ const NtdPentagon = createIcon.createIcon({
|
|
|
109
99
|
solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: primaryColor })),
|
|
110
100
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
111
101
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
112
|
-
flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: primaryColor })] })),
|
|
113
102
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: primaryColor }), jsxRuntime.jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: "white", opacity: "0.1" })] })),
|
|
114
103
|
},
|
|
115
104
|
});
|
|
@@ -119,7 +108,6 @@ const NtdCross = createIcon.createIcon({
|
|
|
119
108
|
solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: primaryColor })),
|
|
120
109
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
121
110
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
122
|
-
flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: primaryColor })] })),
|
|
123
111
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: "white", opacity: "0.1" })] })),
|
|
124
112
|
},
|
|
125
113
|
});
|
|
@@ -129,7 +117,6 @@ const NtdStar4 = createIcon.createIcon({
|
|
|
129
117
|
solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("path", { d: "M12 2l2.5 7.5L22 12l-7.5 2.5L12 22l-2.5-7.5L2 12l7.5-2.5z", fill: primaryColor })),
|
|
130
118
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M12 2l2.5 7.5L22 12l-7.5 2.5L12 22l-2.5-7.5L2 12l7.5-2.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
131
119
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2l2.5 7.5L22 12l-7.5 2.5L12 22l-2.5-7.5L2 12l7.5-2.5z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M12 2l2.5 7.5L22 12l-7.5 2.5L12 22l-2.5-7.5L2 12l7.5-2.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
132
|
-
flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M12 2l2.5 7.5L22 12l-7.5 2.5L12 22l-2.5-7.5L2 12l7.5-2.5z", fill: primaryColor })] })),
|
|
133
120
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2l2.5 7.5L22 12l-7.5 2.5L12 22l-2.5-7.5L2 12l7.5-2.5z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M12 2l2.5 7.5L22 12l-7.5 2.5L12 22l-2.5-7.5L2 12l7.5-2.5z", fill: "white", opacity: "0.1" })] })),
|
|
134
121
|
},
|
|
135
122
|
});
|
|
@@ -139,7 +126,6 @@ const NtdCornerUpLeft = createIcon.createIcon({
|
|
|
139
126
|
solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M20 20v-5a4 4 0 00-4-4H4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
140
127
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M20 20v-5a4 4 0 00-4-4H4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
141
128
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M20 20v-5a4 4 0 00-4-4H4", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
142
|
-
flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M20 20v-5a4 4 0 00-4-4H4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
143
129
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsxRuntime.jsx("path", { d: "M20 20v-5a4 4 0 00-4-4H4", stroke: secondaryColor, strokeWidth: "2", fill: "none" })] })),
|
|
144
130
|
},
|
|
145
131
|
});
|
|
@@ -149,7 +135,6 @@ const NtdCornerUpRight = createIcon.createIcon({
|
|
|
149
135
|
solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M4 20v-5a4 4 0 014-4h12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
150
136
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M4 20v-5a4 4 0 014-4h12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
151
137
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M4 20v-5a4 4 0 014-4h12", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
152
|
-
flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M4 20v-5a4 4 0 014-4h12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
153
138
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsxRuntime.jsx("path", { d: "M4 20v-5a4 4 0 014-4h12", stroke: secondaryColor, strokeWidth: "2", fill: "none" })] })),
|
|
154
139
|
},
|
|
155
140
|
});
|
|
@@ -159,7 +144,6 @@ const NtdCornerDownLeft = createIcon.createIcon({
|
|
|
159
144
|
solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M20 4v5a4 4 0 01-4 4H4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
160
145
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M20 4v5a4 4 0 01-4 4H4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
161
146
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M20 4v5a4 4 0 01-4 4H4", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
162
|
-
flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M20 4v5a4 4 0 01-4 4H4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
163
147
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsxRuntime.jsx("path", { d: "M20 4v5a4 4 0 01-4 4H4", stroke: secondaryColor, strokeWidth: "2", fill: "none" })] })),
|
|
164
148
|
},
|
|
165
149
|
});
|
|
@@ -169,7 +153,6 @@ const NtdCornerDownRight = createIcon.createIcon({
|
|
|
169
153
|
solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M4 4v5a4 4 0 004 4h12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
170
154
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M4 4v5a4 4 0 004 4h12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
171
155
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M4 4v5a4 4 0 004 4h12", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
172
|
-
flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M4 4v5a4 4 0 004 4h12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
173
156
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsxRuntime.jsx("path", { d: "M4 4v5a4 4 0 004 4h12", stroke: secondaryColor, strokeWidth: "2", fill: "none" })] })),
|
|
174
157
|
},
|
|
175
158
|
});
|
|
@@ -179,7 +162,6 @@ const NtdMaximize = createIcon.createIcon({
|
|
|
179
162
|
solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "15,3 21,3 21,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "9,21 3,21 3,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "21", y1: "3", x2: "14", y2: "10", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
180
163
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "15,3 21,3 21,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "9,21 3,21 3,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "21", y1: "3", x2: "14", y2: "10", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
181
164
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("line", { x1: "21", y1: "3", x2: "14", y2: "10", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("polyline", { points: "15,3 21,3 21,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "9,21 3,21 3,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
182
|
-
flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("polyline", { points: "15,3 21,3 21,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "9,21 3,21 3,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "21", y1: "3", x2: "14", y2: "10", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
183
165
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "15,3 21,3 21,9", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsxRuntime.jsx("polyline", { points: "9,21 3,21 3,15", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsxRuntime.jsx("line", { x1: "21", y1: "3", x2: "14", y2: "10", stroke: "#3B82F6", strokeWidth: "1.5" }), jsxRuntime.jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: secondaryColor, strokeWidth: "1.5" })] })),
|
|
184
166
|
},
|
|
185
167
|
});
|
|
@@ -189,7 +171,6 @@ const NtdMinimize = createIcon.createIcon({
|
|
|
189
171
|
solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "4,14 10,14 10,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "20,10 14,10 14,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "14", y1: "10", x2: "21", y2: "3", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
190
172
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "4,14 10,14 10,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "20,10 14,10 14,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "14", y1: "10", x2: "21", y2: "3", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
191
173
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("line", { x1: "14", y1: "10", x2: "21", y2: "3", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("polyline", { points: "4,14 10,14 10,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "20,10 14,10 14,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
192
|
-
flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("polyline", { points: "4,14 10,14 10,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "20,10 14,10 14,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "14", y1: "10", x2: "21", y2: "3", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
193
174
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "4,14 10,14 10,20", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsxRuntime.jsx("polyline", { points: "20,10 14,10 14,4", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsxRuntime.jsx("line", { x1: "14", y1: "10", x2: "21", y2: "3", stroke: "#3B82F6", strokeWidth: "1.5" }), jsxRuntime.jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14", stroke: secondaryColor, strokeWidth: "1.5" })] })),
|
|
194
175
|
},
|
|
195
176
|
});
|
|
@@ -199,7 +180,6 @@ const NtdMove = createIcon.createIcon({
|
|
|
199
180
|
solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "5,9 2,12 5,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "9,5 12,2 15,5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "15,19 12,22 9,19", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "19,9 22,12 19,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "12", y1: "2", x2: "12", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
200
181
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "5,9 2,12 5,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "9,5 12,2 15,5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "15,19 12,22 9,19", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "19,9 22,12 19,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "12", y1: "2", x2: "12", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
201
182
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("line", { x1: "12", y1: "2", x2: "12", y2: "22", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("polyline", { points: "5,9 2,12 5,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "9,5 12,2 15,5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "15,19 12,22 9,19", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "19,9 22,12 19,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
202
|
-
flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("polyline", { points: "5,9 2,12 5,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "9,5 12,2 15,5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "15,19 12,22 9,19", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "19,9 22,12 19,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "12", y1: "2", x2: "12", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
203
183
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "5,9 2,12 5,15", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsxRuntime.jsx("polyline", { points: "9,5 12,2 15,5", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsxRuntime.jsx("polyline", { points: "15,19 12,22 9,19", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" }), jsxRuntime.jsx("polyline", { points: "19,9 22,12 19,15", stroke: secondaryColor, strokeWidth: "1.5", fill: "none" }), jsxRuntime.jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12", stroke: secondaryColor, strokeWidth: "1.5" }), jsxRuntime.jsx("line", { x1: "12", y1: "2", x2: "12", y2: "22", stroke: secondaryColor, strokeWidth: "1.5" })] })),
|
|
204
184
|
},
|
|
205
185
|
});
|
|
@@ -209,7 +189,6 @@ const NtdRepeat = createIcon.createIcon({
|
|
|
209
189
|
solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "17,1 21,5 17,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M3 11V9a4 4 0 014-4h14", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "7,23 3,19 7,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M21 13v2a4 4 0 01-4 4H3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
210
190
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "17,1 21,5 17,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M3 11V9a4 4 0 014-4h14", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "7,23 3,19 7,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M21 13v2a4 4 0 01-4 4H3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
211
191
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M3 11V9a4 4 0 014-4h14", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("path", { d: "M21 13v2a4 4 0 01-4 4H3", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("polyline", { points: "17,1 21,5 17,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "7,23 3,19 7,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
212
|
-
flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("polyline", { points: "17,1 21,5 17,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M3 11V9a4 4 0 014-4h14", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "7,23 3,19 7,15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M21 13v2a4 4 0 01-4 4H3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
213
192
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "17,1 21,5 17,9", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsxRuntime.jsx("path", { d: "M3 11V9a4 4 0 014-4h14", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsxRuntime.jsx("polyline", { points: "7,23 3,19 7,15", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" }), jsxRuntime.jsx("path", { d: "M21 13v2a4 4 0 01-4 4H3", stroke: secondaryColor, strokeWidth: "1.5", fill: "none" })] })),
|
|
214
193
|
},
|
|
215
194
|
});
|
|
@@ -219,7 +198,6 @@ const NtdShuffle = createIcon.createIcon({
|
|
|
219
198
|
solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "4", y1: "20", x2: "21", y2: "3", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("polyline", { points: "21,16 21,21 16,21", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "15", y1: "15", x2: "21", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "4", y1: "4", x2: "9", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
220
199
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "4", y1: "20", x2: "21", y2: "3", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("polyline", { points: "21,16 21,21 16,21", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "15", y1: "15", x2: "21", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "4", y1: "4", x2: "9", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
221
200
|
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("line", { x1: "4", y1: "20", x2: "21", y2: "3", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "21,16 21,21 16,21", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "15", y1: "15", x2: "21", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "4", y1: "4", x2: "9", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
222
|
-
flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsxRuntime.jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "4", y1: "20", x2: "21", y2: "3", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("polyline", { points: "21,16 21,21 16,21", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "15", y1: "15", x2: "21", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "4", y1: "4", x2: "9", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
223
201
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsxRuntime.jsx("line", { x1: "4", y1: "20", x2: "21", y2: "3", stroke: secondaryColor, strokeWidth: "1.8" }), jsxRuntime.jsx("polyline", { points: "21,16 21,21 16,21", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" }), jsxRuntime.jsx("line", { x1: "15", y1: "15", x2: "21", y2: "21", stroke: secondaryColor, strokeWidth: "1.5" }), jsxRuntime.jsx("line", { x1: "4", y1: "4", x2: "9", y2: "9", stroke: secondaryColor, strokeWidth: "1.5" })] })),
|
|
224
202
|
},
|
|
225
203
|
});
|