@nice2dev/icons 1.1.10 → 1.2.0

package/dist/esm/icons/realestate.js

@@ -10,7 +10,6 @@ const NtdHouse = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L3 10v10a2 2 0 002 2h14a2 2 0 002-2V10L12 2z", fill: primaryColor }), jsx("path", { d: "M9 22V14h6v8", stroke: "white", strokeWidth: "1.5", fill: "white", opacity: "0.3" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L3 10v10a2 2 0 002 2h14a2 2 0 002-2V10L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M9 22V14h6v8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L3 10v10a2 2 0 002 2h14a2 2 0 002-2V10L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L3 10v10a2 2 0 002 2h14a2 2 0 002-2V10L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M9 22V14h6v8", fill: primaryColor, stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 4L4 10.5v8A1.5 1.5 0 005.5 20h13a1.5 1.5 0 001.5-1.5v-8L12 4z", fill: primaryColor }), jsx("path", { d: "M10 20V14h4v6", fill: secondaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L3 10v10a2 2 0 002 2h14a2 2 0 002-2V10L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2L3 10v10a2 2 0 002 2h14a2 2 0 002-2V10L12 2z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M9 22V14h6v8", stroke: "white", strokeWidth: "1.5", fill: "white", opacity: "0.3" })] })),
     },
 });
@@ -20,7 +19,6 @@ const NtdApartment = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "4", width: "16", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "7", y: "7", width: "3", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "14", y: "7", width: "3", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "7", y: "13", width: "3", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "14", y: "13", width: "3", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "10", y: "18", width: "4", height: "4", fill: "white", opacity: "0.3" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "4", width: "16", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "7", width: "3", height: "3", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "7", width: "3", height: "3", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "13", width: "3", height: "3", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "13", width: "3", height: "3", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "10", y: "18", width: "4", height: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "4", width: "16", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "4", width: "16", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "7", width: "3", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "14", y: "7", width: "3", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "7", y: "13", width: "3", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "14", y: "13", width: "3", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "10", y: "18", width: "4", height: "4", fill: primaryColor })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "5", y: "5", width: "14", height: "15", rx: "1.5", fill: primaryColor }), jsx("rect", { x: "7.5", y: "7.5", width: "2.5", height: "2.5", rx: "0.375", fill: secondaryColor }), jsx("rect", { x: "14", y: "7.5", width: "2.5", height: "2.5", rx: "0.375", fill: secondaryColor }), jsx("rect", { x: "7.5", y: "12.5", width: "2.5", height: "2.5", rx: "0.375", fill: secondaryColor }), jsx("rect", { x: "14", y: "12.5", width: "2.5", height: "2.5", rx: "0.375", fill: secondaryColor }), jsx("rect", { x: "10.5", y: "17", width: "3", height: "3", fill: secondaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "4", width: "16", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "4", width: "16", height: "18", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "7", y: "7", width: "3", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "14", y: "7", width: "3", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "7", y: "13", width: "3", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "14", y: "13", width: "3", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "10", y: "18", width: "4", height: "4", fill: "white", opacity: "0.3" })] })),
     },
 });
@@ -30,7 +28,6 @@ const NtdCondo = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M6 8L12 2l6 6", fill: primaryColor }), jsx("rect", { x: "9", y: "11", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "11", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "9", y: "15", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "15", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "10", y: "19", width: "4", height: "3", fill: "white", opacity: "0.3" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 8L12 2l6 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "9", y: "11", width: "2", height: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "11", width: "2", height: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "15", width: "2", height: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "15", width: "2", height: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "10", y: "19", width: "4", height: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 8L12 2l6 6", fill: primaryColor }), jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "11", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "13", y: "11", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "9", y: "15", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "13", y: "15", width: "2", height: "2", fill: primaryColor })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "7", y: "8.5", width: "10", height: "11.5", rx: "1.5", fill: primaryColor }), jsx("path", { d: "M7 8.5L12 4l5 4.5", fill: primaryColor }), jsx("rect", { x: "9.5", y: "11", width: "1.5", height: "1.5", fill: secondaryColor }), jsx("rect", { x: "13", y: "11", width: "1.5", height: "1.5", fill: secondaryColor }), jsx("rect", { x: "9.5", y: "14.5", width: "1.5", height: "1.5", fill: secondaryColor }), jsx("rect", { x: "13", y: "14.5", width: "1.5", height: "1.5", fill: secondaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("path", { d: "M6 8L12 2l6 6", fill: secondaryColor }), jsx("rect", { x: "9", y: "11", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "11", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "9", y: "15", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "15", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "10", y: "19", width: "4", height: "3", fill: "white", opacity: "0.3" })] })),
     },
 });
@@ -40,7 +37,6 @@ const NtdVilla = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 10v10a2 2 0 002 2h16a2 2 0 002-2V10L12 2z", fill: primaryColor }), jsx("path", { d: "M8 22V16h3v6M13 22V16h3v6", stroke: "white", strokeWidth: "1.5" }), jsx("rect", { x: "10", y: "10", width: "4", height: "4", fill: "white", opacity: "0.5" }), jsx("path", { d: "M2 10h6l-3-4L2 10z", fill: primaryColor }), jsx("path", { d: "M16 10h6l-3-4-3 4z", fill: primaryColor })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 10v10a2 2 0 002 2h16a2 2 0 002-2V10L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M8 22V16h3v6M13 22V16h3v6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "10", y: "10", width: "4", height: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 10h6l-3-4L2 10zM16 10h6l-3-4-3 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 10v10a2 2 0 002 2h16a2 2 0 002-2V10L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L2 10v10a2 2 0 002 2h16a2 2 0 002-2V10L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 10h6l-3-4L2 10zM16 10h6l-3-4-3 4z", fill: primaryColor }), jsx("rect", { x: "10", y: "10", width: "4", height: "4", fill: primaryColor })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 4L3 11v7.5A1.5 1.5 0 004.5 20h15a1.5 1.5 0 001.5-1.5V11L12 4z", fill: primaryColor }), jsx("path", { d: "M3 11h4.5l-2.25-3L3 11zM16.5 11H21l-2.25-3-2.25 3z", fill: primaryColor }), jsx("rect", { x: "10.5", y: "11", width: "3", height: "3", fill: secondaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 10v10a2 2 0 002 2h16a2 2 0 002-2V10L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2L2 10v10a2 2 0 002 2h16a2 2 0 002-2V10L12 2z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "10", y: "10", width: "4", height: "4", fill: "white", opacity: "0.5" }), jsx("path", { d: "M2 10h6l-3-4L2 10z", fill: "#F59E0B" }), jsx("path", { d: "M16 10h6l-3-4-3 4z", fill: "#10B981" }), jsx("path", { d: "M8 22V16h3v6M13 22V16h3v6", stroke: "white", strokeWidth: "1" })] })),
     },
 });
@@ -53,7 +49,6 @@ const NtdOfficeBuilding = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "11", y: "5", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "15", y: "5", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "11", y: "9", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "15", y: "9", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "11", y: "13", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "15", y: "13", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "10", y: "18", width: "4", height: "4", fill: "white", opacity: "0.3" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 5h2M11 5h2M15 5h2M7 9h2M11 9h2M15 9h2M7 13h2M11 13h2M15 13h2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("rect", { x: "10", y: "18", width: "4", height: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "11", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "15", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "11", y: "9", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "15", y: "9", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "11", y: "13", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "15", y: "13", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "10", y: "18", width: "4", height: "4", fill: primaryColor })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "5", y: "4", width: "14", height: "16", rx: "1.5", fill: primaryColor }), jsx("rect", { x: "7.5", y: "6", width: "1.5", height: "1.5", fill: secondaryColor }), jsx("rect", { x: "11.25", y: "6", width: "1.5", height: "1.5", fill: secondaryColor }), jsx("rect", { x: "15", y: "6", width: "1.5", height: "1.5", fill: secondaryColor }), jsx("rect", { x: "7.5", y: "9.5", width: "1.5", height: "1.5", fill: secondaryColor }), jsx("rect", { x: "11.25", y: "9.5", width: "1.5", height: "1.5", fill: secondaryColor }), jsx("rect", { x: "15", y: "9.5", width: "1.5", height: "1.5", fill: secondaryColor }), jsx("rect", { x: "7.5", y: "13", width: "1.5", height: "1.5", fill: secondaryColor }), jsx("rect", { x: "11.25", y: "13", width: "1.5", height: "1.5", fill: secondaryColor }), jsx("rect", { x: "15", y: "13", width: "1.5", height: "1.5", fill: secondaryColor }), jsx("rect", { x: "10.5", y: "17", width: "3", height: "3", fill: secondaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "11", y: "5", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "15", y: "5", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "11", y: "9", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "15", y: "9", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "11", y: "13", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "15", y: "13", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "10", y: "18", width: "4", height: "4", fill: "white", opacity: "0.3" })] })),
     },
 });
@@ -63,7 +58,6 @@ const NtdWarehouse = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: primaryColor }), jsx("rect", { x: "6", y: "14", width: "5", height: "8", fill: "white", opacity: "0.3" }), jsx("rect", { x: "13", y: "14", width: "5", height: "8", fill: "white", opacity: "0.3" }), jsx("path", { d: "M6 14v8M11 14v8M13 14v8M18 14v8", stroke: "white", strokeWidth: "1.5" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "6", y: "14", width: "5", height: "8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "14", width: "5", height: "8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8.5 14v8M15.5 14v8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "6", y: "14", width: "5", height: "8", fill: primaryColor, opacity: "0.5", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "13", y: "14", width: "5", height: "8", fill: primaryColor, opacity: "0.5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 4L4 9v9.5a1.5 1.5 0 001.5 1.5h13a1.5 1.5 0 001.5-1.5V9L12 4z", fill: primaryColor }), jsx("rect", { x: "7", y: "14", width: "3.75", height: "6", fill: secondaryColor }), jsx("rect", { x: "13.25", y: "14", width: "3.75", height: "6", fill: secondaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "6", y: "14", width: "5", height: "8", fill: "white", opacity: "0.3" }), jsx("rect", { x: "13", y: "14", width: "5", height: "8", fill: "white", opacity: "0.3" }), jsx("path", { d: "M6 14v8M11 14v8M13 14v8M18 14v8", stroke: "white", strokeWidth: "1" })] })),
     },
 });
@@ -76,7 +70,6 @@ const NtdKey = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "8", cy: "8", r: "5", fill: primaryColor }), jsx("circle", { cx: "8", cy: "8", r: "2", fill: "white", opacity: "0.3" }), jsx("path", { d: "M12 12l8 8M17 17l3-3M15 19l3-3", stroke: primaryColor, strokeWidth: "2.5", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "8", cy: "8", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "8", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 12l8 8M17 17l3-3M15 19l3-3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "8", cy: "8", r: "5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "8", cy: "8", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "8", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 12l8 8M17 17l3-3M15 19l3-3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "8.5", cy: "8.5", r: "3.75", fill: primaryColor }), jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", fill: secondaryColor }), jsx("path", { d: "M11.5 11.5l6 6M15.5 15.5l2.25-2.25M13.75 17.25l2.25-2.25", stroke: primaryColor, strokeWidth: "1.875", strokeLinecap: "round" })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "8", cy: "8", r: "5", fill: primaryColor }), jsx("circle", { cx: "8", cy: "8", r: "5", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "8", cy: "8", r: "2", fill: "white", opacity: "0.3" }), jsx("path", { d: "M12 12l8 8M17 17l3-3M15 19l3-3", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -86,7 +79,6 @@ const NtdFloorPlan = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("path", { d: "M3 12h8v9M11 3v9h10", stroke: "white", strokeWidth: "2" }), jsx("path", { d: "M7 7h2M7 17h2M17 7h2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 12h8v9M11 3v9h10", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M7 7h2M7 17h2M17 7h2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 12h8v9M11 3v9h10", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M7 7h2M7 17h2M17 7h2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "1.5", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M4 12h7.5v8M11.5 4v8H20", stroke: primaryColor, strokeWidth: "1.5" }), jsx("path", { d: "M7.5 7.5h1.5M7.5 16.5h1.5M15.5 7.5h1.5", stroke: primaryColor, strokeWidth: "1.25", strokeLinecap: "round" })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M3 12h8v9M11 3v9h10", stroke: "white", strokeWidth: "1.8" }), jsx("path", { d: "M7 7h2M7 17h2M17 7h2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
     },
 });
@@ -96,7 +88,6 @@ const NtdSquareMeters = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("text", { x: "12", y: "14", textAnchor: "middle", fill: "white", fontSize: "8", fontWeight: "bold", fontFamily: "system-ui", children: "m\u00B2" }), jsx("path", { d: "M3 7h3M3 17h3M18 7h3M18 17h3M7 3v3M17 3v3M7 18v3M17 18v3", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "14", textAnchor: "middle", fill: primaryColor, fontSize: "8", fontWeight: "bold", fontFamily: "system-ui", children: "m\u00B2" }), jsx("path", { d: "M3 7h3M3 17h3M18 7h3M18 17h3M7 3v3M17 3v3M7 18v3M17 18v3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "14", textAnchor: "middle", fill: primaryColor, fontSize: "8", fontWeight: "bold", fontFamily: "system-ui", children: "m\u00B2" }), jsx("path", { d: "M3 7h3M3 17h3M18 7h3M18 17h3M7 3v3M17 3v3M7 18v3M17 18v3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "1.5", fill: primaryColor }), jsx("text", { x: "12", y: "13.5", textAnchor: "middle", fill: secondaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "m\u00B2" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M3 7h3M3 17h3M18 7h3M18 17h3M7 3v3M17 3v3M7 18v3M17 18v3", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" })] })),
     },
 });
