@codecademy/gamut-icons 8.0.2-alpha.e0b3ae.0 → 8.0.2-alpha.f5e090.0

package/dist/icons/regular/BriefcaseIcon.js

@@ -24,7 +24,7 @@ export var BriefcaseIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "#fff",
+    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,40 +32,31 @@ export var BriefcaseIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'briefcase'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'briefcase',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'briefcase'
-      }), /*#__PURE__*/_jsx("rect", {
-        x: 0.75,
-        y: 6,
-        width: 22.5,
-        height: 16.5,
-        rx: 1.5,
-        ry: 1.5,
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      }), /*#__PURE__*/_jsx("path", {
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5,
-        d: "M5.25 11.25h13.5m-13.5 6h13.5M15.342 2.525A1.5 1.5 0 0013.919 1.5h-3.838a1.5 1.5 0 00-1.423 1.025L7.5 6h9zM3.75 6V4.5M20.25 6V4.5"
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#briefcase)',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : null, /*#__PURE__*/_jsx("rect", {
+      x: 0.75,
+      y: 6,
+      width: 22.5,
+      height: 16.5,
+      rx: 1.5,
+      ry: 1.5,
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5,
+      d: "M5.25 11.25h13.5m-13.5 6h13.5M15.342 2.525A1.5 1.5 0 0013.919 1.5h-3.838a1.5 1.5 0 00-1.423 1.025L7.5 6h9zM3.75 6V4.5M20.25 6V4.5"
     })]
   }));
 });

package/dist/icons/regular/BrowserPageLayoutIcon.js

@@ -24,7 +24,7 @@ export var BrowserPageLayoutIcon = /*#__PURE__*/React.forwardRef(function (_ref,
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "#fff",
+    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,23 +32,14 @@ export var BrowserPageLayoutIcon = /*#__PURE__*/React.forwardRef(function (_ref,
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'browser-page-layout'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'browser-page-layout',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'browser-page-layout'
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M3 22.5a2.252 2.252 0 01-2.25-2.25V3.75A2.252 2.252 0 013 1.5h18a2.252 2.252 0 012.25 2.25v16.5A2.252 2.252 0 0121 22.5H3zM21 21a.75.75 0 00.75-.75V15h-12v6H21zm-18.75-.75c0 .414.336.75.75.75h5.25V7.5h-6v12.75zm19.5-6.75v-6h-12v6h12zm0-7.5V3.75A.75.75 0 0021 3H3a.75.75 0 00-.75.75V6h19.5z"
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#browser-page-layout)',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      d: "M3 22.5a2.252 2.252 0 01-2.25-2.25V3.75A2.252 2.252 0 013 1.5h18a2.252 2.252 0 012.25 2.25v16.5A2.252 2.252 0 0121 22.5H3zM21 21a.75.75 0 00.75-.75V15h-12v6H21zm-18.75-.75c0 .414.336.75.75.75h5.25V7.5h-6v12.75zm19.5-6.75v-6h-12v6h12zm0-7.5V3.75A.75.75 0 0021 3H3a.75.75 0 00-.75.75V6h19.5z"
     })]
   }));
 });

package/dist/icons/regular/BulbIcon.js

@@ -24,7 +24,7 @@ export var BulbIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "#fff",
+    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,28 +32,19 @@ export var BulbIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'light-bulb-shine'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'light-bulb-shine',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'light-bulb-shine'
-      }), /*#__PURE__*/_jsx("path", {
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5,
-        d: "M10.5 22.5h3M18 12a6 6 0 10-7.5 5.788V19.5h3v-1.712A5.986 5.986 0 0018 12zm-6-9V1.5m9 9h1.5M1.5 12H3m15.364 5.614l1.061 1.061M4.575 3.825l1.061 1.061m12.728 0l1.061-1.061m-14.85 14.85l1.061-1.061"
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#light-bulb-shine)',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5,
+      d: "M10.5 22.5h3M18 12a6 6 0 10-7.5 5.788V19.5h3v-1.712A5.986 5.986 0 0018 12zm-6-9V1.5m9 9h1.5M1.5 12H3m15.364 5.614l1.061 1.061M4.575 3.825l1.061 1.061m12.728 0l1.061-1.061m-14.85 14.85l1.061-1.061"
     })]
   }));
 });

package/dist/icons/regular/CalendarIcon.js

