@codecademy/gamut-icons 8.1.1 → 8.1.2-alpha.0dbbca.0

package/dist/icons/regular/MenuIcon.js

@@ -8,6 +8,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import * as React from 'react';
 import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var MenuIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,12 +22,14 @@ export var MenuIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var maskId = useIconId('MenuIcon');
   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",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -38,13 +41,23 @@ export var MenuIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5,
-      d: "M2.25 18.003h19.5m-19.5-6h19.5m-19.5-6h19.5"
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M2.25 18.003h19.5m-19.5-6h19.5m-19.5-6h19.5"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/MinimizeIcon.js

@@ -8,6 +8,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import * as React from 'react';
 import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var MinimizeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,12 +22,14 @@ export var MinimizeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var maskId = useIconId('MinimizeIcon');
   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",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -38,13 +41,23 @@ export var MinimizeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     }) : 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.25.748l-9 9m-4.5 11.25v-6.75H3m11.25-11.25v6.75H21m-11.25 4.5l-9 9"
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M23.25.748l-9 9m-4.5 11.25v-6.75H3m11.25-11.25v6.75H21m-11.25 4.5l-9 9"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/MonitorBookIcon.js

@@ -8,6 +8,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import * as React from 'react';
 import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var MonitorBookIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,33 +22,48 @@ export var MonitorBookIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var maskId = useIconId('MonitorBookIcon');
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 140 140",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'monitor-book'
+    }) : 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: "".concat(maskId),
+      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(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/MultipleActionsViewIcon.js

@@ -8,6 +8,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import * as React from 'react';
 import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var MultipleActionsViewIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,12 +22,14 @@ export var MultipleActionsViewIcon = /*#__PURE__*/React.forwardRef(function (_re
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var maskId = useIconId('MultipleActionsViewIcon');
   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",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -38,14 +41,24 @@ export var MultipleActionsViewIcon = /*#__PURE__*/React.forwardRef(function (_re
     }) : 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: "".concat(maskId),
+      children: [/*#__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(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/MultipleUsersIcon.js

@@ -8,6 +8,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import * as React from 'react';
 import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var MultipleUsersIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,27 +22,42 @@ export var MultipleUsersIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var maskId = useIconId('MultipleUsersIcon');
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 140 140",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'multiple-users'
+    }) : 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: "".concat(maskId),
+      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(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/NarrativeIcon.js

@@ -8,6 +8,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import * as React from 'react';
 import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var NarrativeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,12 +22,14 @@ export var NarrativeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var maskId = useIconId('NarrativeIcon');
   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",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -38,13 +41,23 @@ export var NarrativeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     }) : 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__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__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(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/NetworkUserIcon.js

@@ -8,6 +8,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import * as React from 'react';
 import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var NetworkUserIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,31 +22,46 @@ export var NetworkUserIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var maskId = useIconId('NetworkUserIcon');
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     viewBox: "0 0 140 140",
     xmlns: "http://www.w3.org/2000/svg",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'network-user'
+    }) : 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: "".concat(maskId),
+      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(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/NotebookIcon.js

@@ -8,6 +8,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import * as React from 'react';
 import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var NotebookIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,12 +22,14 @@ export var NotebookIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var maskId = useIconId('NotebookIcon');
   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",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -38,44 +41,54 @@ export var NotebookIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     }) : 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: "".concat(maskId),
+      children: [/*#__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(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/ObjectiveIcon.js

@@ -8,6 +8,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import * as React from 'react';
 import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ObjectiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,12 +22,14 @@ export var ObjectiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var maskId = useIconId('ObjectiveIcon');
   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",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -38,13 +41,23 @@ export var ObjectiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     }) : 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__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__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(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });