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

package/dist/icons/regular/MonitorBookIcon.js

@@ -24,7 +24,6 @@ export var MonitorBookIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 140 140",
-    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -35,19 +34,29 @@ export var MonitorBookIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("g", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 8.75,
-      children: [/*#__PURE__*/_jsx("path", {
-        d: "M100.625 84.303c0-8.703 15.528-13.726 31.96-14.28a3.296 3.296 0 012.142.66 2.217 2.217 0 01.898 1.75v38.22a2.666 2.666 0 01-2.8 2.385 56.192 56.192 0 00-32.2 9.462 56.192 56.192 0 00-32.2-9.502 2.672 2.672 0 01-2.8-2.386V72.409a2.217 2.217 0 01.898-1.75A3.296 3.296 0 0168.664 70c16.433.583 31.961 5.6 31.961 14.303zm0 0v38.214"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M48.125 100.642H10.208a5.903 5.903 0 01-5.833-5.932V23.456a5.91 5.91 0 015.833-5.956h93.334a5.903 5.903 0 015.833 5.938V53.13M27.2 122.517h20.925m0-21.875v21.876"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M21.875 39.392l17.5 13.125-17.5 13.125m35-13.125H78.75"
-      })]
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: '',
+      children: /*#__PURE__*/_jsxs("g", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 8.75,
+        children: [/*#__PURE__*/_jsx("path", {
+          d: "M100.625 84.303c0-8.703 15.528-13.726 31.96-14.28a3.296 3.296 0 012.142.66 2.217 2.217 0 01.898 1.75v38.22a2.666 2.666 0 01-2.8 2.385 56.192 56.192 0 00-32.2 9.462 56.192 56.192 0 00-32.2-9.502 2.672 2.672 0 01-2.8-2.386V72.409a2.217 2.217 0 01.898-1.75A3.296 3.296 0 0168.664 70c16.433.583 31.961 5.6 31.961 14.303zm0 0v38.214"
+        }), /*#__PURE__*/_jsx("path", {
+          d: "M48.125 100.642H10.208a5.903 5.903 0 01-5.833-5.932V23.456a5.91 5.91 0 015.833-5.956h93.334a5.903 5.903 0 015.833 5.938V53.13M27.2 122.517h20.925m0-21.875v21.876"
+        }), /*#__PURE__*/_jsx("path", {
+          d: "M21.875 39.392l17.5 13.125-17.5 13.125m35-13.125H78.75"
+        })]
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });

package/dist/icons/regular/MultipleActionsViewIcon.js

@@ -24,7 +24,6 @@ export var MultipleActionsViewIcon = /*#__PURE__*/React.forwardRef(function (_re
   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,
@@ -32,20 +31,29 @@ export var MultipleActionsViewIcon = /*#__PURE__*/React.forwardRef(function (_re
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'multiple-actions-view'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M5.999 7.5c-2.068 0-3.75-1.682-3.75-3.75S3.932 0 5.999 0s3.75 1.682 3.75 3.75S8.067 7.5 5.999 7.5zm0-6c-1.241 0-2.25 1.009-2.25 2.25S4.759 6 5.999 6s2.25-1.009 2.25-2.25S7.24 1.5 5.999 1.5z"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M3.749 24a.747.747 0 01-.746-.675L2.321 16.5H.749a.75.75 0 01-.75-.75V13.5c0-1.579.609-3.069 1.714-4.197a5.963 5.963 0 014.225-1.802h.071A5.96 5.96 0 0110.2 9.215a.747.747 0 01-.525 1.285.747.747 0 01-.525-.214 4.493 4.493 0 00-3.164-1.285h-.034a4.475 4.475 0 00-3.167 1.351A4.478 4.478 0 001.499 13.5V15h1.5c.387 0 .708.29.746.675l.683 6.825h3.143l.218-2.175a.747.747 0 01.826-.672.746.746 0 01.668.821l-.286 2.85a.75.75 0 01-.748.676h-4.5z"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M23.249 24a.743.743 0 01-.53-.22l-3.293-3.294a5.99 5.99 0 01-3.677 1.263c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6a5.989 5.989 0 01-1.263 3.676l3.293 3.294a.752.752 0 01-.53 1.281zm-7.5-12.75c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.018-4.5-4.5-4.5zm.75-4.5c-1.861 0-3.375-1.514-3.375-3.375S14.638 0 16.499 0s3.375 1.514 3.375 3.375-1.513 3.375-3.375 3.375zm0-5.25c-1.034 0-1.875.841-1.875 1.875s.841 1.875 1.875 1.875 1.875-.841 1.875-1.875S17.533 1.5 16.499 1.5z"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M20.4 9.75a.751.751 0 01-.649-.375 3.723 3.723 0 00-2.278-1.747 3.744 3.744 0 00-2.845.376 3.783 3.783 0 00-.948.779.752.752 0 01-1.13-.988 5.258 5.258 0 013.945-1.797c.458 0 .917.061 1.365.18a5.214 5.214 0 013.188 2.445.751.751 0 01-.648 1.127z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'multiple-actions-view',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'multiple-actions-view'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M5.999 7.5c-2.068 0-3.75-1.682-3.75-3.75S3.932 0 5.999 0s3.75 1.682 3.75 3.75S8.067 7.5 5.999 7.5zm0-6c-1.241 0-2.25 1.009-2.25 2.25S4.759 6 5.999 6s2.25-1.009 2.25-2.25S7.24 1.5 5.999 1.5z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M3.749 24a.747.747 0 01-.746-.675L2.321 16.5H.749a.75.75 0 01-.75-.75V13.5c0-1.579.609-3.069 1.714-4.197a5.963 5.963 0 014.225-1.802h.071A5.96 5.96 0 0110.2 9.215a.747.747 0 01-.525 1.285.747.747 0 01-.525-.214 4.493 4.493 0 00-3.164-1.285h-.034a4.475 4.475 0 00-3.167 1.351A4.478 4.478 0 001.499 13.5V15h1.5c.387 0 .708.29.746.675l.683 6.825h3.143l.218-2.175a.747.747 0 01.826-.672.746.746 0 01.668.821l-.286 2.85a.75.75 0 01-.748.676h-4.5z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M23.249 24a.743.743 0 01-.53-.22l-3.293-3.294a5.99 5.99 0 01-3.677 1.263c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6a5.989 5.989 0 01-1.263 3.676l3.293 3.294a.752.752 0 01-.53 1.281zm-7.5-12.75c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.018-4.5-4.5-4.5zm.75-4.5c-1.861 0-3.375-1.514-3.375-3.375S14.638 0 16.499 0s3.375 1.514 3.375 3.375-1.513 3.375-3.375 3.375zm0-5.25c-1.034 0-1.875.841-1.875 1.875s.841 1.875 1.875 1.875 1.875-.841 1.875-1.875S17.533 1.5 16.499 1.5z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M20.4 9.75a.751.751 0 01-.649-.375 3.723 3.723 0 00-2.278-1.747 3.744 3.744 0 00-2.845.376 3.783 3.783 0 00-.948.779.752.752 0 01-1.13-.988 5.258 5.258 0 013.945-1.797c.458 0 .917.061 1.365.18a5.214 5.214 0 013.188 2.445.751.751 0 01-.648 1.127z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#multiple-actions-view)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });

package/dist/icons/regular/MultipleUsersIcon.js

@@ -24,7 +24,6 @@ export var MultipleUsersIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 140 140",
-    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -35,13 +34,23 @@ export var MultipleUsersIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M13.125 35a13.125 13.125 0 1026.25 0 13.125 13.125 0 10-26.25 0zM26.25 56.875A21.875 21.875 0 004.375 78.75v13.125h8.75l4.375 35H35M100.625 35a13.125 13.125 0 1026.25 0 13.125 13.125 0 10-26.25 0zm13.125 21.875a21.875 21.875 0 0121.875 21.875v13.125h-8.75l-4.375 35H105m-52.5-105a17.5 17.5 0 1035 0 17.5 17.5 0 10-35 0zm48.125 56.875a30.625 30.625 0 00-61.25 0v13.125H52.5l4.375 43.75h26.25l4.375-43.75h13.125z",
-      strokeWidth: 8.75,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: '',
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M13.125 35a13.125 13.125 0 1026.25 0 13.125 13.125 0 10-26.25 0zM26.25 56.875A21.875 21.875 0 004.375 78.75v13.125h8.75l4.375 35H35M100.625 35a13.125 13.125 0 1026.25 0 13.125 13.125 0 10-26.25 0zm13.125 21.875a21.875 21.875 0 0121.875 21.875v13.125h-8.75l-4.375 35H105m-52.5-105a17.5 17.5 0 1035 0 17.5 17.5 0 10-35 0zm48.125 56.875a30.625 30.625 0 00-61.25 0v13.125H52.5l4.375 43.75h26.25l4.375-43.75h13.125z",
+        strokeWidth: 8.75,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });

package/dist/icons/regular/NarrativeIcon.js

@@ -24,7 +24,6 @@ export var NarrativeIcon = /*#__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,
@@ -32,19 +31,28 @@ export var NarrativeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'book-open-2'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M11.458 21.269a1.6 1.6 0 001.085 0 13.66 13.66 0 018.7-.448 1.607 1.607 0 002.006-1.559V4.928a1.607 1.607 0 00-1.12-1.528 13.878 13.878 0 00-9.586.2 1.61 1.61 0 01-1.085 0 13.881 13.881 0 00-9.587-.2A1.607 1.607 0 00.75 4.928v14.334a1.607 1.607 0 002.006 1.559 13.663 13.663 0 018.702.448zM12 3.682v17.682",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'book-open-2',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'book-open-2'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M11.458 21.269a1.6 1.6 0 001.085 0 13.66 13.66 0 018.7-.448 1.607 1.607 0 002.006-1.559V4.928a1.607 1.607 0 00-1.12-1.528 13.878 13.878 0 00-9.586.2 1.61 1.61 0 01-1.085 0 13.881 13.881 0 00-9.587-.2A1.607 1.607 0 00.75 4.928v14.334a1.607 1.607 0 002.006 1.559 13.663 13.663 0 018.702.448zM12 3.682v17.682",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#book-open-2)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });

package/dist/icons/regular/NetworkUserIcon.js

@@ -24,7 +24,6 @@ export var NetworkUserIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     viewBox: "0 0 140 140",
     xmlns: "http://www.w3.org/2000/svg",
-    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -35,17 +34,27 @@ export var NetworkUserIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("g", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 8.75,
-      children: [/*#__PURE__*/_jsx("path", {
-        d: "M56.787 134.3a65.63 65.63 0 1178.272-72.98m-80.873 72.392C45.313 120.686 39.375 97.032 39.375 70s5.938-50.68 14.81-63.706M4.52 65.63h69.855m-56.881-35H122.5m-110.553 70H61.25M85.814 6.294a94.407 94.407 0 0112.834 37.45"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M89.688 76.568a15.313 15.313 0 1030.624 0 15.313 15.313 0 10-30.624 0zM105 96.25a30.625 30.625 0 00-30.625 30.625v8.75h61.25v-8.75A30.62 30.62 0 00105 96.25z"
-      })]
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: '',
+      children: /*#__PURE__*/_jsxs("g", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 8.75,
+        children: [/*#__PURE__*/_jsx("path", {
+          d: "M56.787 134.3a65.63 65.63 0 1178.272-72.98m-80.873 72.392C45.313 120.686 39.375 97.032 39.375 70s5.938-50.68 14.81-63.706M4.52 65.63h69.855m-56.881-35H122.5m-110.553 70H61.25M85.814 6.294a94.407 94.407 0 0112.834 37.45"
+        }), /*#__PURE__*/_jsx("path", {
+          d: "M89.688 76.568a15.313 15.313 0 1030.624 0 15.313 15.313 0 10-30.624 0zM105 96.25a30.625 30.625 0 00-30.625 30.625v8.75h61.25v-8.75A30.62 30.62 0 00105 96.25z"
+        })]
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });

package/dist/icons/regular/NotebookIcon.js

@@ -24,7 +24,6 @@ export var NotebookIcon = /*#__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,
@@ -32,50 +31,59 @@ export var NotebookIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'notes-book'
-    }) : 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 4.5h3m-3 7.5h3m-3 6h3"
-    }), /*#__PURE__*/_jsx("rect", {
-      x: 2.25,
-      y: 0.75,
-      width: 17.25,
-      height: 22.5,
-      rx: 1.5,
-      ry: 1.5,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("rect", {
-      x: 7.501,
-      y: 5.25,
-      width: 8.249,
-      height: 5.25,
-      rx: 1.5,
-      ry: 1.5,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M19.5 2.25v13.5h2.25a1.5 1.5 0 001.5-1.5V3.75a1.5 1.5 0 00-1.5-1.5zm0 4.5h3.75m-3.75 4.5h3.75",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'notes-book',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'notes-book'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M.75 4.5h3m-3 7.5h3m-3 6h3"
+      }), /*#__PURE__*/_jsx("rect", {
+        x: 2.25,
+        y: 0.75,
+        width: 17.25,
+        height: 22.5,
+        rx: 1.5,
+        ry: 1.5,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("rect", {
+        x: 7.501,
+        y: 5.25,
+        width: 8.249,
+        height: 5.25,
+        rx: 1.5,
+        ry: 1.5,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M19.5 2.25v13.5h2.25a1.5 1.5 0 001.5-1.5V3.75a1.5 1.5 0 00-1.5-1.5zm0 4.5h3.75m-3.75 4.5h3.75",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#notes-book)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });

package/dist/icons/regular/ObjectiveIcon.js

@@ -24,7 +24,6 @@ export var ObjectiveIcon = /*#__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,
@@ -32,19 +31,28 @@ export var ObjectiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'target-center'
-    }) : 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: "M11.016 11.859l4.167-4.167m0 0l.568-3.75L18.999.75l.502 2.624 2.624.502-3.192 3.248-3.75.568zm5.872 1.821A9.75 9.75 0 1112.614 2.3m4.108 8.437a5.251 5.251 0 11-5.1-3.987m-5.106 13.5l-.75 3m11.25-3l.75 3"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'target-center',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'target-center'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M11.016 11.859l4.167-4.167m0 0l.568-3.75L18.999.75l.502 2.624 2.624.502-3.192 3.248-3.75.568zm5.872 1.821A9.75 9.75 0 1112.614 2.3m4.108 8.437a5.251 5.251 0 11-5.1-3.987m-5.106 13.5l-.75 3m11.25-3l.75 3"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#target-center)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });

package/dist/icons/regular/OpenIcon.js

@@ -24,7 +24,6 @@ export var OpenIcon = /*#__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,
@@ -32,19 +31,28 @@ export var OpenIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'expand-6'
-    }) : 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: "M23.251 7.498V.748h-6.75m6.75 0l-15 15m3-10.5h-9a1.5 1.5 0 00-1.5 1.5v15a1.5 1.5 0 001.5 1.5h15a1.5 1.5 0 001.5-1.5v-9"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'expand-6',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'expand-6'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M23.251 7.498V.748h-6.75m6.75 0l-15 15m3-10.5h-9a1.5 1.5 0 00-1.5 1.5v15a1.5 1.5 0 001.5 1.5h15a1.5 1.5 0 001.5-1.5v-9"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#expand-6)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });

package/dist/icons/regular/OverviewIcon.js

@@ -24,7 +24,6 @@ export var OverviewIcon = /*#__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,
@@ -32,31 +31,40 @@ export var OverviewIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'paginate-filter-text'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("rect", {
-      x: 3.75,
-      y: 0.746,
-      width: 19.5,
-      height: 19.5,
-      rx: 1.5,
-      ry: 1.5,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M20.25 23.246h-18a1.5 1.5 0 01-1.5-1.5v-18m7.5 3h10.5m-10.5 3h10.5m-10.5 3h7.5",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'paginate-filter-text',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'paginate-filter-text'
+      }), /*#__PURE__*/_jsx("rect", {
+        x: 3.75,
+        y: 0.746,
+        width: 19.5,
+        height: 19.5,
+        rx: 1.5,
+        ry: 1.5,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M20.25 23.246h-18a1.5 1.5 0 01-1.5-1.5v-18m7.5 3h10.5m-10.5 3h10.5m-10.5 3h7.5",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#paginate-filter-text)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });

package/dist/icons/regular/PathChangeIcon.js

@@ -24,7 +24,6 @@ export var PathChangeIcon = /*#__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,
@@ -32,19 +31,28 @@ export var PathChangeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'flag-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.75v22.5m0-21H22.5a.75.75 0 01.56 1.248L19.055 8a1.5 1.5 0 000 1.994l4 4.505a.75.75 0 01-.56 1.248H.75"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'flag-1',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'flag-1'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M.75.75v22.5m0-21H22.5a.75.75 0 01.56 1.248L19.055 8a1.5 1.5 0 000 1.994l4 4.505a.75.75 0 01-.56 1.248H.75"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#flag-1)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });

package/dist/icons/regular/PathCompleteIcon.js

@@ -24,7 +24,6 @@ export var PathCompleteIcon = /*#__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",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,19 +31,28 @@ export var PathCompleteIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'flags'
-    }) : 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: "M16.32 3.027L9.035 20.973m6.721-16.556l7.26 2.948a.375.375 0 01.042.675L20.6 9.418a1.5 1.5 0 00-.705 1.737l.8 2.705a.375.375 0 01-.5.454l-7.26-2.947M7.68 3.027l7.285 17.946M8.244 4.417L.984 7.365a.375.375 0 00-.042.675L3.4 9.418a1.5 1.5 0 01.705 1.737l-.8 2.705a.375.375 0 00.5.454l7.261-2.947"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'flags',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'flags'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M16.32 3.027L9.035 20.973m6.721-16.556l7.26 2.948a.375.375 0 01.042.675L20.6 9.418a1.5 1.5 0 00-.705 1.737l.8 2.705a.375.375 0 01-.5.454l-7.26-2.947M7.68 3.027l7.285 17.946M8.244 4.417L.984 7.365a.375.375 0 00-.042.675L3.4 9.418a1.5 1.5 0 01.705 1.737l-.8 2.705a.375.375 0 00.5.454l7.261-2.947"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#flags)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });