@codecademy/gamut-icons 8.0.2-alpha.b6f449.0 → 8.0.2-alpha.cef563.0

package/dist/icons/regular/MapFingerIcon.js

@@ -24,9 +24,10 @@ export var MapFingerIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
   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,
@@ -36,22 +37,22 @@ export var MapFingerIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'travel-map-finger',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'travel-map-finger'
       }), /*#__PURE__*/_jsx("path", {
         d: "M74.334 135.613l-16.129-18.135a9.084 9.084 0 1113.58-12.07l11.3 12.705v-52.5a8.75 8.75 0 1117.5 0V105h8.75a26.25 26.25 0 0126.25 26.25v4.375m-120.325-.63a73.587 73.587 0 01-7.093-15.517m-3.39-15.855a75.25 75.25 0 01.199-17.068m3.884-15.75a72.817 72.817 0 017.683-15.243m10.29-12.552a73.646 73.646 0 0113.493-10.425m14.734-6.767a54.56 54.56 0 018.25-2.246M83.084 4.363l26.25 26.25m0-26.25l-26.25 26.25",
         strokeWidth: 8.75,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#travel-map-finger)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/MapPinIcon.js

@@ -24,9 +24,10 @@ export var MapPinIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   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,
@@ -36,12 +37,12 @@ export var MapPinIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'maps-pin-1',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'maps-pin-1'
       }), /*#__PURE__*/_jsxs("g", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 8.75,
@@ -52,10 +53,10 @@ export var MapPinIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         })]
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#maps-pin-1)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/MarkerIcon.js

@@ -24,9 +24,10 @@ export var MarkerIcon = /*#__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",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,22 +37,22 @@ export var MarkerIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'pin-location',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'pin-location'
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
         d: "M.75 23.25h22.5m-3.75-15c0 4.142-7.5 10.5-7.5 10.5s-7.5-6.358-7.5-10.5a7.5 7.5 0 0115 0z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#pin-location)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/MastercardIcon.js

@@ -24,9 +24,10 @@ export var MastercardIcon = /*#__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",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,45 +37,45 @@ export var MastercardIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'mastercard',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'mastercard'
       }), /*#__PURE__*/_jsx("path", {
         d: "M.504 3.5h23v17h-23z",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }), /*#__PURE__*/_jsx("path", {
         d: "M13.5 12a5 5 0 11-5-5 5 5 0 015 5z",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }), /*#__PURE__*/_jsx("path", {
         d: "M13.5 12a5 5 0 11-5-5 5 5 0 015 5z",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }), /*#__PURE__*/_jsx("path", {
         d: "M12.018 15.557A4.949 4.949 0 0015.5 17a5 5 0 100-10 4.945 4.945 0 00-3.486 1.444",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }), /*#__PURE__*/_jsx("path", {
         d: "M12.5 11.9a.1.1 0 10.1.1.1.1 0 00-.1-.1m0 2a.1.1 0 000 .2.1.1 0 00.092-.056.073.073 0 00.008-.033V14a.1.1 0 00-.1-.1m0-4a.1.1 0 10.1.1v-.011a.073.073 0 00-.008-.033.1.1 0 00-.092-.056m-6-1a.1.1 0 10.1.1.1.1 0 00-.1-.1m4 0a.1.1 0 10.1.1.1.1 0 00-.1-.1m0 2a.1.1 0 10.1.1.1.1 0 00-.1-.1m0 2a.1.1 0 10.1.1.1.1 0 00-.1-.1m0 2a.1.1 0 10.1.1.1.1 0 00-.1-.1m-4-4a.1.1 0 10.1.1.1.1 0 00-.1-.1m0 2a.1.1 0 10.1.1.1.1 0 00-.1-.1m0 2a.1.1 0 10.1.1.1.1 0 00-.1-.1m2-5a.1.1 0 10.1.1.1.1 0 00-.1-.1m0-2a.1.1 0 10.1.1.1.1 0 00-.1-.1m0 4a.1.1 0 10.1.1.1.1 0 00-.1-.1m0 2a.1.1 0 10.1.1.1.1 0 00-.1-.1m0 2a.1.1 0 10.1.1.1.1 0 00-.1-.1m-4-4a.1.1 0 10.1.1.1.1 0 00-.1-.1m0 2a.1.1 0 00-.1.1.118.118 0 00.014.055.084.084 0 00.075.045H4.5a.1.1 0 100-.2m0-4h-.007a.083.083 0 00-.075.045A.118.118 0 004.4 10a.1.1 0 10.1-.1",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#mastercard)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/MediumIcon.js

@@ -24,9 +24,10 @@ export var MediumIcon = /*#__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",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,17 +37,17 @@ export var MediumIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'medium-new',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'Medium-new'
       }), /*#__PURE__*/_jsx("path", {
         d: "M23 0H1a1 1 0 00-1 1v22a1 1 0 001 1h22a1 1 0 001-1V1a1 1 0 00-1-1zm-2.64 5.85L19 7.08a.38.38 0 00-.14.36v9.48a.38.38 0 00.14.36l1.35 1.33v.27H14v-.27l1.16-1.36c.13-.13.13-.17.13-.36V10l-2.8 7.9-.3 1h-.79c-2.65-5.79-3.49-7.82-4.3-9.21v7l1.64 2v.27H4v-.27l1.6-2v-9L4.36 6.15v-.53h4.77l3.22 7.71L15 6.06a.75.75 0 01.79-.58h4.58z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#medium-new)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/MegaphoneIcon.js

@@ -24,9 +24,10 @@ export var MegaphoneIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
   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",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,12 +37,12 @@ export var MegaphoneIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'megaphone',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'megaphone'
       }), /*#__PURE__*/_jsxs("g", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeWidth: 1.5,
         strokeLinecap: "round",
         strokeLinejoin: "round",
@@ -52,10 +53,10 @@ export var MegaphoneIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
         })]
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#megaphone)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/MenuIcon.js

@@ -24,9 +24,10 @@ export var MenuIcon = /*#__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",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,22 +37,22 @@ export var MenuIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'navigation-menu',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'navigation-menu'
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        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: '',
+      mask: 'url(#navigation-menu)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/MinimizeIcon.js

@@ -24,9 +24,10 @@ export var MinimizeIcon = /*#__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",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,22 +37,22 @@ export var MinimizeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'shrink-2',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'shrink-2'
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        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: '',
+      mask: 'url(#shrink-2)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/MonitorBookIcon.js

@@ -24,9 +24,10 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -35,11 +36,13 @@ export var MonitorBookIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("mask", {
-      id: '',
-      children: /*#__PURE__*/_jsxs("g", {
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'monitor-book',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'monitor-book'
+      }), /*#__PURE__*/_jsxs("g", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 8.75,
@@ -50,12 +53,12 @@ export var MonitorBookIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
         }), /*#__PURE__*/_jsx("path", {
           d: "M21.875 39.392l17.5 13.125-17.5 13.125m35-13.125H78.75"
         })]
-      })
+      })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#monitor-book)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/MultipleActionsViewIcon.js

@@ -24,9 +24,10 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,7 +37,7 @@ export var MultipleActionsViewIcon = /*#__PURE__*/React.forwardRef(function (_re
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'multiple-actions-view',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'multiple-actions-view'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,10 +50,10 @@ export var MultipleActionsViewIcon = /*#__PURE__*/React.forwardRef(function (_re
         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: '',
+      mask: 'url(#multiple-actions-view)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/MultipleUsersIcon.js

@@ -24,9 +24,10 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -35,21 +36,23 @@ export var MultipleUsersIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("mask", {
-      id: '',
-      children: /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'multiple-users',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'multiple-users'
+      }), /*#__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",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round"
-      })
+      })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#multiple-users)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/NarrativeIcon.js

@@ -24,9 +24,10 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,22 +37,22 @@ export var NarrativeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      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: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#book-open-2)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/NetworkUserIcon.js

@@ -24,9 +24,10 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -35,11 +36,13 @@ export var NetworkUserIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("mask", {
-      id: '',
-      children: /*#__PURE__*/_jsxs("g", {
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'network-user',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'network-user'
+      }), /*#__PURE__*/_jsxs("g", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 8.75,
@@ -48,12 +51,12 @@ export var NetworkUserIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
         }), /*#__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: '',
+      mask: 'url(#network-user)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/NotebookIcon.js

@@ -24,9 +24,10 @@ 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",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,12 +37,12 @@ export var NotebookIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'notes-book',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'notes-book'
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
@@ -54,7 +55,7 @@ export var NotebookIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
         rx: 1.5,
         ry: 1.5,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
@@ -66,23 +67,23 @@ export var NotebookIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
         rx: 1.5,
         ry: 1.5,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         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",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#notes-book)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]