@@ -24,7 +24,7 @@ export var CalendarIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "#fff",
+    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,40 +32,31 @@ export var CalendarIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'calendar-3'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'calendar-3',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'calendar-3'
-      }), /*#__PURE__*/_jsx("rect", {
-        x: 0.75,
-        y: 3.75,
-        width: 22.5,
-        height: 19.5,
-        rx: 1.5,
-        ry: 1.5,
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      }), /*#__PURE__*/_jsx("path", {
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5,
-        d: "M.75 9.75h22.5M6.75 6V.75M17.25 6V.75M5.625 13.5h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375m0 5.25h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375M12 13.5h0m0 0a.375.375 0 10.375.375A.375.375 0 0012 13.5m0 5.25h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375m6.375-5.25h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375m0 5.25h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375"
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#calendar-3)',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : null, /*#__PURE__*/_jsx("rect", {
+      x: 0.75,
+      y: 3.75,
+      width: 22.5,
+      height: 19.5,
+      rx: 1.5,
+      ry: 1.5,
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5,
+      d: "M.75 9.75h22.5M6.75 6V.75M17.25 6V.75M5.625 13.5h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375m0 5.25h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375M12 13.5h0m0 0a.375.375 0 10.375.375A.375.375 0 0012 13.5m0 5.25h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375m6.375-5.25h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375m0 5.25h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375"
     })]
   }));
 });

package/dist/icons/regular/CallIcon.js

@@ -24,7 +24,7 @@ export var CallIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "#fff",
+    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,28 +32,19 @@ export var CallIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'phone'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'phone',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'phone'
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M15.04 22.39l.012.007a5.533 5.533 0 006.884-.755l.774-.774a1.846 1.846 0 000-2.609L19.449 15a1.846 1.846 0 00-2.609 0h0a1.843 1.843 0 01-2.608 0L9.014 9.781a1.846 1.846 0 010-2.609h0a1.843 1.843 0 000-2.608L5.754 1.3a1.846 1.846 0 00-2.609 0l-.774.774a5.535 5.535 0 00-.756 6.884l.008.012A49.935 49.935 0 0015.04 22.39z",
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#phone)',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      d: "M15.04 22.39l.012.007a5.533 5.533 0 006.884-.755l.774-.774a1.846 1.846 0 000-2.609L19.449 15a1.846 1.846 0 00-2.609 0h0a1.843 1.843 0 01-2.608 0L9.014 9.781a1.846 1.846 0 010-2.609h0a1.843 1.843 0 000-2.608L5.754 1.3a1.846 1.846 0 00-2.609 0l-.774.774a5.535 5.535 0 00-.756 6.884l.008.012A49.935 49.935 0 0015.04 22.39z",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
     })]
   }));
 });

package/dist/icons/regular/CertificateIcon.js

@@ -24,7 +24,7 @@ export var CertificateIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "#fff",
+    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,44 +32,35 @@ export var CertificateIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'certified-diploma-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'certified-diploma-1',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'certified-diploma-1'
-      }), /*#__PURE__*/_jsx("path", {
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5,
-        d: "M11.25 17.25H.75V.75h22.5v4.5M.75 9.75l7.5 7.5m7.5-16.5l4.5 4.5m-4.013 11.233l-.8 5.879a.751.751 0 001.269.666l2.049-2.05 2.049 2.05a.751.751 0 001.269-.666l-.8-5.879"
-      }), /*#__PURE__*/_jsx("circle", {
-        cx: 18.75,
-        cy: 12.75,
-        r: 4.5,
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      }), /*#__PURE__*/_jsx("path", {
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5,
-        d: "M.75 8.25l7.5-7.5m10.5 11.625h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375"
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#certified-diploma-1)',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5,
+      d: "M11.25 17.25H.75V.75h22.5v4.5M.75 9.75l7.5 7.5m7.5-16.5l4.5 4.5m-4.013 11.233l-.8 5.879a.751.751 0 001.269.666l2.049-2.05 2.049 2.05a.751.751 0 001.269-.666l-.8-5.879"
+    }), /*#__PURE__*/_jsx("circle", {
+      cx: 18.75,
+      cy: 12.75,
+      r: 4.5,
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5,
+      d: "M.75 8.25l7.5-7.5m10.5 11.625h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375"
     })]
   }));
 });

package/dist/icons/regular/ChallengeProjectIcon.js

@@ -24,7 +24,7 @@ export var ChallengeProjectIcon = /*#__PURE__*/React.forwardRef(function (_ref,
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "#fff",
+    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,27 +32,18 @@ export var ChallengeProjectIcon = /*#__PURE__*/React.forwardRef(function (_ref,
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'flash'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'flash',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'flash'
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M5.5 23.247l4.052-9.454a.751.751 0 00-.689-1.046H5.9a.749.749 0 01-.69-1.047L9.8 1.2a.75.75 0 01.687-.45h7.7a.75.75 0 01.585 1.219l-4.05 5.063a.75.75 0 00.586 1.218h3.382a.75.75 0 01.53 1.281z",
-        fill: "none",
-        stroke: "#fff",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#flash)',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      d: "M5.5 23.247l4.052-9.454a.751.751 0 00-.689-1.046H5.9a.749.749 0 01-.69-1.047L9.8 1.2a.75.75 0 01.687-.45h7.7a.75.75 0 01.585 1.219l-4.05 5.063a.75.75 0 00.586 1.218h3.382a.75.75 0 01.53 1.281z",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
     })]
   }));
 });

package/dist/icons/regular/ChatIcon.js

@@ -24,7 +24,7 @@ export var ChatIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "#fff",
+    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,28 +32,19 @@ export var ChatIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'conversation-chat-2'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'conversation-chat-2',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'conversation-chat-2'
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M23.25 13.5A5.249 5.249 0 0018 8.25h-3a5.25 5.25 0 000 10.5h.75l4.5 4.5v-5.024a5.237 5.237 0 003-4.726zm-16.5-.75l-3 3v-5.024A5.239 5.239 0 016 .75h3a5.252 5.252 0 015.033 3.75",
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#conversation-chat-2)',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      d: "M23.25 13.5A5.249 5.249 0 0018 8.25h-3a5.25 5.25 0 000 10.5h.75l4.5 4.5v-5.024a5.237 5.237 0 003-4.726zm-16.5-.75l-3 3v-5.024A5.239 5.239 0 016 .75h3a5.252 5.252 0 015.033 3.75",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
     })]
   }));
 });

package/dist/icons/regular/CheckCircledIcon.js

@@ -24,7 +24,7 @@ export var CheckCircledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "#fff",
+    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,37 +32,28 @@ export var CheckCircledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'check-circle-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'check-circle-1',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'check-circle-1'
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M6 13.223L8.45 16.7a1.049 1.049 0 001.707.051L18 6.828",
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      }), /*#__PURE__*/_jsx("circle", {
-        cx: 12,
-        cy: 11.999,
-        r: 11.25,
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#check-circle-1)',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      d: "M6 13.223L8.45 16.7a1.049 1.049 0 001.707.051L18 6.828",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
+    }), /*#__PURE__*/_jsx("circle", {
+      cx: 12,
+      cy: 11.999,
+      r: 11.25,
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
     })]
   }));
 });

package/dist/icons/regular/CheckFilledIcon.js

@@ -24,7 +24,7 @@ export var CheckFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "#fff",
+    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,23 +32,14 @@ export var CheckFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'check-circle-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'check-circle-1',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'check-circle-1'
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#check-circle-1)',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      d: "M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"
     })]
   }));
 });

package/dist/icons/regular/CheckHeavyIcon.js

@@ -24,7 +24,7 @@ export var CheckHeavyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "#fff",
+    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,23 +32,14 @@ export var CheckHeavyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'check'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'check',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'check'
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M23.146 5.4l-2.792-2.8a.5.5 0 00-.708 0L7.854 14.4a.5.5 0 01-.708 0l-2.792-2.8a.5.5 0 00-.708 0L.854 14.4a.5.5 0 000 .707L7.146 21.4a.5.5 0 00.708 0L23.146 6.1a.5.5 0 000-.7z"
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#check)',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      d: "M23.146 5.4l-2.792-2.8a.5.5 0 00-.708 0L7.854 14.4a.5.5 0 01-.708 0l-2.792-2.8a.5.5 0 00-.708 0L.854 14.4a.5.5 0 000 .707L7.146 21.4a.5.5 0 00.708 0L23.146 6.1a.5.5 0 000-.7z"
     })]
   }));
 });