@nice2dev/icons 1.4.2 → 1.4.4

package/dist/cjs/icons/education.js

@@ -69,96 +69,6 @@ const NtdGraduationCap = /* @__PURE__ */ createIcon.createIcon({
     ] })
   }
 });
-const NtdDiploma = /* @__PURE__ */ createIcon.createIcon({
-  displayName: "NtdDiploma",
-  paths: {
-    solid: ({ primaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 8h10M7 11h10M7 14h6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "17", cy: "14", r: "2", fill: "white" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 16l-1 4 2-1 2 1-1-4", fill: primaryColor })
-    ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: "3",
-          y: "4",
-          width: "18",
-          height: "14",
-          rx: "2",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M7 8h10M7 11h10M7 14h6",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "17", cy: "14", r: "2", stroke: primaryColor, strokeWidth, fill: "none" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M16 16l-1 4 2-1 2 1-1-4",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      )
-    ] }),
-    duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: "3",
-          y: "4",
-          width: "18",
-          height: "14",
-          rx: "2",
-          fill: secondaryColor,
-          opacity: secondaryOpacity
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: "3",
-          y: "4",
-          width: "18",
-          height: "14",
-          rx: "2",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M7 8h10M7 11h10M7 14h6",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "17", cy: "14", r: "2", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 16l-1 4 2-1 2 1-1-4", fill: primaryColor })
-    ] })),
-    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: "white", opacity: "0.08" }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "17", cy: "14", r: "2", fill: "white" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 16l-1 4 2-1 2 1-1-4", fill: "#F59E0B" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 8h10M7 11h10M7 14h6", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })
-    ] })
-  }
-});
 const NtdSchool = /* @__PURE__ */ createIcon.createIcon({
   displayName: "NtdSchool",
   paths: {
@@ -730,370 +640,85 @@ const NtdWebinar = /* @__PURE__ */ createIcon.createIcon({
     ] })
   }
 });
+const CERT_SHEET = { x: 2, y: 4, width: 20, height: 14, rx: 2 };
+const CERT_BORDER = { x: 3.75, y: 5.75, width: 16.5, height: 10.5, rx: 0.75 };
+const CERT_TEXT = "M5.75 8.75h8.5M5.75 11.5h6";
+const CERT_RIBBON = "M15 17h4v4.75l-2-1.5-2 1.5z";
+const CERT_SEAL = { cx: 17, cy: 15, r: 3.25 };
+function certificateFilled({ primaryColor, accentColor, accentOpacity, strokeWidth, uid }, seal, detail, detailOpacity) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: CERT_RIBBON, fill: seal }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { ...CERT_SHEET, fill: primaryColor }),
+    iconParts.within(
+      uid,
+      "certificate",
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { ...CERT_SHEET }),
+      /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            ...CERT_BORDER,
+            stroke: detail,
+            strokeWidth: strokeWidth * 0.6,
+            opacity: detailOpacity,
+            fill: "none"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: CERT_TEXT, stroke: detail, strokeWidth: "1.25", opacity: detailOpacity })
+      ] })
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { ...CERT_SEAL, r: CERT_SEAL.r + 0.9, fill: accentColor, opacity: accentOpacity }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { ...CERT_SEAL, fill: seal }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "circle",
+      {
+        ...CERT_SEAL,
+        r: CERT_SEAL.r - 0.85,
+        stroke: detail === seal ? primaryColor : detail,
+        strokeWidth: strokeWidth * 0.6,
+        opacity: detailOpacity,
+        fill: "none"
+      }
+    )
+  ] });
+}
 const NtdCertificate = /* @__PURE__ */ createIcon.createIcon({
   displayName: "NtdCertificate",
+  perfectStackX: CERT_SEAL.cx,
+  perfectStackY: CERT_SEAL.cy,
+  perfectStackSize: 0.2,
   paths: {
-    solid: ({ primaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 8h12M6 11h8", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "17", cy: "14", r: "3", fill: "white" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M17 17v4l-1.5-1-1.5 1v-4M17 17v4l1.5-1 1.5 1v-4",
-          stroke: primaryColor,
-          strokeWidth: "1.5"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M16 13l1 1 2-2",
-          stroke: primaryColor,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: "2",
-          y: "4",
-          width: "20",
-          height: "14",
-          rx: "2",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M6 8h12M6 11h8",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "17", cy: "14", r: "3", stroke: primaryColor, strokeWidth, fill: "none" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M15.5 17v4l1.5-1 1.5 1v-4",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M16 13l1 1 2-2",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
+    solid: (p) => certificateFilled(p, p.primaryColor, p.accentColor, p.accentOpacity),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: primaryColor, strokeWidth, strokeLinejoin: "miter", fill: "none", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 18H4a2 2 0 01-2-2V6a2 2 0 012-2h16a2 2 0 012 2v6.6" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: CERT_TEXT }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { ...CERT_SEAL }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 17.6v4.15l2-1.5 2 1.5V17.6" })
     ] }),