@@ -106,7 +97,6 @@ const NtdBedroom = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "10", width: "20", height: "10", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "6", width: "5", height: "4", rx: "1", fill: primaryColor }), jsx("rect", { x: "15", y: "6", width: "5", height: "4", rx: "1", fill: primaryColor }), jsx("path", { d: "M4 18v2M20 18v2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "10", width: "20", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "4", y: "6", width: "5", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "15", y: "6", width: "5", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 18v2M20 18v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "10", width: "20", height: "10", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "6", width: "5", height: "4", rx: "1", fill: primaryColor }), jsx("rect", { x: "15", y: "6", width: "5", height: "4", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "10", width: "20", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 18v2M20 18v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "3", y: "10.5", width: "18", height: "8.25", rx: "1.5", fill: primaryColor }), jsx("rect", { x: "4.5", y: "7.5", width: "3.75", height: "3", rx: "0.75", fill: primaryColor }), jsx("rect", { x: "15.75", y: "7.5", width: "3.75", height: "3", rx: "0.75", fill: primaryColor }), jsx("path", { d: "M5 17v1.5M19 17v1.5", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "10", width: "20", height: "10", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "10", width: "20", height: "10", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "4", y: "6", width: "5", height: "4", rx: "1", fill: secondaryColor }), jsx("rect", { x: "15", y: "6", width: "5", height: "4", rx: "1", fill: "#F59E0B" }), jsx("path", { d: "M4 18v2M20 18v2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -116,7 +106,6 @@ const NtdBathroom = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12h16v4a4 4 0 01-4 4H8a4 4 0 01-4-4v-4z", fill: primaryColor }), jsx("path", { d: "M6 12V6a4 4 0 018 0", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("circle", { cx: "14", cy: "6", r: "2", fill: primaryColor }), jsx("path", { d: "M6 20v2M18 20v2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12h16v4a4 4 0 01-4 4H8a4 4 0 01-4-4v-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 12V6a4 4 0 018 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "14", cy: "6", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 20v2M18 20v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12h16v4a4 4 0 01-4 4H8a4 4 0 01-4-4v-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 12h16v4a4 4 0 01-4 4H8a4 4 0 01-4-4v-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 12V6a4 4 0 018 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "14", cy: "6", r: "2", fill: primaryColor }), jsx("path", { d: "M6 20v2M18 20v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M5 12h14v3a3 3 0 01-3 3H8a3 3 0 01-3-3v-3z", fill: primaryColor }), jsx("path", { d: "M7 12V7.5a3 3 0 016 0", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("circle", { cx: "13", cy: "7.5", r: "1.5", fill: primaryColor }), jsx("path", { d: "M7 18v1.5M17 18v1.5", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12h16v4a4 4 0 01-4 4H8a4 4 0 01-4-4v-4z", fill: primaryColor }), jsx("path", { d: "M4 12h16v4a4 4 0 01-4 4H8a4 4 0 01-4-4v-4z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "14", cy: "6", r: "2", fill: secondaryColor }), jsx("path", { d: "M6 12V6a4 4 0 018 0", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M6 20v2M18 20v2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -126,7 +115,6 @@ const NtdGarage = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: primaryColor }), jsx("rect", { x: "5", y: "12", width: "14", height: "10", fill: "white", opacity: "0.3" }), jsx("path", { d: "M5 14h14M5 17h14M5 20h14", stroke: "white", strokeWidth: "1.5" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "5", y: "12", width: "14", height: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 15h14M5 18h14", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "5", y: "12", width: "14", height: "10", fill: primaryColor, opacity: "0.3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M5 15h14M5 18h14", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 4L4 9v9.5a1.5 1.5 0 001.5 1.5h13a1.5 1.5 0 001.5-1.5V9L12 4z", fill: primaryColor }), jsx("rect", { x: "6", y: "12", width: "12", height: "8", fill: secondaryColor }), jsx("path", { d: "M6 14.25h12M6 16.75h12M6 19.25h12", stroke: primaryColor, strokeWidth: "1" })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "5", y: "12", width: "14", height: "10", fill: "white", opacity: "0.3" }), jsx("path", { d: "M5 14h14M5 17h14M5 20h14", stroke: "white", strokeWidth: "1" })] })),
     },
 });
@@ -136,7 +124,6 @@ const NtdPool = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "20", height: "10", rx: "2", fill: primaryColor }), jsx("path", { d: "M2 13c2 2 4 2 6 0s4-2 6 0 4 2 6 0", stroke: "white", strokeWidth: "2", fill: "none" }), jsx("path", { d: "M7 5v3M17 5v3", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M5 5h4M15 5h4", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "20", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 13c2 2 4 2 6 0s4-2 6 0 4 2 6 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 5v3M17 5v3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M5 5h4M15 5h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "20", height: "10", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "8", width: "20", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 13c2 2 4 2 6 0s4-2 6 0 4 2 6 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 5v3M17 5v3M5 5h4M15 5h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "3", y: "9", width: "18", height: "8.25", rx: "1.5", fill: primaryColor }), jsx("path", { d: "M3 13c1.5 1.5 3 1.5 4.5 0s3-1.5 4.5 0 3 1.5 4.5 0 3-1.5 4.5 0", stroke: secondaryColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M7.5 6v3M16.5 6v3M6 6h3M15 6h3", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "20", height: "10", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "8", width: "20", height: "10", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M2 13c2 2 4 2 6 0s4-2 6 0 4 2 6 0", stroke: "white", strokeWidth: "1.8", fill: "none" }), jsx("path", { d: "M7 5v3M17 5v3", stroke: "#F59E0B", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("path", { d: "M5 5h4M15 5h4", stroke: "#F59E0B", strokeWidth: "1.5", strokeLinecap: "round" })] })),
     },
 });
