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

package/dist/icons/regular/RadarIcon.js

@@ -24,7 +24,6 @@ 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",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,7 +35,7 @@ export var RadarIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'radar',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'radar'
       }), /*#__PURE__*/_jsx("path", {
@@ -45,11 +44,11 @@ export var RadarIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         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: '',
+      mask: 'url(#radar)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/RailsIcon.js

@@ -24,7 +24,6 @@ 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",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,18 +35,18 @@ export var RailsIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      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: '',
+      mask: 'url(#rails-icon)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/RatingStarCircleIcon.js

@@ -24,7 +24,6 @@ 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",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,13 +35,13 @@ export var RatingStarCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref,
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      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: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
@@ -51,17 +50,17 @@ export var RatingStarCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref,
         cy: 12,
         r: 11.25,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       })]
     }), /*#__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/RatingStarGiveIcon.js

@@ -24,7 +24,6 @@ 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",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,23 +35,23 @@ export var RatingStarGiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'rating-star-give-1',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'rating-star-give-1'
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        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: '',
+      mask: 'url(#rating-star-give-1)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/ReactIcon.js

@@ -24,7 +24,6 @@ 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",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,13 +35,13 @@ export var ReactIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'react-icon',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'React Icon'
       }), /*#__PURE__*/_jsxs("g", {
         transform: "translate(2 2)",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         children: [/*#__PURE__*/_jsx("ellipse", {
           transform: "rotate(30 9.816 10.082)",
           cx: 9.816,
@@ -50,7 +49,7 @@ export var ReactIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
           rx: 3.136,
           ry: 9.599
         }), /*#__PURE__*/_jsx("ellipse", {
-          fill: "currentColor",
+          fill: "#fff",
           cx: 9.792,
           cy: 9.809,
           rx: 1.667,
@@ -71,11 +70,11 @@ export var ReactIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         })]
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#react-icon)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/RedditIcon.js

@@ -24,7 +24,6 @@ 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",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,7 +35,7 @@ export var RedditIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'social-media-reddit',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'social-media-reddit'
       }), /*#__PURE__*/_jsx("ellipse", {
@@ -45,14 +44,14 @@ export var RedditIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         rx: 9.29,
         ry: 6.36,
         fill: "none",
-        stroke: "currentColor",
+        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: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
@@ -61,24 +60,24 @@ export var RedditIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         cy: 4.46,
         r: 2.15,
         fill: "none",
-        stroke: "currentColor",
+        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: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#social-media-reddit)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/RefreshIcon.js

@@ -24,7 +24,6 @@ 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",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,23 +35,23 @@ export var RefreshIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'button-refresh-arrow',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'button-refresh-arrow'
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        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: '',
+      mask: 'url(#button-refresh-arrow)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/ResetIcon.js

@@ -24,7 +24,6 @@ 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",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,23 +35,23 @@ export var ResetIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'button-refresh-arrows',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'button-refresh-arrows'
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        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: '',
+      mask: 'url(#button-refresh-arrows)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/ResponsiveIcon.js

@@ -24,7 +24,6 @@ export var ResponsiveIcon = /*#__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,12 +35,12 @@ export var ResponsiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'responsive-design-1',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'responsive-design-1'
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
@@ -54,24 +53,24 @@ export var ResponsiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
         rx: 1.5,
         ry: 1.5,
         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: "M.75 20.25h7.5m-4.5-12v-1.5a1.5 1.5 0 011.5-1.5h6a1.5 1.5 0 011.5 1.5v9a1.5 1.5 0 01-1.5 1.5m0-3h1.5m-9-6h9"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#responsive-design-1)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/RibbonDoubleFilledIcon.js

@@ -24,7 +24,6 @@ export var RibbonDoubleFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref
   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,30 +35,30 @@ export var RibbonDoubleFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'ribbon-double-filled',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'ribbon-double-filled'
       }), /*#__PURE__*/_jsx("path", {
         d: "M7 4V2.31c0-.347.134-.68.373-.926.238-.246.562-.384.9-.384h11.454c.338 0 .662.138.9.384.239.246.373.579.373.926V20",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeWidth: 1.5,
         strokeLinecap: "round",
         strokeLinejoin: "round",
         fill: "none"
       }), /*#__PURE__*/_jsx("path", {
         d: "M16.99 22.879l-5.242-3.794a1.277 1.277 0 00-1.496 0L5.01 22.88A.637.637 0 014 22.368V5.267A1.272 1.272 0 015.273 4h11.454A1.272 1.272 0 0118 5.267v17.101a.632.632 0 01-.687.63.637.637 0 01-.323-.12v0z",
-        fill: "currentColor",
-        stroke: "currentColor",
+        fill: "#fff",
+        stroke: "#fff",
         strokeWidth: 1.5,
         strokeLinecap: "round",
         strokeLinejoin: "round"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#ribbon-double-filled)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/RibbonDoubleIcon.js

@@ -24,7 +24,6 @@ export var RibbonDoubleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
   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,30 +35,30 @@ export var RibbonDoubleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'ribbon-double',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'ribbon-double'
       }), /*#__PURE__*/_jsx("path", {
         d: "M7 4V2.31c0-.347.134-.68.373-.926.238-.246.562-.384.9-.384h11.454c.338 0 .662.138.9.384.239.246.373.579.373.926V20",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeWidth: 1.5,
         strokeLinecap: "round",
         strokeLinejoin: "round",
         fill: "none"
       }), /*#__PURE__*/_jsx("path", {
         d: "M16.99 22.879l-5.242-3.794a1.277 1.277 0 00-1.496 0L5.01 22.88A.637.637 0 014 22.368V5.267A1.272 1.272 0 015.273 4h11.454A1.272 1.272 0 0118 5.267v17.101a.632.632 0 01-.687.63.637.637 0 01-.323-.12v0z",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeWidth: 1.5,
         strokeLinecap: "round",
         strokeLinejoin: "round",
         fill: "none"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#ribbon-double)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/RibbonFilledIcon.js

@@ -24,7 +24,6 @@ export var RibbonFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     viewBox: "0 0 18 24",
     xmlns: "http://www.w3.org/2000/svg",
-    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,23 +35,23 @@ export var RibbonFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'ribbon-filled',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'ribbon-filled'
       }), /*#__PURE__*/_jsx("path", {
         d: "M16.059 23.105l-6.177-4.492a1.5 1.5 0 00-1.764 0l-6.177 4.492A.75.75 0 01.75 22.5V2.25a1.5 1.5 0 011.5-1.5h13.5a1.5 1.5 0 011.5 1.5V22.5a.75.75 0 01-1.191.605z",
-        fill: "currentColor",
-        stroke: "currentColor",
+        fill: "#fff",
+        stroke: "#fff",
         strokeWidth: 1.5,
         strokeLinecap: "round",
         strokeLinejoin: "round"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#ribbon-filled)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/RibbonIcon.js

@@ -24,7 +24,6 @@ export var RibbonIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     viewBox: "0 0 18 24",
     xmlns: "http://www.w3.org/2000/svg",
-    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -36,23 +35,23 @@ export var RibbonIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'ribbon',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'ribbon'
       }), /*#__PURE__*/_jsx("path", {
         d: "M16.059 23.105l-6.177-4.492a1.5 1.5 0 00-1.764 0l-6.177 4.492A.75.75 0 01.75 22.5V2.25a1.5 1.5 0 011.5-1.5h13.5a1.5 1.5 0 011.5 1.5V22.5a.75.75 0 01-1.191.605v0z",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeWidth: 1.5,
         strokeLinecap: "round",
         strokeLinejoin: "round",
         fill: "none"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#ribbon)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/RoadmapIcon.js

@@ -24,7 +24,6 @@ export var RoadmapIcon = /*#__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,
@@ -40,17 +39,17 @@ export var RoadmapIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       children: /*#__PURE__*/_jsx("path", {
         d: "M.75 6.26a1.5 1.5 0 01.943-1.393l5.381-2.152a3 3 0 012.333.044l4.487 1.994a3 3 0 002.244.078l5.1-1.855a1.5 1.5 0 012.013 1.41v13.308a1.5 1.5 0 01-.987 1.409l-6.125 2.228a3 3 0 01-2.244-.078l-4.488-1.994a3 3 0 00-2.333-.044l-4.267 1.707A1.5 1.5 0 01.75 19.529zm11.625 4.984a.375.375 0 01.375.375m-.75 0a.375.375 0 01.375-.375m0 .75a.375.375 0 01-.375-.375m.75 0a.375.375 0 01-.375.375m-3 1.756a.375.375 0 01.375.375m-.75 0a.375.375 0 01.375-.375m0 .75A.375.375 0 019 14.125m.75 0a.375.375 0 01-.375.375m-3-3a.375.375 0 01.375.375m-.75 0a.375.375 0 01.375-.375m0 .75A.375.375 0 016 11.875m.75 0a.375.375 0 01-.375.375m-2.25 2.25a.375.375 0 01.375.375m-.75 0a.375.375 0 01.375-.375m0 .75a.375.375 0 01-.375-.375m.75 0a.375.375 0 01-.375.375M15.75 8.244l4.5 4.5m-4.5 0l4.5-4.5",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       })
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/RocketIcon.js

@@ -24,7 +24,6 @@ export var RocketIcon = /*#__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 RocketIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'space-rocket-flying',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'space-rocket-flying'
       }), /*#__PURE__*/_jsx("path", {
         d: "M22.5 1.567l-2.158.24a7.5 7.5 0 00-4.475 2.151L6.06 13.765l4.24 4.242L20.109 8.2a7.494 7.494 0 002.151-4.475zM6.06 13.765l-3.622-1.208a.749.749 0 01-.293-1.241l.232-.232a6 6 0 016.14-1.45l1.255.418z",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         d: "M6.06 13.765l-3.622-1.208a.749.749 0 01-.293-1.241l.232-.232a6 6 0 016.14-1.45l1.255.418zm4.24 4.242l1.208 3.622a.749.749 0 001.241.293l.233-.232a6 6 0 001.449-6.14l-.416-1.25z",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         d: "M10.3 18.007l1.208 3.622a.749.749 0 001.241.293l.233-.232a6 6 0 001.449-6.14l-.416-1.25zm-2.521.531a2.243 2.243 0 01-.659 1.591c-.878.878-5.3 2.121-5.3 2.121s1.243-4.425 2.121-5.3a2.246 2.246 0 011.444-.655",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#space-rocket-flying)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));

package/dist/icons/regular/RubyIcon.js

@@ -24,7 +24,6 @@ export var RubyIcon = /*#__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 RubyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'ruby-icon',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'Ruby Icon'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +48,11 @@ export var RubyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M7.354 9.354l-.708-.708L12 3.293l5.354 5.353-.708.708L12 4.707z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#ruby-icon)',
       children: /*#__PURE__*/_jsx("rect", {
         width: '24',
         height: '24',
-        fill: 'currentColor'
+        fill: 'red'
       })
     })]
   }));