-    duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: "2",
-          y: "4",
-          width: "20",
-          height: "14",
-          rx: "2",
-          fill: secondaryColor,
-          opacity: secondaryOpacity
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: "2",
-          y: "4",
-          width: "20",
-          height: "14",
-          rx: "2",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M6 8h12M6 11h8",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "17", cy: "14", r: "3", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.5 17v4l1.5-1 1.5 1v-4", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M16 13l1 1 2-2",
-          stroke: "white",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    ] })),
-    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.08" }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "17", cy: "14", r: "3", fill: "white" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 8h12M6 11h8", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 17v4l-1.5-1-1.5 1v-4M17 17v4l1.5-1 1.5 1v-4", stroke: "white", strokeWidth: "1" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M16 13l1 1 2-2",
-          stroke: "white",
-          strokeWidth: "1",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    ] })
+    duotone: (p) => certificateFilled(p, p.secondaryColor, p.secondaryColor, 1),
+    vivid: (p) => certificateFilled(p, p.secondaryColor, p.accentColor, p.accentOpacity)
   }
 });
+const QUIZ_SHEET = { x: 3, y: 2, width: 18, height: 20, rx: 2 };
+const QUIZ_QUESTION = "M6 6.5h12";
+const QUIZ_BOXES = "M6 10.75h2.75v2.75H6zM6 15.75h2.75v2.75H6z";
+const QUIZ_ANSWERS = "M11 12.1h7M11 17.1h5";
 const NtdQuiz = /* @__PURE__ */ createIcon.createIcon({
   displayName: "NtdQuiz",
   paths: {
-    solid: ({ primaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: "white" }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7", cy: "12", r: "1.5", fill: "white" }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7", cy: "17", r: "1.5", fill: "white" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 7h7M11 12h7M11 17h5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M6.5 6.5l1 1M6.5 7.5l1-1",
-          stroke: primaryColor,
-          strokeWidth: "1",
-          strokeLinecap: "round"
-        }
-      )
-    ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: "3",
-          y: "2",
-          width: "18",
-          height: "20",
-          rx: "2",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7", cy: "7", r: "1.5", stroke: primaryColor, strokeWidth, fill: "none" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "circle",
-        {
-          cx: "7",
-          cy: "12",
-          r: "1.5",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "circle",
-        {
-          cx: "7",
-          cy: "17",
-          r: "1.5",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M11 7h7M11 12h7M11 17h5",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round"
-        }
-      )
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { ...QUIZ_SHEET, fill: primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: accentColor, opacity: accentOpacity, fill: "none", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: QUIZ_QUESTION, strokeWidth: "1.5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: QUIZ_BOXES, strokeWidth, strokeLinejoin: "miter" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: QUIZ_ANSWERS, strokeWidth: "1.25" })
+      ] })
     ] }),
-    duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: "3",
-          y: "2",
-          width: "18",
-          height: "20",
-          rx: "2",
-          fill: secondaryColor,
-          opacity: secondaryOpacity
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: "3",
-          y: "2",
-          width: "18",
-          height: "20",
-          rx: "2",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "circle",
-        {
-          cx: "7",
-          cy: "12",
-          r: "1.5",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "circle",
-        {
-          cx: "7",
-          cy: "17",
-          r: "1.5",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M11 7h7M11 12h7M11 17h5",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round"
-        }
-      )
-    ] })),
-    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", fill: "white", opacity: "0.08" }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: "white" }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7", cy: "12", r: "1.5", fill: "white" }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7", cy: "17", r: "1.5", fill: "white" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 7h7M11 12h7M11 17h5", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.5 6.5l1 1M6.5 7.5l1-1", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })
-    ] })
-  }
-});
-const NtdExam = /* @__PURE__ */ createIcon.createIcon({
-  displayName: "NtdExam",
-  paths: {
-    solid: ({ primaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 2v6h6", fill: "white", opacity: "0.3" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 12h8M8 15h8M8 18h5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }),
-      /* @__PURE__ */ jsxRuntime.jsx("text", { x: "12", y: "10", textAnchor: "middle", fill: "white", fontSize: "5", fontWeight: "bold", children: "A+" })
-    ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M14 2v6h6",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M8 12h8M8 15h8M8 18h5",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("text", { x: "12", y: "10", textAnchor: "middle", fill: primaryColor, fontSize: "5", fontWeight: "bold", children: "A+" })
-    ] }),
-    duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z",
-          fill: secondaryColor,
-          opacity: secondaryOpacity
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 2v6h6", fill: primaryColor, opacity: "0.3" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M14 2v6h6",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M8 12h8M8 15h8M8 18h5",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round"
-        }
-      )
-    ] })),
-    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z",
-          fill: "white",
-          opacity: "0.08"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 2v6h6", fill: "white", opacity: "0.3" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 12h8M8 15h8M8 18h5", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: primaryColor, strokeWidth, strokeLinejoin: "miter", fill: "none", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { ...QUIZ_SHEET }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: QUIZ_QUESTION }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: QUIZ_BOXES }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: QUIZ_ANSWERS })
     ] })
   }
 });
@@ -1296,10 +921,19 @@ const NtdBackpack = /* @__PURE__ */ createIcon.createIcon({
     ] })
   }
 });
-const CALC_BODY = { x: 4, y: 2, width: 16, height: 20, rx: 2 };
-const CALC_DISPLAY = { x: 6.5, y: 4.5, width: 11, height: 4.5, rx: 1 };
-const CALC_KEYS = "M6.6 11.2h2.6v2.2H6.6zM10.7 11.2h2.6v2.2h-2.6zM14.8 11.2h2.6v2.2h-2.6zM6.6 14.6h2.6v2.2H6.6zM10.7 14.6h2.6v2.2h-2.6zM14.8 14.6h2.6v2.2h-2.6zM6.6 18h2.6v2.2H6.6zM10.7 18h6.7v2.2h-6.7z";
-function calculatorFilled({ primaryColor, accentColor, accentOpacity }, display, displayOpacity) {
+const CALC_BODY = { x: 4.6, y: 2, width: 14.8, height: 20, rx: 2 };
+const CALC_DISPLAY = { x: 6.8, y: 4.5, width: 10.4, height: 4.5, rx: 1 };
+const CALC_KEYS = "M6.8 11h2.8v2.4H6.8zM10.6 11h2.8v2.4h-2.8zM14.4 11h2.8v2.4h-2.8zM6.8 14.4h2.8v2.4H6.8zM10.6 14.4h2.8v2.4h-2.8zM14.4 14.4h2.8v2.4h-2.8zM6.8 17.8h2.8v2.4H6.8zM10.6 17.8h6.6v2.4h-6.6z";
+const CALC_DOTS = [
+  [8.2, 12.2],
+  [12, 12.2],
+  [15.8, 12.2],
+  [8.2, 15.6],
+  [12, 15.6],
+  [15.8, 15.6],
+  [8.2, 19]
+];
+function calculatorFilled({ primaryColor, accentColor, accentOpacity, strokeWidth }, display, displayOpacity) {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { ...CALC_BODY, fill: primaryColor }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { ...CALC_DISPLAY, fill: display, opacity: displayOpacity }),
@@ -1308,7 +942,7 @@ function calculatorFilled({ primaryColor, accentColor, accentOpacity }, display,
       {
         d: CALC_KEYS,
         stroke: accentColor,
-        strokeWidth: "1.1",
+        strokeWidth: strokeWidth * 0.6,
         strokeLinejoin: "miter",
         opacity: accentOpacity,
         fill: "none"
@@ -1321,47 +955,20 @@ const NtdCalculator = /* @__PURE__ */ createIcon.createIcon({
   paths: {
     solid: (props) => calculatorFilled(props, props.accentColor, props.accentOpacity),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: "4",
-          y: "2",
-          width: "16",
-          height: "20",
-          rx: "2",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: "6",
-          y: "4",
-          width: "12",
-          height: "5",
-          rx: "1",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "12", r: "1", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "16", cy: "12", r: "1", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "16", r: "1", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "16", r: "1", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "16", cy: "16", r: "1", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "20", r: "1", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11", y: "19", width: "6", height: "2", rx: "0.5", fill: primaryColor })
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { ...CALC_BODY }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { ...CALC_DISPLAY })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: primaryColor, children: [
+        CALC_DOTS.map(([cx, cy]) => /* @__PURE__ */ jsxRuntime.jsx("circle", { cx, cy, r: "1" }, `${cx},${cy}`)),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "10.6", y: "18.4", width: "6.6", height: "1.2", rx: "0.5" })
+      ] })
     ] }),
     vivid: (props) => calculatorFilled(props, props.secondaryColor, 1)
   }
 });
 const educationIcons = {
   NtdGraduationCap,
-  NtdDiploma,
   NtdSchool,
   NtdUniversity,
   NtdBook,
@@ -1373,18 +980,157 @@ const educationIcons = {
   NtdWebinar,
   NtdCertificate,
   NtdQuiz,
-  NtdExam,
   NtdFlashcard,
   NtdBackpack,
   NtdCalculator
 };
+const SCROLL_SHEET = { x: 6, y: 4.5, width: 12, height: 15 };
+const SCROLL_ROLL_TOP = { x: 3.5, y: 3, width: 17, height: 3.5, rx: 1.75 };
+const SCROLL_ROLL_BOTTOM = { x: 3.5, y: 17.5, width: 17, height: 3.5, rx: 1.75 };
+const SCROLL_WRITING = "M8.5 10h7M8.5 12.5h7M8.5 15h4.5";
+const SCROLL_EASE = { calcMode: "spline", keySplines: "0.34 1 0.64 1" };
+function scrollParts(sheet, rolls, writing, writingOpacity, lineWidth, stacked, outline) {
+  const paint = (color) => outline ? { stroke: color, strokeWidth: lineWidth, fill: "none", strokeLinejoin: "miter" } : { fill: color };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("rect", { ...SCROLL_SHEET, ...paint(sheet), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "y", from: "10.5", to: "4.5", dur: "0.7s", fill: "freeze", ...SCROLL_EASE }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "animate",
+        {
+          attributeName: "height",
+          from: "3",
+          to: "15",
+          dur: "0.7s",
+          fill: "freeze",
+          ...SCROLL_EASE
+        }
+      )
+    ] }),
+    !stacked && /* @__PURE__ */ jsxRuntime.jsx("path", { d: SCROLL_WRITING, stroke: writing, strokeWidth: lineWidth, opacity: writingOpacity, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "animate",
+      {
+        attributeName: "stroke-opacity",
+        values: "0;0;1",
+        keyTimes: "0;0.6;1",
+        dur: "0.7s",
+        fill: "freeze"
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { ...SCROLL_ROLL_TOP, ...paint(rolls) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "translate",
+          from: "0 6",
+          to: "0 0",
+          dur: "0.7s",
+          fill: "freeze",
+          ...SCROLL_EASE
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { ...SCROLL_ROLL_BOTTOM, ...paint(rolls) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "translate",
+          from: "0 -6",
+          to: "0 0",
+          dur: "0.7s",
+          fill: "freeze",
+          ...SCROLL_EASE
+        }
+      )
+    ] })
+  ] });
+}
+const NtdScroll = /* @__PURE__ */ createIcon.createIcon({
+  displayName: "NtdScroll",
+  animated: true,
+  perfectStackX: 12,
+  perfectStackY: 12,
+  perfectStackSize: 0.45,
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth, stacked }) => scrollParts(
+      primaryColor,
+      primaryColor,
+      accentColor,
+      accentOpacity,
+      strokeWidth,
+      stacked,
+      false
+    ),
+    outline: ({ primaryColor, strokeWidth, stacked }) => scrollParts(primaryColor, primaryColor, primaryColor, 1, strokeWidth, stacked, true),
+    duotone: ({ primaryColor, secondaryColor, strokeWidth, stacked }) => scrollParts(primaryColor, secondaryColor, secondaryColor, 1, strokeWidth, stacked, false),
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, stacked }) => scrollParts(
+      primaryColor,
+      secondaryColor,
+      accentColor,
+      accentOpacity,
+      strokeWidth,
+      stacked,
+      false
+    )
+  }
+});
+const ROLLED_BODY = { x: 3, y: 8, width: 18, height: 8, rx: 4 };
+const ROLLED_SPIRAL = "M7 14a2 2 0 110-4a1 1 0 010 2";
+const ROLLED_RIBBON = { x: 13.25, y: 8, width: 1.75, height: 8 };
+function rolledFilled(body, end, detail, detailOpacity, width, uid) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { ...ROLLED_BODY, fill: body }),
+    iconParts.within(
+      uid,
+      "rolled",
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { ...ROLLED_BODY }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { ...ROLLED_RIBBON, fill: detail, opacity: detailOpacity })
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7", cy: "12", r: "4", fill: end }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M7 8a4 4 0 010 8",
+        stroke: detail,
+        strokeWidth: width * 0.75,
+        opacity: detailOpacity,
+        fill: "none"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: ROLLED_SPIRAL,
+        stroke: detail,
+        strokeWidth: width,
+        opacity: detailOpacity,
+        fill: "none"
+      }
+    )
+  ] });
+}
+const NtdScrollRolled = /* @__PURE__ */ createIcon.createIcon({
+  displayName: "NtdScrollRolled",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth, uid }) => rolledFilled(primaryColor, primaryColor, accentColor, accentOpacity, strokeWidth, uid),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", strokeLinejoin: "miter", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { ...ROLLED_BODY }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7", cy: "12", r: "4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: ROLLED_SPIRAL }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13.25 8v8M15 8v8" })
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, strokeWidth, uid }) => rolledFilled(primaryColor, secondaryColor, primaryColor, 1, strokeWidth, uid),
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => rolledFilled(primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid)
+  }
+});
 exports.NtdBackpack = NtdBackpack;
 exports.NtdBook = NtdBook;
 exports.NtdBookBookmark = NtdBookBookmark;
 exports.NtdCalculator = NtdCalculator;
 exports.NtdCertificate = NtdCertificate;
-exports.NtdDiploma = NtdDiploma;
-exports.NtdExam = NtdExam;
 exports.NtdFlashcard = NtdFlashcard;
 exports.NtdGraduationCap = NtdGraduationCap;
 exports.NtdNotebook = NtdNotebook;
@@ -1394,6 +1140,8 @@ exports.NtdPen = NtdPen;
 exports.NtdPencil = NtdPencil;
 exports.NtdQuiz = NtdQuiz;
 exports.NtdSchool = NtdSchool;
+exports.NtdScroll = NtdScroll;
+exports.NtdScrollRolled = NtdScrollRolled;
 exports.NtdUniversity = NtdUniversity;
 exports.NtdWebinar = NtdWebinar;
 exports.educationIcons = educationIcons;