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

package/dist/icons/regular/ResponsiveIcon.js

@@ -24,7 +24,7 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,38 +32,47 @@ export var ResponsiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'responsive-design-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: "M15.75 14.25l.75 4.5m-1.5 0h3.75m-3-7.5h7.5m-7.5 3h6a1.5 1.5 0 001.5-1.5V2.25a1.5 1.5 0 00-1.5-1.5H5.25a1.5 1.5 0 00-1.5 1.5"
-    }), /*#__PURE__*/_jsx("rect", {
-      x: 0.75,
-      y: 11.25,
-      width: 7.5,
-      height: 12,
-      rx: 1.5,
-      ry: 1.5,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5,
-      d: "M.75 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"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'responsive-design-1',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'responsive-design-1'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M15.75 14.25l.75 4.5m-1.5 0h3.75m-3-7.5h7.5m-7.5 3h6a1.5 1.5 0 001.5-1.5V2.25a1.5 1.5 0 00-1.5-1.5H5.25a1.5 1.5 0 00-1.5 1.5"
+      }), /*#__PURE__*/_jsx("rect", {
+        x: 0.75,
+        y: 11.25,
+        width: 7.5,
+        height: 12,
+        rx: 1.5,
+        ry: 1.5,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M.75 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: 'url(#responsive-design-1)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/RibbonDoubleFilledIcon.js

@@ -24,7 +24,7 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,26 +32,35 @@ export var RibbonDoubleFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'ribbon-double-filled'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__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",
-      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",
-      strokeWidth: 1.5,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      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: "#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: "#fff",
+        stroke: "#fff",
+        strokeWidth: 1.5,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#ribbon-double-filled)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/RibbonDoubleIcon.js

@@ -24,7 +24,7 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,26 +32,35 @@ export var RibbonDoubleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'ribbon-double'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__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",
-      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",
-      strokeWidth: 1.5,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      fill: "none"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      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: "#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: "#fff",
+        strokeWidth: 1.5,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        fill: "none"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#ribbon-double)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/RibbonFilledIcon.js

@@ -24,7 +24,7 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,19 +32,28 @@ export var RibbonFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'ribbon-filled'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__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",
-      strokeWidth: 1.5,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      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: "#fff",
+        stroke: "#fff",
+        strokeWidth: 1.5,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#ribbon-filled)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/RibbonIcon.js

@@ -24,7 +24,7 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,19 +32,28 @@ export var RibbonIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'ribbon'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__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",
-      strokeWidth: 1.5,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      fill: "none"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      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: "#fff",
+        strokeWidth: 1.5,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        fill: "none"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#ribbon)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/RoadmapIcon.js

@@ -24,7 +24,7 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -35,13 +35,25 @@ export var RoadmapIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__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",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'roadmap',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'roadmap'
+      }), /*#__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: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#roadmap)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/RocketIcon.js

@@ -24,7 +24,7 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,33 +32,42 @@ export var RocketIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'space-rocket-flying'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__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",
-      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",
-      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",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      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: "#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: "#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: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#space-rocket-flying)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/RubyIcon.js

@@ -24,7 +24,7 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,20 +32,29 @@ export var RubyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'Ruby Icon'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M1.5 9.5v-1h21v1z"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M12 19.52l9.733-10.618L18.465 4H5.535L2.267 8.902 12 19.52zM5 3h14l4 6-11 12L1 9l4-6z"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M12 18.753L18.542 3.8a.5.5 0 01.916.4l-7 16a.5.5 0 01-.916 0l-7-16a.5.5 0 01.916-.4L12 18.753z"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M7.354 9.354l-.708-.708L12 3.293l5.354 5.353-.708.708L12 4.707z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'ruby-icon',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'Ruby Icon'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M1.5 9.5v-1h21v1z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M12 19.52l9.733-10.618L18.465 4H5.535L2.267 8.902 12 19.52zM5 3h14l4 6-11 12L1 9l4-6z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M12 18.753L18.542 3.8a.5.5 0 01.916.4l-7 16a.5.5 0 01-.916 0l-7-16a.5.5 0 01.916-.4L12 18.753z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M7.354 9.354l-.708-.708L12 3.293l5.354 5.353-.708.708L12 4.707z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#ruby-icon)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/SearchIcon.js

@@ -24,7 +24,7 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,29 +32,53 @@ export var SearchIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'search'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("circle", {
-      cx: 9.813,
-      cy: 9.812,
-      r: 9.063,
-      transform: "rotate(-23.025 9.813 9.812)",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5,
-      d: "M16.221 16.22l7.029 7.03"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'search',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'search'
+      }), /*#__PURE__*/_jsxs("mask", {
+        id: "search-icon_svg__a",
+        style: {
+          maskType: 'alpha'
+        },
+        maskUnits: "userSpaceOnUse",
+        x: 0,
+        y: 0,
+        children: [/*#__PURE__*/_jsx("circle", {
+          cx: 9.813,
+          cy: 9.812,
+          r: 9.063,
+          transform: "rotate(-23.025 9.813 9.812)",
+          fill: "none",
+          stroke: "#fff",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 1.5
+        }), /*#__PURE__*/_jsx("path", {
+          fill: "none",
+          stroke: "#fff",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 1.5,
+          d: "M16.221 16.22l7.029 7.03"
+        })]
+      }), /*#__PURE__*/_jsx("g", {
+        mask: "url(#search-icon_svg__a)",
+        children: /*#__PURE__*/_jsx("path", {
+          fill: "#fff",
+          d: "M0 0h24v24H0z"
+        })
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#search)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/SettingsSliderVerticalIcon.js

@@ -24,7 +24,7 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,19 +32,28 @@ export var SettingsSliderVerticalIcon = /*#__PURE__*/React.forwardRef(function (
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'settings-vertical'
-    }) : 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: "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"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'settings-vertical',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'settings-vertical'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        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: 'url(#settings-vertical)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });