@codecademy/gamut-icons 8.0.2-alpha.2c40eb.0 → 8.0.2-alpha.917dbd.0

package/dist/icons/regular/PythonIcon.js

@@ -24,7 +24,7 @@ export var PythonIcon = /*#__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",
     width: width,
@@ -32,16 +32,25 @@ export var PythonIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'Python Icon'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M19.782 7.032h-2.815V4.217L14.75 2h-5.5L7.033 4.217v2.815H4.218L2 9.25v5.5l2.218 2.217h2.815v2.816L9.25 22h5.5l2.217-2.218v-2.815h2.816L22 14.75v-5.5l-2.218-2.217zM4.687 15.837l-1.555-1.554V9.718l1.556-1.555H12v-1.13H8.162V4.688l1.555-1.555h4.566l1.555 1.555v4.54l-2.188 2.207H9.88l-2.847 2.848v1.555H4.688zm16.18-1.554l-1.555 1.555H12v1.132h3.838v2.345l-1.555 1.555H9.718l-1.555-1.555V14.75l2.185-2.185h3.775l2.845-2.875V8.162h2.345l1.555 1.555v4.565z"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M9.547 4.453h1.133V5.71H9.548V4.453zM13.32 18.29h1.133v1.258H13.32V18.29z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'python-icon',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'Python Icon'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M19.782 7.032h-2.815V4.217L14.75 2h-5.5L7.033 4.217v2.815H4.218L2 9.25v5.5l2.218 2.217h2.815v2.816L9.25 22h5.5l2.217-2.218v-2.815h2.816L22 14.75v-5.5l-2.218-2.217zM4.687 15.837l-1.555-1.554V9.718l1.556-1.555H12v-1.13H8.162V4.688l1.555-1.555h4.566l1.555 1.555v4.54l-2.188 2.207H9.88l-2.847 2.848v1.555H4.688zm16.18-1.554l-1.555 1.555H12v1.132h3.838v2.345l-1.555 1.555H9.718l-1.555-1.555V14.75l2.185-2.185h3.775l2.845-2.875V8.162h2.345l1.555 1.555v4.565z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M9.547 4.453h1.133V5.71H9.548V4.453zM13.32 18.29h1.133v1.258H13.32V18.29z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#python-icon)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/QuizIcon.js

@@ -24,7 +24,7 @@ export var QuizIcon = /*#__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",
     width: width,
@@ -32,26 +32,35 @@ export var QuizIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'notes-paper-approve'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M13.629 23.25H2.25a1.5 1.5 0 01-1.5-1.5V2.25a1.5 1.5 0 011.5-1.5h19.5a1.5 1.5 0 011.5 1.5v11.379a1.5 1.5 0 01-.439 1.06l-8.122 8.122a1.5 1.5 0 01-1.06.439z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M14.25 23.115V15.75a1.5 1.5 0 011.5-1.5h7.365M15 5.25l-5.309 7.078a1.5 1.5 0 01-2.211.208L5.25 10.5",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'notes-paper-approve',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'notes-paper-approve'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M13.629 23.25H2.25a1.5 1.5 0 01-1.5-1.5V2.25a1.5 1.5 0 011.5-1.5h19.5a1.5 1.5 0 011.5 1.5v11.379a1.5 1.5 0 01-.439 1.06l-8.122 8.122a1.5 1.5 0 01-1.06.439z",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M14.25 23.115V15.75a1.5 1.5 0 011.5-1.5h7.365M15 5.25l-5.309 7.078a1.5 1.5 0 01-2.211.208L5.25 10.5",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#notes-paper-approve)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/RadarIcon.js

@@ -24,7 +24,7 @@ export var RadarIcon = /*#__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",
     width: width,
@@ -32,16 +32,25 @@ export var RadarIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'radar'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M12 24.005a11.922 11.922 0 01-8.481-3.511A11.917 11.917 0 010 12.01v-.023a11.927 11.927 0 013.511-8.464A11.925 11.925 0 0111.908.006a.586.586 0 01.186.001 11.947 11.947 0 017.84 2.999l.536-.536c.141-.142.33-.22.53-.22s.389.078.53.22c.142.141.22.33.22.53s-.078.389-.22.53l-7.72 7.72h9.439A.754.754 0 0124 12c.003 6.616-5.378 12.002-11.995 12.005H12zM1.529 12.75a10.454 10.454 0 003.05 6.683 10.45 10.45 0 006.671 3.043v-3.013a7.521 7.521 0 01-1.529-.316 7.455 7.455 0 01-4.386-3.708 7.548 7.548 0 01-.793-2.689H1.529zm11.221 9.725c5.186-.369 9.354-4.539 9.721-9.725h-3.008a7.55 7.55 0 01-.148.915.746.746 0 01-.897.566.744.744 0 01-.468-.331.742.742 0 01-.097-.566c.043-.192.077-.388.102-.585H12.75v5.207a5.945 5.945 0 002.006-.624.75.75 0 011.011.323.744.744 0 01.048.572.742.742 0 01-.371.438 7.448 7.448 0 01-2.694.801v3.009zM6.049 12.75a5.95 5.95 0 00.618 2.001 5.961 5.961 0 003.51 2.966c.351.112.71.192 1.073.238V12.75H6.049zm5.201-1.5V6.048a5.938 5.938 0 00-1.917.577.767.767 0 01-.333.077.751.751 0 01-.333-1.422 7.452 7.452 0 012.583-.741V1.534a10.451 10.451 0 00-6.678 3.05 10.455 10.455 0 00-3.043 6.666H4.54a7.455 7.455 0 01.387-1.75.752.752 0 01.957-.457.75.75 0 01.457.957 5.86 5.86 0 00-.292 1.25h5.201zm1.5-1.06l2.926-2.926a6.045 6.045 0 00-2.926-1.213v4.139zm0-5.648a7.524 7.524 0 013.993 1.655l2.128-2.128a10.472 10.472 0 00-6.121-2.534v3.007z"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M17.625 17.25a.796.796 0 01-.13-.011 1.126 1.126 0 01-.983-.983.796.796 0 010-.261c.06-.513.47-.923.983-.983a.699.699 0 01.261-.001c.513.06.923.47.983.983a.808.808 0 010 .262c-.06.513-.47.923-.983.983a.817.817 0 01-.131.011zm-11.25-9a.717.717 0 01-.131-.012 1.125 1.125 0 01-.982-.982.717.717 0 010-.262c.06-.513.47-.922.982-.982a.717.717 0 01.262 0c.513.06.922.47.982.982a.717.717 0 010 .262c-.06.513-.47.922-.982.982a.717.717 0 01-.131.012z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'radar',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'radar'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M12 24.005a11.922 11.922 0 01-8.481-3.511A11.917 11.917 0 010 12.01v-.023a11.927 11.927 0 013.511-8.464A11.925 11.925 0 0111.908.006a.586.586 0 01.186.001 11.947 11.947 0 017.84 2.999l.536-.536c.141-.142.33-.22.53-.22s.389.078.53.22c.142.141.22.33.22.53s-.078.389-.22.53l-7.72 7.72h9.439A.754.754 0 0124 12c.003 6.616-5.378 12.002-11.995 12.005H12zM1.529 12.75a10.454 10.454 0 003.05 6.683 10.45 10.45 0 006.671 3.043v-3.013a7.521 7.521 0 01-1.529-.316 7.455 7.455 0 01-4.386-3.708 7.548 7.548 0 01-.793-2.689H1.529zm11.221 9.725c5.186-.369 9.354-4.539 9.721-9.725h-3.008a7.55 7.55 0 01-.148.915.746.746 0 01-.897.566.744.744 0 01-.468-.331.742.742 0 01-.097-.566c.043-.192.077-.388.102-.585H12.75v5.207a5.945 5.945 0 002.006-.624.75.75 0 011.011.323.744.744 0 01.048.572.742.742 0 01-.371.438 7.448 7.448 0 01-2.694.801v3.009zM6.049 12.75a5.95 5.95 0 00.618 2.001 5.961 5.961 0 003.51 2.966c.351.112.71.192 1.073.238V12.75H6.049zm5.201-1.5V6.048a5.938 5.938 0 00-1.917.577.767.767 0 01-.333.077.751.751 0 01-.333-1.422 7.452 7.452 0 012.583-.741V1.534a10.451 10.451 0 00-6.678 3.05 10.455 10.455 0 00-3.043 6.666H4.54a7.455 7.455 0 01.387-1.75.752.752 0 01.957-.457.75.75 0 01.457.957 5.86 5.86 0 00-.292 1.25h5.201zm1.5-1.06l2.926-2.926a6.045 6.045 0 00-2.926-1.213v4.139zm0-5.648a7.524 7.524 0 013.993 1.655l2.128-2.128a10.472 10.472 0 00-6.121-2.534v3.007z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M17.625 17.25a.796.796 0 01-.13-.011 1.126 1.126 0 01-.983-.983.796.796 0 010-.261c.06-.513.47-.923.983-.983a.699.699 0 01.261-.001c.513.06.923.47.983.983a.808.808 0 010 .262c-.06.513-.47.923-.983.983a.817.817 0 01-.131.011zm-11.25-9a.717.717 0 01-.131-.012 1.125 1.125 0 01-.982-.982.717.717 0 010-.262c.06-.513.47-.922.982-.982a.717.717 0 01.262 0c.513.06.922.47.982.982a.717.717 0 010 .262c-.06.513-.47.922-.982.982a.717.717 0 01-.131.012z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#radar)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/RailsIcon.js

@@ -24,7 +24,7 @@ export var RailsIcon = /*#__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",
     width: width,
@@ -32,14 +32,23 @@ export var RailsIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'Rails Icon'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M9.196 11.888c-1.19 2.646-1.718 5.531-1.579 8.67h5.487c-.911-2.22-1.183-4.879-.834-7.955.266-2.346 1.3-4.336 3.065-5.966-2.972.959-4.998 2.713-6.139 5.25zm-2.781 9.974c-.363-3.821.173-7.326 1.607-10.514C10.1 6.724 14.727 4.43 21.899 4.47c-5.135 1.726-7.917 4.486-8.347 8.282-.43 3.796.143 6.832 1.72 9.11H6.415zM2 19.174h2.581v2.609H2zm1.108-7.014l2.022.736-.744 2.042-2.021-.735zM6.09 7.223l1.49.86-.87 1.506-1.489-.86zm4.775-2.826l.645 1.117-1.129.652-.645-1.117zM15.5 2.874l.343.94-.94.341-.342-.94zM20 3v1h-1V3z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'rails-icon',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'Rails Icon'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M9.196 11.888c-1.19 2.646-1.718 5.531-1.579 8.67h5.487c-.911-2.22-1.183-4.879-.834-7.955.266-2.346 1.3-4.336 3.065-5.966-2.972.959-4.998 2.713-6.139 5.25zm-2.781 9.974c-.363-3.821.173-7.326 1.607-10.514C10.1 6.724 14.727 4.43 21.899 4.47c-5.135 1.726-7.917 4.486-8.347 8.282-.43 3.796.143 6.832 1.72 9.11H6.415zM2 19.174h2.581v2.609H2zm1.108-7.014l2.022.736-.744 2.042-2.021-.735zM6.09 7.223l1.49.86-.87 1.506-1.489-.86zm4.775-2.826l.645 1.117-1.129.652-.645-1.117zM15.5 2.874l.343.94-.94.341-.342-.94zM20 3v1h-1V3z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#rails-icon)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/RatingStarCircleIcon.js

@@ -24,7 +24,7 @@ export var RatingStarCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref,
   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",
     width: width,
@@ -32,28 +32,37 @@ export var RatingStarCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref,
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'rating-star-circle'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M12.593 6.8l1.4 2.95h2.377a.651.651 0 01.469 1.114l-2.187 1.946 1.209 2.778a.658.658 0 01-.938.823L12 14.767l-2.923 1.644a.658.658 0 01-.938-.823l1.209-2.778-2.183-1.946a.651.651 0 01.469-1.114h2.377l1.4-2.95a.665.665 0 011.182 0z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: 12,
-      cy: 12,
-      r: 11.25,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'rating-star-circle',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'rating-star-circle'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M12.593 6.8l1.4 2.95h2.377a.651.651 0 01.469 1.114l-2.187 1.946 1.209 2.778a.658.658 0 01-.938.823L12 14.767l-2.923 1.644a.658.658 0 01-.938-.823l1.209-2.778-2.183-1.946a.651.651 0 01.469-1.114h2.377l1.4-2.95a.665.665 0 011.182 0z",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 12,
+        cy: 12,
+        r: 11.25,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#rating-star-circle)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/RatingStarGiveIcon.js

@@ -24,7 +24,7 @@ export var RatingStarGiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
   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",
     width: width,
@@ -32,19 +32,28 @@ export var RatingStarGiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'rating-star-give-1'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5,
-      d: "M.75 14.25v9m0-1.5h15a3 3 0 00-3-3H9a3 3 0 00-3-3H.75m5.25 3h3m7.932-17.517l2.005 3.946h3.428a.884.884 0 01.62 1.513L19.868 9.76l1.741 4a.883.883 0 01-1.243 1.122l-4.222-2.374-4.222 2.374a.883.883 0 01-1.243-1.122l1.742-4L9.3 6.692a.883.883 0 01.62-1.513h3.428l2-3.946a.883.883 0 011.584 0z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'rating-star-give-1',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'rating-star-give-1'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M.75 14.25v9m0-1.5h15a3 3 0 00-3-3H9a3 3 0 00-3-3H.75m5.25 3h3m7.932-17.517l2.005 3.946h3.428a.884.884 0 01.62 1.513L19.868 9.76l1.741 4a.883.883 0 01-1.243 1.122l-4.222-2.374-4.222 2.374a.883.883 0 01-1.243-1.122l1.742-4L9.3 6.692a.883.883 0 01.62-1.513h3.428l2-3.946a.883.883 0 011.584 0z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#rating-star-give-1)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/ReactIcon.js

@@ -24,7 +24,7 @@ export var ReactIcon = /*#__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",
     width: width,
@@ -32,42 +32,51 @@ export var ReactIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'React Icon'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("g", {
-      transform: "translate(2 2)",
-      fill: "none",
-      stroke: "currentColor",
-      children: [/*#__PURE__*/_jsx("ellipse", {
-        transform: "rotate(30 9.816 10.082)",
-        cx: 9.816,
-        cy: 10.082,
-        rx: 3.136,
-        ry: 9.599
-      }), /*#__PURE__*/_jsx("ellipse", {
-        fill: "currentColor",
-        cx: 9.792,
-        cy: 9.809,
-        rx: 1.667,
-        ry: 1.683,
-        stroke: "none"
-      }), /*#__PURE__*/_jsx("ellipse", {
-        transform: "scale(-1 1) rotate(30 0 -26.551)",
-        cx: 9.816,
-        cy: 10.082,
-        rx: 3.136,
-        ry: 9.599
-      }), /*#__PURE__*/_jsx("ellipse", {
-        transform: "matrix(0 1 1 0 .095 -.095)",
-        cx: 10,
-        cy: 9.905,
-        rx: 3.136,
-        ry: 9.599
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'react-icon',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'React Icon'
+      }), /*#__PURE__*/_jsxs("g", {
+        transform: "translate(2 2)",
+        fill: "none",
+        stroke: "#fff",
+        children: [/*#__PURE__*/_jsx("ellipse", {
+          transform: "rotate(30 9.816 10.082)",
+          cx: 9.816,
+          cy: 10.082,
+          rx: 3.136,
+          ry: 9.599
+        }), /*#__PURE__*/_jsx("ellipse", {
+          fill: "#fff",
+          cx: 9.792,
+          cy: 9.809,
+          rx: 1.667,
+          ry: 1.683,
+          stroke: "none"
+        }), /*#__PURE__*/_jsx("ellipse", {
+          transform: "scale(-1 1) rotate(30 0 -26.551)",
+          cx: 9.816,
+          cy: 10.082,
+          rx: 3.136,
+          ry: 9.599
+        }), /*#__PURE__*/_jsx("ellipse", {
+          transform: "matrix(0 1 1 0 .095 -.095)",
+          cx: 10,
+          cy: 9.905,
+          rx: 3.136,
+          ry: 9.599
+        })]
       })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#react-icon)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/RedditIcon.js