@@ -149,7 +136,6 @@ const NtdForSale = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: "white", fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "SALE" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: "2" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "SALE" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "SALE" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "3", y: "7", width: "18", height: "12", rx: "1.5", fill: primaryColor }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: secondaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "SALE" }), jsx("path", { d: "M6 7V4.5h3V7M15 7V4.5h3V7", stroke: primaryColor, strokeWidth: "1.5" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
@@ -159,7 +145,6 @@ const NtdForRent = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: "white", fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "RENT" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: "2" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "RENT" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "RENT" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "3", y: "7", width: "18", height: "12", rx: "1.5", fill: primaryColor }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: secondaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "RENT" }), jsx("path", { d: "M6 7V4.5h3V7M15 7V4.5h3V7", stroke: primaryColor, strokeWidth: "1.5" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
@@ -169,7 +154,6 @@ const NtdSold = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: "white", fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "SOLD" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: "2" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "SOLD" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "SOLD" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "3", y: "7", width: "18", height: "12", rx: "1.5", fill: primaryColor }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: secondaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "SOLD" }), jsx("path", { d: "M6 7V4.5h3V7M15 7V4.5h3V7", stroke: primaryColor, strokeWidth: "1.5" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
@@ -179,7 +163,6 @@ const NtdMortgage = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L3 9v11a2 2 0 002 2h14a2 2 0 002-2V9L12 2z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "14", r: "4", fill: "white" }), jsx("text", { x: "12", y: "16", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "$" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L3 9v11a2 2 0 002 2h14a2 2 0 002-2V9L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("circle", { cx: "12", cy: "14", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "16", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "$" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L3 9v11a2 2 0 002 2h14a2 2 0 002-2V9L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L3 9v11a2 2 0 002 2h14a2 2 0 002-2V9L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("circle", { cx: "12", cy: "14", r: "4", fill: primaryColor }), jsx("text", { x: "12", y: "16", textAnchor: "middle", fill: "white", fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "$" })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 4L4 10v8.5a1.5 1.5 0 001.5 1.5h13a1.5 1.5 0 001.5-1.5V10L12 4z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "13.5", r: "3", fill: secondaryColor }), jsx("text", { x: "12", y: "15.25", textAnchor: "middle", fill: primaryColor, fontSize: "5", fontWeight: "bold", fontFamily: "system-ui", children: "$" })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L3 9v11a2 2 0 002 2h14a2 2 0 002-2V9L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2L3 9v11a2 2 0 002 2h14a2 2 0 002-2V9L12 2z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "14", r: "4", fill: "white" })] })),
     },
 });

package/dist/esm/icons/saas.js

@@ -11,7 +11,6 @@ const NtdDashboard = createIcon({
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "13", y: "3", width: "8", height: "4", rx: "1", fill: accentColor, opacity: accentOpacity }), jsx("rect", { x: "13", y: "9", width: "8", height: "12", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "13", width: "8", height: "8", rx: "1", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "3", width: "8", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "9", width: "8", height: "12", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "3", y: "13", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "13", y: "9", width: "8", height: "12", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "3", width: "8", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "9", width: "8", height: "12", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "3", y: "13", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "4", y: "4", width: "7", height: "7", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "13", y: "4", width: "7", height: "3", rx: "0.5", fill: primaryColor, opacity: "0.6" }), jsx("rect", { x: "13", y: "9", width: "7", height: "10", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "4", y: "13", width: "7", height: "6", rx: "0.5", fill: primaryColor, opacity: "0.6" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "13", y: "3", width: "8", height: "4", rx: "1", fill: secondaryColor }), jsx("rect", { x: "13", y: "9", width: "8", height: "12", rx: "1", fill: "#3B82F6" }), jsx("rect", { x: "3", y: "13", width: "8", height: "8", rx: "1", fill: "#8B5CF6" })] })),
     },
 });
@@ -21,7 +20,6 @@ const NtdAnalytics = createIcon({
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "14", width: "4", height: "7", rx: "1", fill: primaryColor }), jsx("rect", { x: "10", y: "10", width: "4", height: "11", rx: "1", fill: primaryColor }), jsx("rect", { x: "17", y: "6", width: "4", height: "15", rx: "1", fill: primaryColor }), jsx("path", { d: "M3 6l5 4 5-3 5-3", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("circle", { cx: "3", cy: "6", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "8", cy: "10", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "13", cy: "7", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "18", cy: "4", r: "1.5", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "14", width: "4", height: "7", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "10", y: "10", width: "4", height: "11", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "17", y: "6", width: "4", height: "15", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 6l5 4 5-3 5-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "3", cy: "6", r: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "10", r: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "13", cy: "7", r: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "4", r: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "14", width: "4", height: "7", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "10", y: "10", width: "4", height: "11", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "17", y: "6", width: "4", height: "15", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "14", width: "4", height: "7", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "10", y: "10", width: "4", height: "11", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "17", y: "6", width: "4", height: "15", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 6l5 4 5-3 5-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "3", cy: "6", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "8", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "13", cy: "7", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "18", cy: "4", r: "1.5", fill: primaryColor })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "4", y: "13", width: "3", height: "6", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "9", y: "10", width: "3", height: "9", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "14", y: "7", width: "3", height: "12", rx: "0.5", fill: primaryColor }), jsx("path", { d: "M5.5 7l4 3 4-2.5 4-2.5", stroke: accentColor, strokeWidth: "1.5", fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "14", width: "4", height: "7", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "14", width: "4", height: "7", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "10", y: "10", width: "4", height: "11", rx: "1", fill: secondaryColor }), jsx("rect", { x: "17", y: "6", width: "4", height: "15", rx: "1", fill: "#3B82F6" }), jsx("circle", { cx: "3", cy: "6", r: "1.5", fill: "#8B5CF6" }), jsx("circle", { cx: "8", cy: "10", r: "1.5", fill: "#10B981" }), jsx("circle", { cx: "13", cy: "7", r: "1.5", fill: "#10B981" }), jsx("circle", { cx: "18", cy: "4", r: "1.5", fill: "#10B981" }), jsx("path", { d: "M3 6l5 4 5-3 5-3", stroke: "white", strokeWidth: "1", opacity: "0.35", fill: "none" })] })),
     },
 });
@@ -31,7 +29,6 @@ const NtdIntegration = createIcon({
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "6", cy: "6", r: "4", fill: primaryColor }), jsx("circle", { cx: "18", cy: "6", r: "4", fill: primaryColor }), jsx("circle", { cx: "6", cy: "18", r: "4", fill: primaryColor }), jsx("circle", { cx: "18", cy: "18", r: "4", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M8.5 8.5l2.5 2.5M15.5 8.5l-2.5 2.5M8.5 15.5l2.5-2.5M15.5 15.5l-2.5-2.5", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "6", cy: "6", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "6", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "6", cy: "18", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "18", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8.5 8.5l2.5 2.5M15.5 8.5l-2.5 2.5M8.5 15.5l2.5-2.5M15.5 15.5l-2.5-2.5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "6", cy: "6", r: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "18", cy: "6", r: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "6", cy: "18", r: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "18", cy: "18", r: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "6", cy: "6", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "6", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "6", cy: "18", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "18", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: primaryColor }), jsx("path", { d: "M8.5 8.5l2.5 2.5M15.5 8.5l-2.5 2.5M8.5 15.5l2.5-2.5M15.5 15.5l-2.5-2.5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "7", cy: "7", r: "3", fill: primaryColor }), jsx("circle", { cx: "17", cy: "7", r: "3", fill: primaryColor }), jsx("circle", { cx: "7", cy: "17", r: "3", fill: primaryColor }), jsx("circle", { cx: "17", cy: "17", r: "3", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2.5", fill: accentColor }), jsx("path", { d: "M9 9l2 2M15 9l-2 2M9 15l2-2M15 15l-2-2", stroke: accentColor, strokeWidth: "1" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "6", cy: "6", r: "4", fill: primaryColor }), jsx("circle", { cx: "6", cy: "6", r: "4", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "18", cy: "6", r: "4", fill: secondaryColor }), jsx("circle", { cx: "6", cy: "18", r: "4", fill: "#3B82F6" }), jsx("circle", { cx: "18", cy: "18", r: "4", fill: "#8B5CF6" }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: "#10B981" }), jsx("path", { d: "M8.5 8.5l2.5 2.5M15.5 8.5l-2.5 2.5M8.5 15.5l2.5-2.5M15.5 15.5l-2.5-2.5", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
     },
 });
@@ -41,7 +38,6 @@ const NtdAPI = createIcon({
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fontSize: "8", fontWeight: "bold", fill: accentColor, opacity: accentOpacity, children: "API" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 15l2-6 2 6M8 13h2", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" }), jsx("path", { d: "M12 9v6M12 9h2a2 2 0 110 4h-2", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" }), jsx("path", { d: "M17 9v6", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 15l2-6 2 6M8 13h2", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" }), jsx("path", { d: "M12 9v6M12 9h2a2 2 0 110 4h-2", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" }), jsx("path", { d: "M17 9v6", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "1", fill: primaryColor }), jsx("path", { d: "M7 14.5l1.5-5 1.5 5M8 13h1", stroke: accentColor, strokeWidth: "1", fill: "none" }), jsx("path", { d: "M11.5 9.5v5M11.5 9.5h1.5a1.5 1.5 0 110 3h-1.5", stroke: accentColor, strokeWidth: "1", fill: "none" }), jsx("path", { d: "M15.5 9.5v5", stroke: accentColor, strokeWidth: "1" })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -51,7 +47,6 @@ const NtdWebhook = createIcon({
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "3", fill: primaryColor }), jsx("circle", { cx: "19", cy: "6", r: "3", fill: primaryColor }), jsx("circle", { cx: "19", cy: "18", r: "3", fill: primaryColor }), jsx("path", { d: "M8 12h8l-3-6M16 12l3 6", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "19", cy: "6", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "19", cy: "18", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12h8l-3-6M16 12l3 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "19", cy: "6", r: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "19", cy: "18", r: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "5", cy: "12", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "19", cy: "6", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "19", cy: "18", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12h8l-3-6M16 12l3 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "6", cy: "12", r: "2.5", fill: primaryColor }), jsx("circle", { cx: "18", cy: "7", r: "2.5", fill: primaryColor }), jsx("circle", { cx: "18", cy: "17", r: "2.5", fill: primaryColor }), jsx("path", { d: "M8.5 12h6.5l-2.5-5M15 12l2.5 5", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "3", fill: primaryColor }), jsx("circle", { cx: "5", cy: "12", r: "3", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "19", cy: "6", r: "3", fill: secondaryColor }), jsx("circle", { cx: "19", cy: "18", r: "3", fill: "#3B82F6" }), jsx("path", { d: "M8 12h8l-3-6M16 12l3 6", stroke: "white", strokeWidth: "1", opacity: "0.35", fill: "none" })] })),
     },
 });
@@ -61,7 +56,6 @@ const NtdMetrics = createIcon({
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M12 6v6l4 2", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v6l4 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v6l4 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "8", fill: primaryColor }), jsx("path", { d: "M12 7v5l3 1.5", stroke: accentColor, strokeWidth: "1.5", fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: accentColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }), jsx("path", { d: "M12 6v6l4 2", stroke: "white", strokeWidth: "1", opacity: "0.4", fill: "none" })] })),
     },
 });
@@ -71,7 +65,6 @@ const NtdSubscription = createIcon({
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M12 9v6M9 12h6", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsx("path", { d: "M7 2v3M12 2v3M17 2v3", stroke: primaryColor, strokeWidth: "2" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 9v6M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M7 2v3M12 2v3M17 2v3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 9v6M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M7 2v3M12 2v3M17 2v3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "1", fill: primaryColor }), jsx("path", { d: "M12 10v4M10 12h4", stroke: accentColor, strokeWidth: "1.5" }), jsx("path", { d: "M8 4v2M12 4v2M16 4v2", stroke: primaryColor, strokeWidth: "1.5" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M12 9v6M9 12h6", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("path", { d: "M7 2v3M12 2v3M17 2v3", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
     },
 });
@@ -81,7 +74,6 @@ const NtdTenant = createIcon({
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "8", width: "7", height: "13", rx: "1", fill: primaryColor }), jsx("rect", { x: "14", y: "8", width: "7", height: "13", rx: "1", fill: primaryColor }), jsx("path", { d: "M6.5 3l5.5 5 5.5-5", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "2", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "8", width: "7", height: "13", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "8", width: "7", height: "13", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6.5 3l5.5 5 5.5-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "8", width: "7", height: "13", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "8", width: "7", height: "13", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "8", width: "7", height: "13", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "8", width: "7", height: "13", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6.5 3l5.5 5 5.5-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "2", fill: primaryColor })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "4", y: "9", width: "6", height: "10", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "14", y: "9", width: "6", height: "10", rx: "0.5", fill: primaryColor }), jsx("path", { d: "M7 5l5 4 5-4", stroke: accentColor, strokeWidth: "1.5", fill: "none" }), jsx("circle", { cx: "12", cy: "9", r: "1.5", fill: accentColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "8", width: "7", height: "13", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "8", width: "7", height: "13", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "14", y: "8", width: "7", height: "13", rx: "1", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "8", r: "2", fill: "#3B82F6" }), jsx("path", { d: "M6.5 3l5.5 5 5.5-5", stroke: "white", strokeWidth: "1", opacity: "0.35", fill: "none" })] })),
     },
 });
@@ -91,7 +83,6 @@ const NtdUsage = createIcon({
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M12 2a10 10 0 017.07 17.07", stroke: accentColor, strokeWidth: "3", opacity: accentOpacity, fill: "none" }), jsx("text", { x: "12", y: "14", textAnchor: "middle", fontSize: "6", fontWeight: "bold", fill: accentColor, opacity: accentOpacity, children: "75%" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 2a10 10 0 017.07 17.07", stroke: primaryColor, strokeWidth: strokeWidth * 1.5, fill: "none" }), jsx("path", { d: "M12 8v4l2 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 2a10 10 0 017.07 17.07", stroke: primaryColor, strokeWidth: strokeWidth * 1.5, fill: "none" }), jsx("path", { d: "M12 8v4l2 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "8", fill: primaryColor, opacity: "0.3" }), jsx("path", { d: "M12 4a8 8 0 015.66 13.66", stroke: primaryColor, strokeWidth: "2.5", fill: "none" }), jsx("path", { d: "M12 8v4l1.5 1.5", stroke: accentColor, strokeWidth: "1.5", fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("path", { d: "M12 2a10 10 0 017.07 17.07", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" })] })),
     },
 });
@@ -101,7 +92,6 @@ const NtdQuota = createIcon({
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "5", y: "12", width: "14", height: "4", rx: "1", fill: accentColor, opacity: accentOpacity * 0.5 }), jsx("rect", { x: "5", y: "12", width: "10", height: "4", rx: "1", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M5 7h14M5 9h10", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "5", y: "12", width: "14", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "5", y: "12", width: "10", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 7h14M5 9h10", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "5", y: "12", width: "14", height: "4", rx: "1", fill: secondaryColor, opacity: secondaryOpacity * 0.5 }), jsx("rect", { x: "5", y: "12", width: "10", height: "4", rx: "1", fill: primaryColor }), jsx("path", { d: "M5 7h14M5 9h10", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "1", fill: primaryColor }), jsx("rect", { x: "6", y: "12", width: "12", height: "3", rx: "0.5", fill: secondaryColor, opacity: "0.5" }), jsx("rect", { x: "6", y: "12", width: "8", height: "3", rx: "0.5", fill: accentColor }), jsx("path", { d: "M6 7h12M6 9h8", stroke: accentColor, strokeWidth: "1" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "5", y: "12", width: "14", height: "4", rx: "1", fill: secondaryColor }), jsx("rect", { x: "5", y: "12", width: "10", height: "4", rx: "1", fill: "#3B82F6" }), jsx("path", { d: "M5 7h14M5 9h10", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
     },
 });
@@ -111,7 +101,6 @@ const NtdUptime = createIcon({
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M12 6v6h6", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("path", { d: "M8 16l2-4 2 2 2-3 2 5", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity, fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v6h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 16l2-4 2 2 2-3 2 5", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v6h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 16l2-4 2 2 2-3 2 5", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "8", fill: primaryColor }), jsx("path", { d: "M12 7v5h5", stroke: accentColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M8 15l1.5-3 1.5 1.5 1.5-2.5 1.5 4", stroke: accentColor, strokeWidth: "1", fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("path", { d: "M12 6v6h6", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("path", { d: "M8 16l2-4 2 2 2-3 2 5", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })] })),
     },
 });
@@ -121,7 +110,6 @@ const NtdBilling = createIcon({
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "8", width: "20", height: "4", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "6", cy: "16", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("rect", { x: "10", y: "15", width: "8", height: "2", rx: "1", fill: accentColor, opacity: accentOpacity * 0.7 })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 8h20M2 12h20", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "6", cy: "16", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "10", y: "15", width: "8", height: "2", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "8", width: "20", height: "4", fill: primaryColor }), jsx("circle", { cx: "6", cy: "16", r: "1.5", fill: primaryColor }), jsx("rect", { x: "10", y: "15", width: "8", height: "2", rx: "1", fill: primaryColor, opacity: "0.5" })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "8", width: "18", height: "3", fill: accentColor }), jsx("circle", { cx: "6", cy: "15", r: "1", fill: accentColor }), jsx("rect", { x: "9", y: "14", width: "7", height: "2", rx: "0.5", fill: accentColor, opacity: "0.6" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "2", y: "8", width: "20", height: "4", fill: secondaryColor }), jsx("circle", { cx: "6", cy: "16", r: "1.5", fill: "#3B82F6" }), jsx("rect", { x: "10", y: "15", width: "8", height: "2", rx: "1", fill: "#8B5CF6" })] })),
     },
 });
@@ -131,7 +119,6 @@ const NtdTeamwork = createIcon({
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "8", cy: "6", r: "3", fill: primaryColor }), jsx("circle", { cx: "16", cy: "6", r: "3", fill: primaryColor }), jsx("path", { d: "M4 20c0-4 3.5-7 8-7s8 3 8 7", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M2 18c0-3 2.5-5 6-5", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("path", { d: "M22 18c0-3-2.5-5-6-5", stroke: primaryColor, strokeWidth: "2", fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "8", cy: "6", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "6", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 20c0-4 3.5-7 8-7s8 3 8 7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 18c0-3 2.5-5 6-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 18c0-3-2.5-5-6-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "8", cy: "6", r: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "16", cy: "6", r: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 20c0-4 3.5-7 8-7s8 3 8 7", fill: secondaryColor, opacity: secondaryOpacity * 0.7 }), jsx("circle", { cx: "8", cy: "6", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "6", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 20c0-4 3.5-7 8-7s8 3 8 7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "8", cy: "7", r: "2.5", fill: primaryColor }), jsx("circle", { cx: "16", cy: "7", r: "2.5", fill: primaryColor }), jsx("path", { d: "M5 19c0-3 3-6 7-6s7 3 7 6", fill: primaryColor, opacity: "0.8" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "8", cy: "6", r: "3", fill: primaryColor }), jsx("circle", { cx: "8", cy: "6", r: "3", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "16", cy: "6", r: "3", fill: secondaryColor }), jsx("path", { d: "M4 20c0-4 3.5-7 8-7s8 3 8 7", fill: "#3B82F6" }), jsx("path", { d: "M2 18c0-3 2.5-5 6-5", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M22 18c0-3-2.5-5-6-5", stroke: "white", strokeWidth: "1", fill: "none" })] })),
     },
 });