@codecademy/gamut-icons 8.0.2-alpha.e5e695.0 → 8.0.2-alpha.fa9cd1.0

package/dist/icons/regular/SearchIcon.js

@@ -24,7 +24,6 @@ export var SearchIcon = /*#__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: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,7 +35,7 @@ export var SearchIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'search',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'search'
       }), /*#__PURE__*/_jsxs("mask", {
@@ -53,13 +52,13 @@ export var SearchIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
           r: 9.063,
           transform: "rotate(-23.025 9.813 9.812)",
           fill: "none",
-          stroke: "currentColor",
+          stroke: "#fff",
           strokeLinecap: "round",
           strokeLinejoin: "round",
           strokeWidth: 1.5
         }), /*#__PURE__*/_jsx("path", {
           fill: "none",
-          stroke: "currentColor",
+          stroke: "#fff",
           strokeLinecap: "round",
           strokeLinejoin: "round",
           strokeWidth: 1.5,
@@ -68,16 +67,16 @@ export var SearchIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       }), /*#__PURE__*/_jsx("g", {
         mask: "url(#search-icon_svg__a)",
         children: /*#__PURE__*/_jsx("path", {
-          fill: "currentColor",
+          fill: "#fff",
           d: "M0 0h24v24H0z"
         })
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#search)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/SettingsSliderVerticalIcon.js

@@ -24,7 +24,6 @@ export var SettingsSliderVerticalIcon = /*#__PURE__*/React.forwardRef(function (
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,23 +35,23 @@ export var SettingsSliderVerticalIcon = /*#__PURE__*/React.forwardRef(function (
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'settings-vertical',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'settings-vertical'
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
         d: "M15.75 11.265v-6m0 13.5v-3m2.25-2.25a2.25 2.25 0 11-2.25-2.25 2.25 2.25 0 012.25 2.25zm-9.75-3.75v9m2.25-11.25a2.25 2.25 0 10-2.25 2.25 2.25 2.25 0 002.25-2.25z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#settings-vertical)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/ShareIcon.js

@@ -24,7 +24,6 @@ export var ShareIcon = /*#__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: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,7 +35,7 @@ export var ShareIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'share',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'share'
       }), /*#__PURE__*/_jsx("circle", {
@@ -44,7 +43,7 @@ export var ShareIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         cy: 11.25,
         r: 3.75,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
@@ -53,7 +52,7 @@ export var ShareIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         cy: 6,
         r: 3.75,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
@@ -62,24 +61,24 @@ export var ShareIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         cy: 18,
         r: 3.75,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
         d: "M8.746 9.891l6.508-2.531m-6.649 5.568l6.79 3.395"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#share)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/SlackIcon.js

@@ -24,7 +24,6 @@ export var SlackIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 400 400",
-    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -42,11 +41,11 @@ export var SlackIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         fillRule: "evenodd"
       })
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/SmallCheckIcon.js

@@ -23,7 +23,7 @@ export var SmallCheckIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     viewBox: "0 0 8 7",
-    fill: "currentColor",
+    fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     role: "img",
     "aria-hidden": "true",
@@ -39,14 +39,14 @@ export var SmallCheckIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
       id: '',
       children: /*#__PURE__*/_jsx("path", {
         d: "M2.272 6.3a1.138 1.138 0 01-.89-.448L.128 4.425a.573.573 0 01.859-.756l1.177 1.34a.143.143 0 00.21.004L7.012.178a.573.573 0 11.83.79L3.145 5.91a1.112 1.112 0 01-.873.389z",
-        fill: "currentColor"
+        fill: "#fff"
       })
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/StackedSquaresIcon.js

@@ -24,7 +24,6 @@ export var StackedSquaresIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 140 140",
-    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -39,7 +38,7 @@ export var StackedSquaresIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
       id: '',
       children: /*#__PURE__*/_jsxs("g", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 8.75,
@@ -52,11 +51,11 @@ export var StackedSquaresIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
         })]
       })
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/StarCircleIcon.js

@@ -24,7 +24,6 @@ export var StarCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,12 +35,12 @@ export var StarCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'rating-star-circle',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'rating-star-circle'
       }), /*#__PURE__*/_jsxs("g", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
@@ -52,11 +51,11 @@ export var StarCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
         })]
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#rating-star-circle)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/StarFilledCircleIcon.js

@@ -23,7 +23,7 @@ export var StarFilledCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     viewBox: "0 0 24 24",
-    fill: "currentColor",
+    fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     role: "img",
     "aria-hidden": "true",
@@ -41,14 +41,14 @@ export var StarFilledCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref,
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12zm5.503-13.99a.752.752 0 01.297.804.75.75 0 01-.239.381l-2.597 2.153a.25.25 0 00-.078.271l1.09 3.268a.75.75 0 01-1.157.841l-2.671-1.959a.25.25 0 00-.296 0l-2.673 1.96a.75.75 0 01-1.155-.842l1.089-3.266a.25.25 0 00-.077-.271L6.444 11.2a.75.75 0 01.481-1.325H9.97a.25.25 0 00.235-.168l1.09-3.088.002-.008a.75.75 0 011.405 0l1.093 3.096a.25.25 0 00.236.167h3.043c.154 0 .303.048.429.136z",
-        fill: "currentColor"
+        fill: "#fff"
       })
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/StarFilledIcon.js

@@ -24,7 +24,6 @@ export var StarFilledIcon = /*#__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: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,18 +35,18 @@ export var StarFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'star-filled-icon',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'star-filled-icon'
       }), /*#__PURE__*/_jsx("path", {
         d: "M23.555 8.729a1.505 1.505 0 00-1.406-.98h-6.087a.5.5 0 01-.472-.334l-2.185-6.193a1.5 1.5 0 00-2.81 0l-.005.016-2.18 6.177a.5.5 0 01-.471.334H1.85A1.5 1.5 0 00.887 10.4l5.184 4.3a.5.5 0 01.155.543l-2.178 6.531a1.5 1.5 0 002.31 1.684l5.346-3.92a.5.5 0 01.591 0l5.344 3.919a1.5 1.5 0 002.312-1.683l-2.178-6.535a.5.5 0 01.155-.543l5.194-4.306a1.5 1.5 0 00.433-1.661z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#star-filled-icon)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/StarIcon.js

@@ -24,7 +24,6 @@ export var StarIcon = /*#__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: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,23 +35,23 @@ export var StarIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'rating-star',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'rating-star'
       }), /*#__PURE__*/_jsx("path", {
         d: "M12.729 1.2l3.346 6.629 6.44.638a.805.805 0 01.5 1.374l-5.3 5.253 1.965 7.138a.813.813 0 01-1.151.935L12 19.934l-6.52 3.229a.813.813 0 01-1.151-.935l1.965-7.138L.99 9.837a.805.805 0 01.5-1.374l6.44-.638L11.271 1.2a.819.819 0 011.458 0z",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#rating-star)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/StreakIcon.js

@@ -24,7 +24,6 @@ export var StreakIcon = /*#__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: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,23 +35,23 @@ export var StreakIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'trends-hot-flame',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'trends-hot-flame'
       }), /*#__PURE__*/_jsx("path", {
         d: "M16.846 14.222a4.338 4.338 0 01-4.154 4.5m-.692 4.5c-4.615 0-9-3.358-9-7.5a7.658 7.658 0 014.94-7.287.375.375 0 01.515.382A4.814 4.814 0 0010.1 13.1a.749.749 0 00.992-.021c1.32-1.217 4.557-5.237-1.223-11.676a.375.375 0 01.324-.623C15.621 1.447 21 7.571 21 13.472c0 5-3 9.75-9 9.75z",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#trends-hot-flame)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/StudyBookIcon.js

@@ -24,7 +24,6 @@ export var StudyBookIcon = /*#__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: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,7 +35,7 @@ export var StudyBookIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'study-book',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'study-book'
       }), /*#__PURE__*/_jsx("path", {
@@ -45,11 +44,11 @@ export var StudyBookIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
         d: "M9.342 7.298a.74.74 0 01-.255-.045 23.751 23.751 0 00-5.403-1.26.75.75 0 01.166-1.49c1.96.22 3.893.671 5.746 1.34a.747.747 0 01.45.961.749.749 0 01-.704.494zm10.072 2.673a.746.746 0 01-.74-.63.748.748 0 01.621-.86c.351-.057.716-.11 1.086-.158a.752.752 0 01.692 1.2.744.744 0 01-.498.286c-.355.046-.702.097-1.04.152a.731.731 0 01-.121.01zM9.342 11.113a.752.752 0 01-.253-.044 24.317 24.317 0 00-5.406-1.261.75.75 0 01.171-1.49c1.956.224 3.887.675 5.741 1.339.189.068.34.204.425.385a.75.75 0 01-.678 1.071zm0 4.043a.747.747 0 01-.252-.044 24.559 24.559 0 00-5.457-1.261.748.748 0 01-.661-.83.75.75 0 01.829-.661c1.972.223 3.921.673 5.792 1.339.189.067.34.204.426.385s.096.385.029.573a.75.75 0 01-.706.499zM14.9 7.305a.751.751 0 01-.252-1.457 26.037 26.037 0 015.795-1.339.75.75 0 01.67 1.213.738.738 0 01-.501.278 24.55 24.55 0 00-5.461 1.261.741.741 0 01-.251.044zm-4.551 16.696a.753.753 0 01-.6-.3l-.474-.632a2.295 2.295 0 010-2.738 2.298 2.298 0 011.83-.914c.496 0 .969.157 1.366.455l.277.208v-7.705c0-1.447 1.177-2.625 2.625-2.625s2.625 1.177 2.625 2.625v5.141l3.063.68a3.759 3.759 0 012.922 4l-.1 1.121a.747.747 0 01-.748.683.75.75 0 01-.746-.817l.1-1.122a2.256 2.256 0 00-1.753-2.401l-3.651-.811a.745.745 0 01-.587-.732v-5.742c0-.62-.505-1.125-1.125-1.125s-1.125.505-1.125 1.125v9.205a.746.746 0 01-.75.75.753.753 0 01-.45-.15l-1.477-1.108a.775.775 0 00-.468-.156.777.777 0 00-.628.313.788.788 0 000 .939l.474.631a.748.748 0 01-.149 1.05.741.741 0 01-.451.152z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#study-book)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/SupportFilledIcon.js

@@ -24,7 +24,6 @@ export var SupportFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,18 +35,18 @@ export var SupportFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'question-circle',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'question-circle'
       }), /*#__PURE__*/_jsx("path", {
         d: "M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm0 19a1.5 1.5 0 111.5-1.5A1.5 1.5 0 0112 19zm1.6-6.08a1 1 0 00-.6.917 1 1 0 11-2 0 3 3 0 011.8-2.75A2 2 0 1010 9.255a1 1 0 11-2 0 4 4 0 115.6 3.666z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#question-circle)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/SupportIcon.js

@@ -24,7 +24,6 @@ export var SupportIcon = /*#__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: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,7 +35,7 @@ export var SupportIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'question-circle',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'question-circle'
       }), /*#__PURE__*/_jsx("path", {
@@ -44,7 +43,7 @@ export var SupportIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeLinecap: "round",
         strokeLinejoin: "round",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("circle", {
         cx: 12,
@@ -52,15 +51,15 @@ export var SupportIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         r: 11.25,
         strokeMiterlimit: 10,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#question-circle)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/TagIcon.js

@@ -24,7 +24,6 @@ export var TagIcon = /*#__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: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,13 +35,13 @@ export var TagIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'tags-1',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'tags-1'
       }), /*#__PURE__*/_jsx("path", {
         d: "M1.135 2.634v6.258a3 3 0 00.879 2.121l11.63 11.63a.75.75 0 001.266-.383l1.225-6.126 6.126-1.225a.75.75 0 00.383-1.266l-11.63-11.63a3 3 0 00-2.121-.879H2.635a1.5 1.5 0 00-1.5 1.5z",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
@@ -51,17 +50,17 @@ export var TagIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         cy: 6.384,
         r: 1.5,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#tags-1)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/TerminalIcon.js

@@ -24,7 +24,6 @@ export var TerminalIcon = /*#__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: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,37 +35,37 @@ export var TerminalIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'programming-code',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'programming-code'
       }), /*#__PURE__*/_jsx("path", {
         d: "M2.25 21.75a1.5 1.5 0 01-1.5-1.5V3.865A1.62 1.62 0 012.365 2.25h19.278a1.612 1.612 0 011.607 1.607v16.278a1.62 1.62 0 01-1.615 1.615z",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         d: "M4.85 18.75a1.071 1.071 0 01-1.1-1.038V6.368A1.156 1.156 0 014.935 5.25h14.136a1.151 1.151 0 011.179 1.113v11.269a1.156 1.156 0 01-1.185 1.118zM13.5 12h3",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
         d: "M8.25 9.75L10.5 12l-2.25 2.25"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#programming-code)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/TrackIcon.js

@@ -24,7 +24,6 @@ export var TrackIcon = /*#__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: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,23 +35,23 @@ export var TrackIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'business-ladder',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'business-ladder'
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
         d: "M.75 23.25L10.5.75m3 22.5L23.25.75m-14.7 4.5H21.3M6.6 9.75h12.75m-14.7 4.5H17.4m-14.7 4.5h12.75"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#business-ladder)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));