@nice2dev/icons 1.4.1 → 1.4.3

package/dist/esm/icons/sports.js

@@ -324,9 +324,9 @@ const NtdDumbbell = /* @__PURE__ */ createIcon({
     ] })
   }
 });
-const RUN_BODY = "M13.9 8.1L11.3 13.4";
+const RUN_BODY = "M14.78 6.3L11.3 13.4";
 const RUN_NEAR = "M13.6 8.7L16.5 10.7L18.7 8.6M11.3 13.4L15.3 15L14.5 19.7L16.6 20.1";
-const RUN_FAR = "M13.6 8.7L10.2 9.5L8.3 12.3M11.3 13.4L9.7 17.4L5.6 19.3";
+const RUN_FAR = "M13.6 8.7L10.2 9.5L8.3 12.3M11.3 13.4L9.7 17.4L5.6 19.3L6.5 21.2";
 function runner(near, far, width, headFill) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: RUN_FAR, stroke: far, strokeWidth: width, fill: "none" }),
@@ -624,87 +624,49 @@ const NtdCycling = /* @__PURE__ */ createIcon({
     ] })
   }
 });
+const WATCH_CENTRE = { cx: 12, cy: 13.5 };
+const WATCH_CROWN = { x: 9.8, y: 2, width: 4.4, height: 1.8, rx: 0.6 };
+const WATCH_STEM = { x: 11.1, y: 3.4, width: 1.8, height: 2.4 };
+const WATCH_BUTTON = {
+  x: 17.02,
+  y: 6.48,
+  width: 2.4,
+  height: 1.6,
+  rx: 0.4,
+  transform: "rotate(45 18.22 7.28)"
+};
+const WATCH_TICKS = "M17.6 13.5h-1.2M12 19.1v-1.2M6.4 13.5h1.2";
+const WATCH_HANDS = "M12 13.5V8.6M12 13.5L14.6 15";
+function watchFilled({ primaryColor, strokeWidth }, parts, face, faceOpacity, ticks) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { ...WATCH_BUTTON, fill: parts }),
+    /* @__PURE__ */ jsx("rect", { ...WATCH_STEM, fill: parts }),
+    /* @__PURE__ */ jsx("rect", { ...WATCH_CROWN, fill: parts }),
+    /* @__PURE__ */ jsx("circle", { ...WATCH_CENTRE, r: "8.2", fill: primaryColor }),
+    /* @__PURE__ */ jsxs("g", { stroke: face, opacity: faceOpacity, strokeLinecap: "round", fill: "none", children: [
+      ticks && /* @__PURE__ */ jsx("path", { d: WATCH_TICKS, strokeWidth: strokeWidth * 0.8 }),
+      /* @__PURE__ */ jsx("path", { d: WATCH_HANDS, strokeWidth: strokeWidth * 1.4 })
+    ] }),
+    /* @__PURE__ */ jsx("circle", { ...WATCH_CENTRE, r: "1.1", fill: face, opacity: faceOpacity })
+  ] });
+}
 const NtdStopwatch = /* @__PURE__ */ createIcon({
   displayName: "NtdStopwatch",
   paths: {
-    solid: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "13", r: "9", fill: primaryColor }),
-      /* @__PURE__ */ jsx("path", { d: "M10 2h4M12 2v4", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }),
-      /* @__PURE__ */ jsx("path", { d: "M19 6l2 2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12 9v4l3 3",
-          stroke: "white",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    ] }),
+    solid: (p) => watchFilled(p, p.primaryColor, p.accentColor, p.accentOpacity, true),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "13", r: "9", stroke: primaryColor, strokeWidth, fill: "none" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M10 2h4M12 2v4",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M19 6l2 2", stroke: primaryColor, strokeWidth, strokeLinecap: "round" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12 9v4l3 3",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
+      /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, strokeLinejoin: "round", fill: "none", children: [
+        /* @__PURE__ */ jsx("circle", { ...WATCH_CENTRE, r: 8.2 - strokeWidth / 2 }),
+        /* @__PURE__ */ jsx("rect", { ...WATCH_CROWN }),
+        /* @__PURE__ */ jsx("path", { d: "M12 3.8v1.5" }),
+        /* @__PURE__ */ jsx("rect", { ...WATCH_BUTTON }),
+        /* @__PURE__ */ jsx("path", { d: WATCH_TICKS, strokeLinecap: "round" }),
+        /* @__PURE__ */ jsx("path", { d: WATCH_HANDS, strokeLinecap: "round" })
+      ] }),
+      /* @__PURE__ */ jsx("circle", { ...WATCH_CENTRE, r: "0.9", fill: primaryColor })
     ] }),
-    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "13", r: "9", fill: secondaryColor, opacity: secondaryOpacity }),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "13", r: "9", stroke: primaryColor, strokeWidth, fill: "none" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M10 2h4M12 2v4",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M19 6l2 2", stroke: primaryColor, strokeWidth, strokeLinecap: "round" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12 9v4l3 3",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    ] })),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "13", r: "9", fill: primaryColor }),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "13", r: "9", fill: "white", opacity: "0.1" }),
-      /* @__PURE__ */ jsx("path", { d: "M10 2h4M12 2v4", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" }),
-      /* @__PURE__ */ jsx("path", { d: "M19 6l2 2", stroke: "#EF4444", strokeWidth: "1.5", strokeLinecap: "round" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12 9v4l3 3",
-          stroke: "white",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    ] })
+    duotone: (p) => watchFilled(p, p.secondaryColor, p.secondaryColor, 1, false),
+    vivid: (p) => watchFilled(p, p.secondaryColor, p.accentColor, p.accentOpacity, true)
   }
 });
 const NtdWhistle = /* @__PURE__ */ createIcon({
@@ -789,96 +751,64 @@ const NtdWhistle = /* @__PURE__ */ createIcon({
     ] })
   }
 });
+const MEDAL_RIBBON = "M5.2 2H9.6L12 8L14.4 2H18.8L15.2 11H8.8Z";
+const MEDAL_STRIPES = "M7.4 2L11 11M16.6 2L13 11";
+const MEDAL_DISC = { cx: 12, cy: 15.2, r: 6.2 };
+const MEDAL_OUTSIDE = "M-1-1H25V25H-1ZM5.8 15.2a6.2 6.2 0 1 0 12.4 0a6.2 6.2 0 1 0-12.4 0Z";
+function medalFilled({ primaryColor, accentColor, accentOpacity, strokeWidth }, ribbon, lines) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: MEDAL_RIBBON, fill: ribbon }),
+    lines && /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: MEDAL_STRIPES,
+        stroke: accentColor,
+        strokeWidth: strokeWidth * 0.6,
+        opacity: accentOpacity
+      }
+    ),
+    /* @__PURE__ */ jsx("circle", { ...MEDAL_DISC, fill: primaryColor }),
+    lines && /* @__PURE__ */ jsx(
+      "circle",
+      {
+        cx: MEDAL_DISC.cx,
+        cy: MEDAL_DISC.cy,
+        r: MEDAL_DISC.r - 1.2,
+        stroke: accentColor,
+        strokeWidth: strokeWidth * 0.6,
+        opacity: accentOpacity,
+        fill: "none"
+      }
+    )
+  ] });
+}
 const NtdMedal = /* @__PURE__ */ createIcon({
   displayName: "NtdMedal",
+  perfectStackX: 12,
+  perfectStackY: 15.2,
+  perfectStackSize: 0.32,
   paths: {
-    solid: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("path", { d: "M8 2l4 6 4-6M8 2h8M8 2v6M16 2v6", fill: primaryColor }),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "15", r: "7", fill: primaryColor }),
-      /* @__PURE__ */ jsx(
-        "text",
-        {
-          x: "12",
-          y: "18",
-          textAnchor: "middle",
-          fill: "white",
-          fontSize: "8",
-          fontWeight: "bold",
-          fontFamily: "system-ui",
-          children: "1"
-        }
-      )
-    ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M8 2l4 6 4-6",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M8 2h8M8 2v6M16 2v6", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "15", r: "7", stroke: primaryColor, strokeWidth, fill: "none" }),
-      /* @__PURE__ */ jsx(
-        "text",
-        {
-          x: "12",
-          y: "18",
-          textAnchor: "middle",
-          fill: primaryColor,
-          fontSize: "8",
-          fontWeight: "bold",
-          fontFamily: "system-ui",
-          children: "1"
-        }
-      )
-    ] }),
-    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M8 2l4 6 4-6M8 2h8M8 2v6M16 2v6",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: primaryColor,
-          opacity: "0.5",
-          strokeLinejoin: "round"
-        }
+    solid: (p) => medalFilled(p, p.primaryColor, true),
+    outline: ({ primaryColor, strokeWidth, uid }) => /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, strokeLinejoin: "round", fill: "none", children: [
+      within(
+        uid,
+        "ribbon",
+        /* @__PURE__ */ jsx("path", { d: MEDAL_OUTSIDE, clipRule: "evenodd" }),
+        /* @__PURE__ */ jsx("path", { d: MEDAL_RIBBON })
       ),
+      /* @__PURE__ */ jsx("circle", { cx: MEDAL_DISC.cx, cy: MEDAL_DISC.cy, r: MEDAL_DISC.r - strokeWidth / 2 }),
       /* @__PURE__ */ jsx(
         "circle",
         {
-          cx: "12",
-          cy: "15",
-          r: "7",
-          fill: secondaryColor,
-          opacity: secondaryOpacity,
-          stroke: primaryColor,
-          strokeWidth
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "text",
-        {
-          x: "12",
-          y: "18",
-          textAnchor: "middle",
-          fill: primaryColor,
-          fontSize: "8",
-          fontWeight: "bold",
-          fontFamily: "system-ui",
-          children: "1"
+          cx: MEDAL_DISC.cx,
+          cy: MEDAL_DISC.cy,
+          r: MEDAL_DISC.r - 1.6,
+          strokeWidth: strokeWidth * 0.6
         }
       )
-    ] })),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("path", { d: "M8 2l4 6 4-6M8 2h8M8 2v6M16 2v6", fill: primaryColor }),
-      /* @__PURE__ */ jsx("path", { d: "M8 2l4 6 4-6M8 2h8M8 2v6M16 2v6", fill: "white", opacity: "0.08" }),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "15", r: "7", fill: secondaryColor })
-    ] })
+    ] }),
+    duotone: (p) => medalFilled(p, p.secondaryColor, false),
+    vivid: (p) => medalFilled(p, p.secondaryColor, true)
   }
 });
 const NtdPodium = /* @__PURE__ */ createIcon({

package/dist/esm/icons/sustainability.js

@@ -2,62 +2,40 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { createIcon } from "../createIcon.js";
 import { swapDuotone } from "../iconParts.js";
 import { NtdHydropower } from "./weather.js";
-const NtdRecycle = /* @__PURE__ */ createIcon({
-  displayName: "NtdRecycle",
-  paths: {
-    solid: ({ primaryColor }) => /* @__PURE__ */ jsx(
+const RECYCLE_TURNS = [0, 120, 240];
+const RECYCLE_BAND = "M8.02 12.5L5.42 17H9.9";
+const RECYCLE_HEAD = "M9.62 14.7L12.22 17L9.62 19.3Z";
+function recycleArrows(colors, width, filled) {
+  return /* @__PURE__ */ jsx(Fragment, { children: RECYCLE_TURNS.map((turn, i) => /* @__PURE__ */ jsxs("g", { transform: `rotate(${turn} 12 13.2)`, children: [
+    /* @__PURE__ */ jsx(
       "path",
       {
-        d: "M12 2L8 6l2 1-3 5h6l-3-5 2-1-4-4zM4 14l4-1-3-5 2-3-5 4 2 4v1zM20 14l-2-4-5 4 2 3-3 5h6l-3-5 2 1 4-4z",
-        fill: primaryColor
+        d: RECYCLE_BAND,
+        stroke: colors[i],
+        strokeWidth: width,
+        strokeLinejoin: "round",
+        fill: "none"
       }
     ),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(
       "path",
       {
-        d: "M12 2L8 6l2 1-3 5h6l-3-5 2-1-4-4zM4 14l4-1-3-5 2-3-5 4 2 4v1zM20 14l-2-4-5 4 2 3-3 5h6l-3-5 2 1 4-4z",
-        stroke: primaryColor,
-        strokeWidth,
-        fill: "none",
+        d: RECYCLE_HEAD,
+        fill: filled ? colors[i] : "none",
+        stroke: filled ? "none" : colors[i],
+        strokeWidth: width,
         strokeLinejoin: "round"
       }
-    ),
-    duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12 2L8 6l2 1-3 5h6l-3-5 2-1-4-4z",
-          fill: secondaryColor,
-          opacity: secondaryOpacity
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12 2L8 6l2 1-3 5h6l-3-5 2-1-4-4zM4 14l4-1-3-5 2-3-5 4 2 4v1zM20 14l-2-4-5 4 2 3-3 5h6l-3-5 2 1 4-4z",
-          stroke: primaryColor,
-          strokeWidth: "2",
-          fill: "none"
-        }
-      )
-    ] }),
-    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12 2L8 6l2 1-3 5h6l-3-5 2-1-4-4zM4 14l4-1-3-5 2-3-5 4 2 4v1zM20 14l-2-4-5 4 2 3-3 5h6l-3-5 2 1 4-4z",
-          fill: primaryColor
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12 2L8 6l2 1-3 5h6l-3-5 2-1-4-4zM4 14l4-1-3-5 2-3-5 4 2 4v1zM20 14l-2-4-5 4 2 3-3 5h6l-3-5 2 1 4-4z",
-          fill: "white",
-          opacity: "0.1"
-        }
-      )
-    ] })
+    )
+  ] }, turn)) });
+}
+const NtdRecycle = /* @__PURE__ */ createIcon({
+  displayName: "NtdRecycle",
+  paths: {
+    solid: ({ primaryColor: c, strokeWidth }) => recycleArrows([c, c, c], strokeWidth * 2.4, true),
+    outline: ({ primaryColor: c, strokeWidth }) => recycleArrows([c, c, c], strokeWidth, false),
+    duotone: ({ primaryColor: c, secondaryColor: s, strokeWidth }) => recycleArrows([c, c, s], strokeWidth * 2.4, true),
+    vivid: ({ primaryColor: c, secondaryColor: s, strokeWidth }) => recycleArrows([c, c, s], strokeWidth * 2.4, true)
   }
 });
 const NtdCompost = /* @__PURE__ */ createIcon({