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

package/dist/icons/regular/GrowthIcon.js

@@ -24,7 +24,7 @@ export var GrowthIcon = /*#__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 GrowthIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'growth'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M22.252.792a.749.749 0 01.986.84c-.426 2.391-1.764 7.207-5.6 6.9a3.534 3.534 0 11.562-7.047 10.583 10.583 0 004.052-.693z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M12 23.25V10.8a6 6 0 016-6M1.748.792a.749.749 0 00-.986.84c.426 2.391 1.764 7.207 5.6 6.9A3.534 3.534 0 105.8 1.485 10.583 10.583 0 011.748.792zM12 10.8a6 6 0 00-6-6M15 15h8.25M.75 15H9",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M12 18h.75a3.75 3.75 0 013.75 3.75m-4.5-1.5h-1.5a3 3 0 00-3 3",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'growth',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'growth'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M22.252.792a.749.749 0 01.986.84c-.426 2.391-1.764 7.207-5.6 6.9a3.534 3.534 0 11.562-7.047 10.583 10.583 0 004.052-.693z",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M12 23.25V10.8a6 6 0 016-6M1.748.792a.749.749 0 00-.986.84c.426 2.391 1.764 7.207 5.6 6.9A3.534 3.534 0 105.8 1.485 10.583 10.583 0 011.748.792zM12 10.8a6 6 0 00-6-6M15 15h8.25M.75 15H9",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M12 18h.75a3.75 3.75 0 013.75 3.75m-4.5-1.5h-1.5a3 3 0 00-3 3",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#growth)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/HalloweenBroomIcon.js

@@ -24,7 +24,7 @@ export var HalloweenBroomIcon = /*#__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,14 +32,23 @@ export var HalloweenBroomIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'halloween-broom'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M16.64 24a1.89 1.89 0 01-1.535-.779l-3.018-4.638a4.643 4.643 0 01-.884-3.824l-1.244-1.227a2.516 2.516 0 01-.452-2.953L.226 1.278A.75.75 0 011.288.219l9.28 9.301a2.515 2.515 0 011.17-.287c.672 0 1.304.261 1.777.735l1.257 1.24a4.632 4.632 0 013.801.89l4.639 3.028a.735.735 0 01.061.044c.727.581.924 1.627.457 2.435l-1.917 3.882a.75.75 0 01-.341.341l-3.88 1.916a1.9 1.9 0 01-.952.256zm-.301-1.631a.405.405 0 00.507.073l.062-.033 1.457-.72-2.41-2.41a.752.752 0 01.53-1.281c.2 0 .389.078.53.22l2.77 2.77.796-.393.639-1.294-2.936-2.201a.75.75 0 01.9-1.201l2.712 2.033.501-1.015.029-.053a.407.407 0 00-.073-.507l-4.63-3.022a.565.565 0 01-.061-.045 3.129 3.129 0 00-1.945-.682 3.1 3.1 0 00-2.205.914 3.117 3.117 0 00-.231 4.155c.016.02.031.04.044.061l3.014 4.631zm-4.604-11.637c-.272 0-.527.105-.719.297a1.02 1.02 0 000 1.439l.801.79a4.585 4.585 0 011.441-1.438l-.799-.788a1.02 1.02 0 00-.724-.3zm6.272-.984a.75.75 0 01-.75-.75v-1.5h-1.5a.75.75 0 010-1.5h1.5v-1.5a.75.75 0 011.5 0v1.5h1.5a.75.75 0 010 1.5h-1.5v1.5a.75.75 0 01-.75.75zm-7.5-5.25a.75.75 0 01-.75-.75v-.75h-.75a.75.75 0 010-1.5h.75v-.75a.75.75 0 011.5 0v.75h.75a.75.75 0 010 1.5h-.75v.75a.75.75 0 01-.75.75zm-8.25 9.751a.75.75 0 01-.75-.75v-.75h-.75a.75.75 0 010-1.5h.75v-.75a.75.75 0 011.5 0v.75h.75a.75.75 0 010 1.5h-.75v.75a.75.75 0 01-.75.75zm6.75 9.75a.75.75 0 01-.75-.75v-.75h-.75a.75.75 0 010-1.5h.75v-.75a.75.75 0 011.5 0v.75h.75a.75.75 0 010 1.5h-.75v.75a.75.75 0 01-.75.75zm-1.669-6.228a.796.796 0 01-.13-.011 1.126 1.126 0 01-.983-.983.717.717 0 010-.262c.06-.513.47-.922.983-.982a.698.698 0 01.26 0c.513.06.923.469.983.982a.717.717 0 010 .262c-.06.513-.47.922-.983.983a.786.786 0 01-.13.011zm-4.402 3.912a.796.796 0 01-.13-.011 1.126 1.126 0 01-.983-.982.717.717 0 010-.262c.06-.513.47-.922.983-.983a.796.796 0 01.26 0c.513.061.923.47.983.983a.717.717 0 010 .262c-.06.513-.47.922-.983.982a.786.786 0 01-.13.011zM21.034 2.998a.817.817 0 01-.131-.011 1.127 1.127 0 01-.983-.983.796.796 0 010-.26c.06-.513.47-.923.983-.983a.717.717 0 01.262 0c.513.06.922.47.982.983a.698.698 0 010 .26c-.06.513-.469.923-.982.983a.717.717 0 01-.131.011z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'halloween-broom',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'halloween-broom'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M16.64 24a1.89 1.89 0 01-1.535-.779l-3.018-4.638a4.643 4.643 0 01-.884-3.824l-1.244-1.227a2.516 2.516 0 01-.452-2.953L.226 1.278A.75.75 0 011.288.219l9.28 9.301a2.515 2.515 0 011.17-.287c.672 0 1.304.261 1.777.735l1.257 1.24a4.632 4.632 0 013.801.89l4.639 3.028a.735.735 0 01.061.044c.727.581.924 1.627.457 2.435l-1.917 3.882a.75.75 0 01-.341.341l-3.88 1.916a1.9 1.9 0 01-.952.256zm-.301-1.631a.405.405 0 00.507.073l.062-.033 1.457-.72-2.41-2.41a.752.752 0 01.53-1.281c.2 0 .389.078.53.22l2.77 2.77.796-.393.639-1.294-2.936-2.201a.75.75 0 01.9-1.201l2.712 2.033.501-1.015.029-.053a.407.407 0 00-.073-.507l-4.63-3.022a.565.565 0 01-.061-.045 3.129 3.129 0 00-1.945-.682 3.1 3.1 0 00-2.205.914 3.117 3.117 0 00-.231 4.155c.016.02.031.04.044.061l3.014 4.631zm-4.604-11.637c-.272 0-.527.105-.719.297a1.02 1.02 0 000 1.439l.801.79a4.585 4.585 0 011.441-1.438l-.799-.788a1.02 1.02 0 00-.724-.3zm6.272-.984a.75.75 0 01-.75-.75v-1.5h-1.5a.75.75 0 010-1.5h1.5v-1.5a.75.75 0 011.5 0v1.5h1.5a.75.75 0 010 1.5h-1.5v1.5a.75.75 0 01-.75.75zm-7.5-5.25a.75.75 0 01-.75-.75v-.75h-.75a.75.75 0 010-1.5h.75v-.75a.75.75 0 011.5 0v.75h.75a.75.75 0 010 1.5h-.75v.75a.75.75 0 01-.75.75zm-8.25 9.751a.75.75 0 01-.75-.75v-.75h-.75a.75.75 0 010-1.5h.75v-.75a.75.75 0 011.5 0v.75h.75a.75.75 0 010 1.5h-.75v.75a.75.75 0 01-.75.75zm6.75 9.75a.75.75 0 01-.75-.75v-.75h-.75a.75.75 0 010-1.5h.75v-.75a.75.75 0 011.5 0v.75h.75a.75.75 0 010 1.5h-.75v.75a.75.75 0 01-.75.75zm-1.669-6.228a.796.796 0 01-.13-.011 1.126 1.126 0 01-.983-.983.717.717 0 010-.262c.06-.513.47-.922.983-.982a.698.698 0 01.26 0c.513.06.923.469.983.982a.717.717 0 010 .262c-.06.513-.47.922-.983.983a.786.786 0 01-.13.011zm-4.402 3.912a.796.796 0 01-.13-.011 1.126 1.126 0 01-.983-.982.717.717 0 010-.262c.06-.513.47-.922.983-.983a.796.796 0 01.26 0c.513.061.923.47.983.983a.717.717 0 010 .262c-.06.513-.47.922-.983.982a.786.786 0 01-.13.011zM21.034 2.998a.817.817 0 01-.131-.011 1.127 1.127 0 01-.983-.983.796.796 0 010-.26c.06-.513.47-.923.983-.983a.717.717 0 01.262 0c.513.06.922.47.982.983a.698.698 0 010 .26c-.06.513-.469.923-.982.983a.717.717 0 01-.131.011z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#halloween-broom)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/HouseEntranceIcon.js

@@ -24,7 +24,7 @@ export var HouseEntranceIcon = /*#__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",
     width: width,
@@ -32,19 +32,28 @@ export var HouseEntranceIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'house-entrance'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M22.868 8.947L12 .747l-10.878 8.2a1.177 1.177 0 00-.377.8v12.522a.981.981 0 00.978.978h6.522V18a3.75 3.75 0 017.5 0v5.25h6.521a.982.982 0 00.979-.978V9.747a1.181 1.181 0 00-.377-.8z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'house-entrance',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'house-entrance'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M22.868 8.947L12 .747l-10.878 8.2a1.177 1.177 0 00-.377.8v12.522a.981.981 0 00.978.978h6.522V18a3.75 3.75 0 017.5 0v5.25h6.521a.982.982 0 00.979-.978V9.747a1.181 1.181 0 00-.377-.8z",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#house-entrance)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/HyperlinkIcon.js

@@ -24,7 +24,7 @@ export var HyperlinkIcon = /*#__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 HyperlinkIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'hyperlink-3'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M10.458 18.374L7.721 21.11a2.853 2.853 0 01-3.942 0l-.892-.891a2.787 2.787 0 010-3.941l5.8-5.8a2.789 2.789 0 013.942 0l.893.892a1 1 0 001.418-1.418l-.893-.892a4.791 4.791 0 00-6.771 0l-5.8 5.8a4.787 4.787 0 000 6.77l.892.891a4.785 4.785 0 006.771 0l2.736-2.735a1 1 0 10-1.414-1.415z"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M22.526 2.363l-.892-.892a4.8 4.8 0 00-6.77 0l-2.905 2.9a1 1 0 001.414 1.414l2.9-2.9a2.79 2.79 0 013.941 0l.893.893a2.786 2.786 0 010 3.942l-5.8 5.8a2.769 2.769 0 01-1.971.817 2.766 2.766 0 01-1.969-.816 1 1 0 10-1.415 1.412 4.751 4.751 0 003.384 1.4 4.752 4.752 0 003.385-1.4l5.8-5.8a4.786 4.786 0 000-6.771z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'hyperlink-3',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'hyperlink-3'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M10.458 18.374L7.721 21.11a2.853 2.853 0 01-3.942 0l-.892-.891a2.787 2.787 0 010-3.941l5.8-5.8a2.789 2.789 0 013.942 0l.893.892a1 1 0 001.418-1.418l-.893-.892a4.791 4.791 0 00-6.771 0l-5.8 5.8a4.787 4.787 0 000 6.77l.892.891a4.785 4.785 0 006.771 0l2.736-2.735a1 1 0 10-1.414-1.415z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M22.526 2.363l-.892-.892a4.8 4.8 0 00-6.77 0l-2.905 2.9a1 1 0 001.414 1.414l2.9-2.9a2.79 2.79 0 013.941 0l.893.893a2.786 2.786 0 010 3.942l-5.8 5.8a2.769 2.769 0 01-1.971.817 2.766 2.766 0 01-1.969-.816 1 1 0 10-1.415 1.412 4.751 4.751 0 003.384 1.4 4.752 4.752 0 003.385-1.4l5.8-5.8a4.786 4.786 0 000-6.771z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#hyperlink-3)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/ImageIcon.js

@@ -24,7 +24,7 @@ export var ImageIcon = /*#__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,35 +32,44 @@ export var ImageIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'common-file-horizontal-image'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("circle", {
-      cx: 7.08,
-      cy: 8.5,
-      r: 1.875,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M20.2 16.955L15.828 10.4a.844.844 0 00-1.393-.015L12.19 13.6l-1.39-1.117a.843.843 0 00-1.229.191l-2.865 4.3",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M2.25 3.023a1.5 1.5 0 00-1.5 1.5v14.954a1.5 1.5 0 001.5 1.5h19.5a1.5 1.5 0 001.5-1.5v-12a1.5 1.5 0 00-.426-1.047l-2.883-2.955a1.5 1.5 0 00-1.074-.452z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'common-file-horizontal-image',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'common-file-horizontal-image'
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 7.08,
+        cy: 8.5,
+        r: 1.875,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M20.2 16.955L15.828 10.4a.844.844 0 00-1.393-.015L12.19 13.6l-1.39-1.117a.843.843 0 00-1.229.191l-2.865 4.3",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M2.25 3.023a1.5 1.5 0 00-1.5 1.5v14.954a1.5 1.5 0 001.5 1.5h19.5a1.5 1.5 0 001.5-1.5v-12a1.5 1.5 0 00-.426-1.047l-2.883-2.955a1.5 1.5 0 00-1.074-.452z",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#common-file-horizontal-image)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/InProgressIcon.js

@@ -24,7 +24,7 @@ export var InProgressIcon = /*#__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,39 +32,48 @@ export var InProgressIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'navigation-menu-horizontal'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("circle", {
-      cx: 3.375,
-      cy: 12.023,
-      r: 2.625,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: 20.625,
-      cy: 12.023,
-      r: 2.625,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: 12,
-      cy: 12.023,
-      r: 2.625,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'navigation-menu-horizontal',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'navigation-menu-horizontal'
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 3.375,
+        cy: 12.023,
+        r: 2.625,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 20.625,
+        cy: 12.023,
+        r: 2.625,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 12,
+        cy: 12.023,
+        r: 2.625,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#navigation-menu-horizontal)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/InfoCircleIcon.js

@@ -24,7 +24,7 @@ export var InfoCircleIcon = /*#__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,28 +32,37 @@ export var InfoCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'information-circle'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M14.25 16.5h-.75A1.5 1.5 0 0112 15v-3.75a.75.75 0 00-.75-.75h-.75m1.125-3.75a.375.375 0 10.375.375.375.375 0 00-.375-.375h0",
-      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: 'information-circle',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'information-circle'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M14.25 16.5h-.75A1.5 1.5 0 0112 15v-3.75a.75.75 0 00-.75-.75h-.75m1.125-3.75a.375.375 0 10.375.375.375.375 0 00-.375-.375h0",
+        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(#information-circle)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/InformationalIcon.js

@@ -24,7 +24,7 @@ export var InformationalIcon = /*#__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",
     width: width,
@@ -32,26 +32,35 @@ export var InformationalIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'flag-information'
-    }) : 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 23.25V.75m0 19.543l3.154-.97a9.61 9.61 0 017.864 1 9.615 9.615 0 007.679 1.056l2.987-.853a1.126 1.126 0 00.816-1.082V3.637a1.126 1.126 0 00-1.434-1.082l-2.369.677a9.615 9.615 0 01-7.679-1.056 9.61 9.61 0 00-7.864-1L.75 2.145"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M14.25 16.5h-.75A1.5 1.5 0 0112 15v-3.75a.75.75 0 00-.75-.75h-.75m1.125-3.75h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'flag-information',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'flag-information'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M.75 23.25V.75m0 19.543l3.154-.97a9.61 9.61 0 017.864 1 9.615 9.615 0 007.679 1.056l2.987-.853a1.126 1.126 0 00.816-1.082V3.637a1.126 1.126 0 00-1.434-1.082l-2.369.677a9.615 9.615 0 01-7.679-1.056 9.61 9.61 0 00-7.864-1L.75 2.145"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M14.25 16.5h-.75A1.5 1.5 0 0112 15v-3.75a.75.75 0 00-.75-.75h-.75m1.125-3.75h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#flag-information)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/InstagramIcon.js

@@ -24,7 +24,7 @@ export var InstagramIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -35,9 +35,21 @@ export var InstagramIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      fill: "currentColor",
-      d: "M14 16H2c-1.1 0-2-.9-2-2V2C0 .9.9 0 2 0h12c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2zM8 4.9c-1.2 0-2.3.7-2.8 1.8 0 .1-.1.1-.1.2V7c-.1.1-.1.2-.1.2v.7C5 9.6 6.4 11 8.1 11s3.1-1.4 3.1-3.1v-.7s0-.1-.1-.2v-.1c0-.1-.1-.1-.1-.2-.7-1.1-1.8-1.8-3-1.8zm6.2-2.3c0-.4-.4-.8-.8-.8h-1.6c-.4 0-.8.4-.8.8v1.6c0 .4.4.8.8.8h1.6c.4 0 .8-.4.8-.8V2.6zm0 4.1h-1.5c.1.4.2.8.2 1.3 0 2.7-2.2 4.9-4.9 4.9S3.1 10.7 3.1 8c0-.5.1-.9.2-1.3H1.8v6.7c0 .4.4.8.8.8h10.8c.4 0 .8-.4.8-.8V6.7z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'instagram',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'instagram'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#fff",
+        d: "M14 16H2c-1.1 0-2-.9-2-2V2C0 .9.9 0 2 0h12c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2zM8 4.9c-1.2 0-2.3.7-2.8 1.8 0 .1-.1.1-.1.2V7c-.1.1-.1.2-.1.2v.7C5 9.6 6.4 11 8.1 11s3.1-1.4 3.1-3.1v-.7s0-.1-.1-.2v-.1c0-.1-.1-.1-.1-.2-.7-1.1-1.8-1.8-3-1.8zm6.2-2.3c0-.4-.4-.8-.8-.8h-1.6c-.4 0-.8.4-.8.8v1.6c0 .4.4.8.8.8h1.6c.4 0 .8-.4.8-.8V2.6zm0 4.1h-1.5c.1.4.2.8.2 1.3 0 2.7-2.2 4.9-4.9 4.9S3.1 10.7 3.1 8c0-.5.1-.9.2-1.3H1.8v6.7c0 .4.4.8.8.8h10.8c.4 0 .8-.4.8-.8V6.7z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#instagram)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/InstructionsIcon.js

@@ -24,7 +24,7 @@ export var InstructionsIcon = /*#__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",
     width: width,
@@ -32,31 +32,40 @@ export var InstructionsIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'check-2'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M6 13.223L8.45 16.7a1.049 1.049 0 001.707.051L18 6.828",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("rect", {
-      x: 0.75,
-      y: 0.749,
-      width: 22.5,
-      height: 22.5,
-      rx: 1.5,
-      ry: 1.5,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'check-2',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'check-2'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M6 13.223L8.45 16.7a1.049 1.049 0 001.707.051L18 6.828",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("rect", {
+        x: 0.75,
+        y: 0.749,
+        width: 22.5,
+        height: 22.5,
+        rx: 1.5,
+        ry: 1.5,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#check-2)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });