@codecademy/gamut-icons 8.0.2-alpha.b6f449.0 → 8.0.2-alpha.b81ea9.0

package/dist/icons/regular/StackedSquaresIcon.js

@@ -24,9 +24,10 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -35,11 +36,13 @@ export var StackedSquaresIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("mask", {
-      id: '',
-      children: /*#__PURE__*/_jsxs("g", {
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'stacked-squares',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'stacked-squares'
+      }), /*#__PURE__*/_jsxs("g", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 8.75,
@@ -50,12 +53,12 @@ export var StackedSquaresIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
         }), /*#__PURE__*/_jsx("path", {
           d: "M29.75 85.313L6.318 97.416a3.593 3.593 0 000 6.381l59.552 30.806a9 9 0 008.26 0l59.553-30.77a3.593 3.593 0 000-6.382l-23.433-12.14"
         })]
-      })
+      })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#stacked-squares)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/StarCircleIcon.js

@@ -24,9 +24,10 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,12 +37,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,10 +53,10 @@ 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',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/StarFilledCircleIcon.js

@@ -23,10 +23,11 @@ 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: "#fff",
     xmlns: "http://www.w3.org/2000/svg",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -35,19 +36,21 @@ export var StarFilledCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref,
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("mask", {
-      id: '',
-      children: /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'star-filled-circle',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'star-filled-circle'
+      }), /*#__PURE__*/_jsx("path", {
         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(#star-filled-circle)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/StarFilledIcon.js

@@ -24,9 +24,10 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,17 +37,17 @@ 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',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/StarIcon.js

@@ -24,9 +24,10 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,22 +37,22 @@ 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',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/StreakIcon.js

@@ -24,9 +24,10 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,22 +37,22 @@ 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',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/StudyBookIcon.js

@@ -24,9 +24,10 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,7 +37,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,10 +46,10 @@ 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',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/SupportFilledIcon.js

@@ -24,9 +24,10 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,17 +37,17 @@ export var SupportFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'question-circle-filled',
       children: [/*#__PURE__*/_jsx("title", {
-        children: 'question-circle'
+        children: 'question-circle-filled'
       }), /*#__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-filled)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/SupportIcon.js

@@ -24,9 +24,10 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,7 +37,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 +45,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,14 +53,14 @@ 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',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/TagIcon.js

@@ -24,9 +24,10 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,13 +37,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,16 +52,16 @@ 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',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/TerminalIcon.js

@@ -24,9 +24,10 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,36 +37,36 @@ 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',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/TrackIcon.js

@@ -24,9 +24,10 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,22 +37,22 @@ 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',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/TrashIcon.js

@@ -24,9 +24,10 @@ export var TrashIcon = /*#__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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,22 +37,22 @@ export var TrashIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'bin-1',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'bin-1'
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
         d: "M1.5 4.5h21m-8.25-3h-4.5A1.5 1.5 0 008.25 3v1.5h7.5V3a1.5 1.5 0 00-1.5-1.5zm-4.5 15.75v-7.5m4.5 7.5v-7.5m4.615 11.374A1.5 1.5 0 0117.37 22.5H6.631a1.5 1.5 0 01-1.495-1.376L3.75 4.5h16.5z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#bin-1)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/TrophyFilledIcon.js

@@ -24,9 +24,10 @@ export var TrophyFilledIcon = /*#__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: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,17 +37,17 @@ export var TrophyFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'award-trophy-star',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'award-trophy-star'
       }), /*#__PURE__*/_jsx("path", {
         d: "M22 5.5h-.684a29.2 29.2 0 00.284-3.493A1.957 1.957 0 0019.646 0H4.365a1.959 1.959 0 00-1.956 2.005 29.54 29.54 0 00.282 3.5H2a2 2 0 00-2 2V10a5.019 5.019 0 003.266 4.691 1 1 0 10.693-1.877A3.012 3.012 0 012 10V7.5h1.066c1.377 5.529 5.389 7.674 8.8 7.674 5.609 0 8.222-4.32 9.071-7.674H22V10a3.012 3.012 0 01-1.959 2.814 1 1 0 10.693 1.877A5.02 5.02 0 0024 10V7.5a2 2 0 00-2-2zM9.683 10.709a.523.523 0 01-.746-.654L9.83 8a.249.249 0 00-.054-.278L8.163 6.138a.49.49 0 01.344-.856h1.84a.249.249 0 00.227-.144l.962-2.071a.531.531 0 01.942 0l.961 2.07a.248.248 0 00.226.145h1.841a.49.49 0 01.345.856l-1.614 1.587a.252.252 0 00-.054.275l.894 2.052a.523.523 0 01-.746.654l-2.2-1.238a.249.249 0 00-.245 0zm2.18 5.965a10.55 10.55 0 01-1.561-.117.25.25 0 00-.286.254c.09 3.362-2.324 3.223-2.508 3.242A1.979 1.979 0 007.7 24h8.609a1.969 1.969 0 001.956-2 1.948 1.948 0 00-1.765-1.947c-1.517-.149-2.664-.8-2.571-3.253a.252.252 0 00-.083-.2.248.248 0 00-.2-.062 12.313 12.313 0 01-1.783.136z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#award-trophy-star)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/TrophyIcon.js

@@ -24,9 +24,10 @@ export var TrophyIcon = /*#__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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,29 +37,29 @@ export var TrophyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'award-trophy-star-1',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'award-trophy-star-1'
       }), /*#__PURE__*/_jsx("path", {
         d: "M12.53 4.3l1.249 2.458h2.127a.582.582 0 01.419 1l-1.953 1.917 1.082 2.485a.589.589 0 01-.839.737L12 11.426 9.385 12.9a.589.589 0 01-.839-.737l1.082-2.488-1.953-1.922a.582.582 0 01.419-1h2.127L11.47 4.3a.594.594 0 011.06 0zm6.97.2c3.365 0 2.756-.452 3.75 7.5M4.5 4.5C.71 4.5 1.843 3.26.75 12m16.866 11.25H6.384",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         d: "M4.5 10.5V2.25A1.5 1.5 0 016 .75h12a1.5 1.5 0 011.5 1.5v8.25c0 9.008-15 9.02-15 0zM12 23.25v-6",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#award-trophy-star-1)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]