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

package/dist/icons/regular/JiraIcon.js

@@ -22,11 +22,12 @@ export var JiraIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
-    fill: "currentColor",
+    fill: "#fff",
     preserveAspectRatio: "xMidYMid",
     viewBox: "0 -30.632 255.324 285.956",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,8 +37,10 @@ export var JiraIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
-      children: [/*#__PURE__*/_jsx("path", {
+      id: 'jira',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'jira'
+      }), /*#__PURE__*/_jsx("path", {
         d: "M244.658 0H121.707a55.502 55.502 0 0055.502 55.502h22.649V77.37c.02 30.625 24.841 55.447 55.466 55.467V10.666C255.324 4.777 250.55 0 244.658 0z"
       }), /*#__PURE__*/_jsx("path", {
         d: "M183.822 61.262H60.872c.019 30.625 24.84 55.447 55.466 55.467h22.649v21.938c.039 30.625 24.877 55.43 55.502 55.43V71.93c0-5.891-4.776-10.667-10.667-10.667z"
@@ -45,10 +48,10 @@ export var JiraIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M122.951 122.489H0c0 30.653 24.85 55.502 55.502 55.502h22.72v21.867c.02 30.597 24.798 55.408 55.396 55.466V133.156c0-5.891-4.776-10.667-10.667-10.667z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#jira)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/LearnIcon.js

@@ -24,9 +24,10 @@ export var LearnIcon = /*#__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,29 +37,29 @@ export var LearnIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'file-code',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'file-code'
       }), /*#__PURE__*/_jsx("path", {
         d: "M22.5 21.753a1.5 1.5 0 01-1.5 1.5H3a1.5 1.5 0 01-1.5-1.5v-19.5A1.5 1.5 0 013 .753h15.045a1.5 1.5 0 011.048.427l2.955 2.882a1.5 1.5 0 01.452 1.074z",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
         d: "M14.295 9.003l3.75 3.75-3.75 3.75m-4.5-7.5l-3.75 3.75 3.75 3.75"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#file-code)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/LessonIcon.js

@@ -24,9 +24,10 @@ export var LessonIcon = /*#__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,29 +37,29 @@ export var LessonIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'book-book-pages',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'book-book-pages'
       }), /*#__PURE__*/_jsx("path", {
         d: "M16.5 21.513a1.5 1.5 0 01-1.9 1.446L4.1 20.042A1.5 1.5 0 013 18.6V2.487a1.5 1.5 0 011.9-1.446l10.5 3.391a1.5 1.5 0 011.1 1.445z",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         d: "M4.5.987h15a1.5 1.5 0 011.5 1.5v15.75a1.5 1.5 0 01-1.5 1.5h-3",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#book-book-pages)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/LevelIcon.js

@@ -27,9 +27,10 @@ export var LevelIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     style: {
       backgroundColor: 'transparent'
     },
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -38,21 +39,23 @@ export var LevelIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("mask", {
-      id: '',
-      children: /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'level',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'level'
+      }), /*#__PURE__*/_jsx("path", {
         d: "M4.975 7.45H1.15v5.4h3.825m4.05-8.1h-4.05v8.1h4.05m0-11.7h3.825v11.7H9.025z",
         strokeWidth: 0.9,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round"
-      })
+      })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#level)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/LifePreserverIcon.js

@@ -24,9 +24,10 @@ export var LifePreserverIcon = /*#__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",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,7 +37,7 @@ export var LifePreserverIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'help-wheel',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'help-wheel'
       }), /*#__PURE__*/_jsx("circle", {
@@ -44,13 +45,13 @@ export var LifePreserverIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
         cy: 12,
         r: 3.75,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
@@ -60,16 +61,16 @@ export var LifePreserverIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
         cy: 12,
         r: 9.75,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#help-wheel)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/LinkIcon.js

@@ -24,9 +24,10 @@ export var LinkIcon = /*#__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 LinkIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'hyperlink-2',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'hyperlink-2'
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
         d: "M6.75 17.249l10.5-10.5m-9.515 5.272a4.472 4.472 0 00-3.417 1.3l-2.25 2.25a4.5 4.5 0 006.364 6.364l2.25-2.25a4.472 4.472 0 001.3-3.417m4.283-4.292a4.473 4.473 0 003.417-1.3l2.25-2.25a4.5 4.5 0 00-6.364-6.364l-2.25 2.25a4.475 4.475 0 00-1.295 3.417"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#hyperlink-2)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/LinkedinIcon.js

@@ -24,9 +24,10 @@ export var LinkedinIcon = /*#__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",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -35,17 +36,19 @@ export var LinkedinIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("mask", {
-      id: '',
-      children: /*#__PURE__*/_jsx("path", {
-        fill: "currentColor",
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'linkedin',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'linkedin'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#fff",
         d: "M5.6 8.2c0-1.4 0-2.5-.1-3.5h2.9l.2 1.5h.1c.4-.7 1.5-1.8 3.4-1.8 2.2 0 3.9 1.5 3.9 4.7v6.4h-3.4v-6c0-1.4-.5-2.4-1.7-2.4-.9 0-1.5.6-1.7 1.3-.2.3-.2.6-.2.9v6.3H5.6V8.2zM.1 4.9h3.4v10.9H.1V4.9zm3.5-3c0 .9-.7 1.7-1.8 1.7S0 2.8 0 1.9C0 .9.7.2 1.8.2 3 .2 3.6.9 3.6 1.9z"
-      })
+      })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#linkedin)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/LinkedinOutlineIcon.js

@@ -25,9 +25,10 @@ export var LinkedinOutlineIcon = /*#__PURE__*/React.forwardRef(function (_ref, s
     "data-name": "Outline Version",
     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,
@@ -37,17 +38,17 @@ export var LinkedinOutlineIcon = /*#__PURE__*/React.forwardRef(function (_ref, s
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'linkedin-2',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'linkedin-2'
       }), /*#__PURE__*/_jsx("path", {
         d: "M.81 7.95a.75.75 0 00-.75.75v13.93a.75.75 0 00.75.75h4.86a.75.75 0 00.75-.75V8.7a.75.75 0 00-.75-.75zm4.11 13.93H1.56V9.45h3.36zM17.89 7.94a7.35 7.35 0 00-3.53.93V8.7a.75.75 0 00-.75-.75h-5.1a.75.75 0 00-.75.75v13.93a.75.75 0 00.75.75h5.11a.75.75 0 00.75-.75v-7.25a1.39 1.39 0 012.79 0v7.25a.75.75 0 00.75.75h5.36a.75.75 0 00.75-.75V15.5c-.02-4.67-2.35-7.56-6.13-7.56zm4.62 13.94h-3.86v-6.5a2.89 2.89 0 00-5.79 0v6.5h-3.6V9.45h3.61v.84a.75.75 0 001.26.55 6.07 6.07 0 013.77-1.4c2.93 0 4.62 2.21 4.62 6.06zM3.24 7.13A3.25 3.25 0 100 3.88a3.25 3.25 0 003.24 3.25zm0-5a1.75 1.75 0 11-1.75 1.75 1.75 1.75 0 011.75-1.75z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#linkedin-2)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/ListIcon.js

@@ -24,9 +24,10 @@ export var ListIcon = /*#__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,7 +37,7 @@ export var ListIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'list-bullets',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'list-bullets'
       }), /*#__PURE__*/_jsx("circle", {
@@ -44,7 +45,7 @@ export var ListIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         cy: 2.998,
         r: 2.25,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
@@ -53,7 +54,7 @@ export var ListIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         cy: 11.998,
         r: 2.25,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
@@ -62,23 +63,23 @@ export var ListIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         cy: 20.998,
         r: 2.25,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
         d: "M8.25 3.748h15m-15 9h15m-15 9h15"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#list-bullets)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/LocationPinIcon.js

@@ -24,9 +24,10 @@ export var LocationPinIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
   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,19 @@ export var LocationPinIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
-      children: [/*#__PURE__*/_jsx("path", {
+      id: 'location-pin',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'location-pin'
+      }), /*#__PURE__*/_jsx("path", {
         d: "M12.768 22.192A9.733 9.733 0 018.761 17.5h2.031a1 1 0 100-2H8.106a15 15 0 01-.4-3.5A15.263 15.263 0 018 9c11.014 0 13.746.008 14.486-.018a.942.942 0 00.892-1.375A11.944 11.944 0 0012.147 0C4.635.486.583 6.091.237 11.161A12.012 12.012 0 0012.206 24h.007a.984.984 0 00.957-.809.947.947 0 00-.402-.999zM6.062 15.5H2.853A9.888 9.888 0 012.67 9h3.285a17.823 17.823 0 00-.247 3 17.249 17.249 0 00.354 3.5zm6.145-13.331A10.161 10.161 0 0115.849 7H8.564a10.048 10.048 0 013.643-4.831zM20.873 7h-2.907a12.982 12.982 0 00-2.4-4.42A9.908 9.908 0 0120.873 7zM8.82 2.6A12.9 12.9 0 006.451 7H3.562A10.041 10.041 0 018.82 2.6zM3.866 17.5h2.741a12.715 12.715 0 002.213 3.9 10.04 10.04 0 01-4.954-3.9z"
       }), /*#__PURE__*/_jsx("path", {
         d: "M18.792 11a5.006 5.006 0 00-5 5c0 3.171 4.457 7.664 4.646 7.854a.5.5 0 00.707 0c.189-.19 4.647-4.683 4.647-7.854a5.006 5.006 0 00-5-5zm0 3.25a1.75 1.75 0 11-1.75 1.75 1.753 1.753 0 011.75-1.752z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#location-pin)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/Lock1Icon.js

@@ -24,9 +24,10 @@ export var Lock1Icon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   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,21 +36,28 @@ export var Lock1Icon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("mask", {
-      id: '',
-      children: /*#__PURE__*/_jsx("path", {
-        d: "M21.875 56.875h96.25v78.75h-96.25zm17.5 0V35a30.625 30.625 0 0161.25 0v21.875M70 87.5V105",
-        strokeWidth: 8.75,
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      })
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'lock-one',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'lock-one'
+      }), /*#__PURE__*/_jsxs("g", {
+        transform: "scale(5.83333)",
+        children: [/*#__PURE__*/_jsx("title", {
+          children: 'lock-1'
+        }), /*#__PURE__*/_jsx("path", {
+          d: "M3.75 9.75h16.5v13.5H3.75zm3 0V6a5.25 5.25 0 0110.5 0v3.75M12 15v3",
+          fill: "none",
+          stroke: "#fff",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 1.5
+        })]
+      })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#lock-one)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/LockHeavyIcon.js

@@ -24,9 +24,10 @@ export var LockHeavyIcon = /*#__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 LockHeavyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'lock-1-heavy',
       children: [/*#__PURE__*/_jsx("title", {
-        children: 'lock-1'
+        children: 'lock-1-heavy'
       }), /*#__PURE__*/_jsx("path", {
         d: "M19.5 9.5h-.75V6.75a6.75 6.75 0 00-13.5 0V9.5H4.5a2 2 0 00-2 2V22a2 2 0 002 2h15a2 2 0 002-2V11.5a2 2 0 00-2-2zm-9.5 6a2 2 0 113 1.723V19.5a1 1 0 01-2 0v-2.277a1.994 1.994 0 01-1-1.723zM7.75 6.75a4.25 4.25 0 018.5 0V9a.5.5 0 01-.5.5h-7.5a.5.5 0 01-.5-.5z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#lock-1-heavy)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/LockIcon.js

@@ -24,9 +24,10 @@ export var LockIcon = /*#__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,7 +37,7 @@ export var LockIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'lock-1',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'lock-1'
       }), /*#__PURE__*/_jsx("rect", {
@@ -47,23 +48,23 @@ export var LockIcon = /*#__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: "M6.75 9.75V6a5.25 5.25 0 0110.5 0v3.75M12 15v3",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#lock-1)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/MaintenanceIcon.js

@@ -24,9 +24,10 @@ export var MaintenanceIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
   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,13 +37,13 @@ export var MaintenanceIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'safety-helmet-mine',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'safety-helmet-mine'
       }), /*#__PURE__*/_jsx("path", {
         d: "M21 15.375v-1.5a9 9 0 00-18 0v1.5m5.25-12v7.5m7.5-7.5v7.5",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
@@ -51,23 +52,23 @@ export var MaintenanceIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
         cy: 13.875,
         r: 2.25,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
         d: "M16.5 15.375h6.75m-22.5 0H7.5m-3.75 3a2.774 2.774 0 011.5 2.25h13.5a2.774 2.774 0 011.5-2.25"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#safety-helmet-mine)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]