@@ -24,7 +24,7 @@ export var RedditIcon = /*#__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",
     width: width,
@@ -32,45 +32,54 @@ export var RedditIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'social-media-reddit'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("ellipse", {
-      cx: 12,
-      cy: 15.33,
-      rx: 9.29,
-      ry: 6.36,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M15.46 18.15A7 7 0 0112 19a7 7 0 01-3.48-.87m8.14-4.26a.75.75 0 11-.75-.75.75.75 0 01.75.75m-7.82 0a.75.75 0 11-.75-.75.75.75 0 01.75.75m9.76-3.02a2.45 2.45 0 112.58 3.47",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: 19.53,
-      cy: 4.46,
-      r: 2.15,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M5.4 10.86a2.45 2.45 0 10-2.58 3.47M12 9s0-6.67 5.38-4.91",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'social-media-reddit',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'social-media-reddit'
+      }), /*#__PURE__*/_jsx("ellipse", {
+        cx: 12,
+        cy: 15.33,
+        rx: 9.29,
+        ry: 6.36,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M15.46 18.15A7 7 0 0112 19a7 7 0 01-3.48-.87m8.14-4.26a.75.75 0 11-.75-.75.75.75 0 01.75.75m-7.82 0a.75.75 0 11-.75-.75.75.75 0 01.75.75m9.76-3.02a2.45 2.45 0 112.58 3.47",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 19.53,
+        cy: 4.46,
+        r: 2.15,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M5.4 10.86a2.45 2.45 0 10-2.58 3.47M12 9s0-6.67 5.38-4.91",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#social-media-reddit)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/RefreshIcon.js

@@ -24,7 +24,7 @@ export var RefreshIcon = /*#__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",
     width: width,
@@ -32,19 +32,28 @@ export var RefreshIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'button-refresh-arrow'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5,
-      d: "M6 14.248v4.5H1.5m4.217.003A9.753 9.753 0 0116.5 3M5.712 18.746A9.72 9.72 0 119 21"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'button-refresh-arrow',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'button-refresh-arrow'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M6 14.248v4.5H1.5m4.217.003A9.753 9.753 0 0116.5 3M5.712 18.746A9.72 9.72 0 119 21"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#button-refresh-arrow)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/ResetIcon.js

@@ -24,7 +24,7 @@ export var ResetIcon = /*#__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",
     width: width,
@@ -32,19 +32,28 @@ export var ResetIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'button-refresh-arrows'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5,
-      d: "M5.25 14.248v4.5H.75m18-9v-4.5h4.5m-4.218-.003A9.752 9.752 0 018.246 21m-3.279-2.249A9.753 9.753 0 0115.754 3"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'button-refresh-arrows',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'button-refresh-arrows'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M5.25 14.248v4.5H.75m18-9v-4.5h4.5m-4.218-.003A9.752 9.752 0 018.246 21m-3.279-2.249A9.753 9.753 0 0115.754 3"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#button-refresh-arrows)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });