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

package/dist/icons/regular/GearIcon.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 GearIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,39 +22,50 @@ export var GearIcon = /*#__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('GearIcon');
   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,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'cog'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M10.546 2.438a1.957 1.957 0 002.908 0L14.4 1.4a1.959 1.959 0 013.41 1.413l-.071 1.4a1.958 1.958 0 002.051 2.054l1.4-.071a1.959 1.959 0 011.41 3.41l-1.042.94a1.96 1.96 0 000 2.909l1.042.94a1.959 1.959 0 01-1.413 3.41l-1.4-.071a1.958 1.958 0 00-2.056 2.056l.071 1.4A1.959 1.959 0 0114.4 22.6l-.941-1.041a1.959 1.959 0 00-2.908 0L9.606 22.6A1.959 1.959 0 016.2 21.192l.072-1.4a1.958 1.958 0 00-2.056-2.056l-1.4.071A1.958 1.958 0 011.4 14.4l1.041-.94a1.96 1.96 0 000-2.909L1.4 9.606A1.958 1.958 0 012.809 6.2l1.4.071a1.958 1.958 0 002.058-2.06L6.2 2.81A1.959 1.959 0 019.606 1.4z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: 12,
-      cy: 12.001,
-      r: 4.5,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "cog-".concat(maskId),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'cog'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M10.546 2.438a1.957 1.957 0 002.908 0L14.4 1.4a1.959 1.959 0 013.41 1.413l-.071 1.4a1.958 1.958 0 002.051 2.054l1.4-.071a1.959 1.959 0 011.41 3.41l-1.042.94a1.96 1.96 0 000 2.909l1.042.94a1.959 1.959 0 01-1.413 3.41l-1.4-.071a1.958 1.958 0 00-2.056 2.056l.071 1.4A1.959 1.959 0 0114.4 22.6l-.941-1.041a1.959 1.959 0 00-2.908 0L9.606 22.6A1.959 1.959 0 016.2 21.192l.072-1.4a1.958 1.958 0 00-2.056-2.056l-1.4.071A1.958 1.958 0 011.4 14.4l1.041-.94a1.96 1.96 0 000-2.909L1.4 9.606A1.958 1.958 0 012.809 6.2l1.4.071a1.958 1.958 0 002.058-2.06L6.2 2.81A1.959 1.959 0 019.606 1.4z",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 12,
+        cy: 12.001,
+        r: 4.5,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#cog-".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/GithubIcon.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 GithubIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,12 +22,14 @@ export var GithubIcon = /*#__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('GithubIcon');
   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,9 +38,21 @@ export var GithubIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      fill: "currentColor",
-      d: "M16 7.8v-.1c-.9-.1-1.8-.1-2.6 0 .1-.4.2-.9.2-1.5 0-1.2-.4-2.1-1-2.9.1-.7 0-1.5-.2-2.2-.9.1-1.7.4-2.4.9-1.3-.3-2.7-.3-4 0-1-.7-1.8-1-2.6-1-.3.8-.3 1.6-.1 2.4-.7.8-1 1.7-1 2.7 0 .6.1 1.1.3 1.6-.9-.1-1.7-.1-2.6-.1v.1c.9-.1 1.8-.1 2.6 0 0 .1.1.2.1.2-.9.1-1.7.1-2.5.3v.1c.8-.1 1.7-.2 2.6-.2.6 1.1 1.8 1.8 3.6 2-.4.3-.6.7-.7 1.2h-.9c-1.3 0-1.6-1.6-2.9-1.4 1.3.6 1 2.6 3 2.6h.8v1.8c0 .3-.1.5-.3.6.7.1 1.3-.3 1.3-.7v-2.4c0-.2.2-.2.2-.2v2.8c0 .3-.1.4-.3.6.6 0 1.2-.1 1.3-.6v-2.7c0-.1.2-.1.2 0v2.6c0 .5.4.8 1.2.8-.2-.2-.3-.4-.3-.6v-2.8s.2 0 .2.2v2.4c0 .5.6.7 1.4.7-.2-.2-.4-.4-.4-.7v-2.8c0-.4-.2-.8-.5-1.2 1.6-.2 2.8-.9 3.4-2.1 1 0 1.8 0 2.6.2v-.1C15 8 14.2 8 13.2 8c0-.1.1-.1.1-.2.9-.1 1.8-.1 2.7 0zM2.5 10.1c-.1 0-.1 0 0 0-.1-.1 0-.1 0-.1s.1 0 0 .1c.1 0 0 0 0 0zm.2.2s-.1-.1 0 0c-.1-.1 0-.1 0-.1.1-.1.1 0 0 .1.1-.1.1 0 0 0zm.2.2s-.1-.1 0 0c-.1-.1-.1-.1 0-.1.1-.1.1-.1 0 .1.1-.1.1 0 0 0zm.3.2c-.1 0-.1 0-.1-.1 0 0 0-.1.1-.1s.1 0 .1.1-.1.1-.1.1zm.2.3c-.1 0-.1 0-.1-.1s.1-.1.1-.1.1 0 .1.1 0 .1-.1.1zm.3.2c-.1 0-.1 0-.1-.1s.1-.1.1-.1.1 0 .1.1 0 .1-.1.1zm.4.3c-.1 0-.2 0-.2-.1s.1-.1.2-.1.2 0 .2.1c-.1.1-.1.1-.2.1zm.5.1c-.1 0-.2 0-.2-.1s.1-.1.2-.1.2 0 .2.1c-.1.1-.2.1-.2.1zm.5.1c-.1 0-.2 0-.2-.1s.1-.1.2-.1.2 0 .2.1c-.1 0-.2.1-.2.1zm.5 0c-.1 0-.2 0-.2-.1s.1-.1.2-.1.2 0 .2.1c-.1 0-.2.1-.2.1z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "github-".concat(maskId),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'github'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#fff",
+        d: "M16 7.8v-.1c-.9-.1-1.8-.1-2.6 0 .1-.4.2-.9.2-1.5 0-1.2-.4-2.1-1-2.9.1-.7 0-1.5-.2-2.2-.9.1-1.7.4-2.4.9-1.3-.3-2.7-.3-4 0-1-.7-1.8-1-2.6-1-.3.8-.3 1.6-.1 2.4-.7.8-1 1.7-1 2.7 0 .6.1 1.1.3 1.6-.9-.1-1.7-.1-2.6-.1v.1c.9-.1 1.8-.1 2.6 0 0 .1.1.2.1.2-.9.1-1.7.1-2.5.3v.1c.8-.1 1.7-.2 2.6-.2.6 1.1 1.8 1.8 3.6 2-.4.3-.6.7-.7 1.2h-.9c-1.3 0-1.6-1.6-2.9-1.4 1.3.6 1 2.6 3 2.6h.8v1.8c0 .3-.1.5-.3.6.7.1 1.3-.3 1.3-.7v-2.4c0-.2.2-.2.2-.2v2.8c0 .3-.1.4-.3.6.6 0 1.2-.1 1.3-.6v-2.7c0-.1.2-.1.2 0v2.6c0 .5.4.8 1.2.8-.2-.2-.3-.4-.3-.6v-2.8s.2 0 .2.2v2.4c0 .5.6.7 1.4.7-.2-.2-.4-.4-.4-.7v-2.8c0-.4-.2-.8-.5-1.2 1.6-.2 2.8-.9 3.4-2.1 1 0 1.8 0 2.6.2v-.1C15 8 14.2 8 13.2 8c0-.1.1-.1.1-.2.9-.1 1.8-.1 2.7 0zM2.5 10.1c-.1 0-.1 0 0 0-.1-.1 0-.1 0-.1s.1 0 0 .1c.1 0 0 0 0 0zm.2.2s-.1-.1 0 0c-.1-.1 0-.1 0-.1.1-.1.1 0 0 .1.1-.1.1 0 0 0zm.2.2s-.1-.1 0 0c-.1-.1-.1-.1 0-.1.1-.1.1-.1 0 .1.1-.1.1 0 0 0zm.3.2c-.1 0-.1 0-.1-.1 0 0 0-.1.1-.1s.1 0 .1.1-.1.1-.1.1zm.2.3c-.1 0-.1 0-.1-.1s.1-.1.1-.1.1 0 .1.1 0 .1-.1.1zm.3.2c-.1 0-.1 0-.1-.1s.1-.1.1-.1.1 0 .1.1 0 .1-.1.1zm.4.3c-.1 0-.2 0-.2-.1s.1-.1.2-.1.2 0 .2.1c-.1.1-.1.1-.2.1zm.5.1c-.1 0-.2 0-.2-.1s.1-.1.2-.1.2 0 .2.1c-.1.1-.2.1-.2.1zm.5.1c-.1 0-.2 0-.2-.1s.1-.1.2-.1.2 0 .2.1c-.1 0-.2.1-.2.1zm.5 0c-.1 0-.2 0-.2-.1s.1-.1.2-.1.2 0 .2.1c-.1 0-.2.1-.2.1z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#github-".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/GithubOutlineIcon.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 GithubOutlineIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,26 +22,37 @@ export var GithubOutlineIcon = /*#__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('GithubOutlineIcon');
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     "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,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'github-2'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M12 0a12 12 0 00-3.41 23.5 1.25 1.25 0 001.61-1.2V20a.75.75 0 00-.91-.73A2 2 0 016.66 18l-.11-.27.18.13a2.62 2.62 0 003.06.5.75.75 0 00.44-.58 4.84 4.84 0 01.38-1.36.75.75 0 00-.41-1.31c-2.4-.27-3.85-.66-3.85-3.66a3.1 3.1 0 01.83-2.15.75.75 0 00.14-.79 2.65 2.65 0 01-.06-1.57A5.46 5.46 0 019 7.81a.76.76 0 00.62.1 8.76 8.76 0 012.28-.31 8.67 8.67 0 012.29.31.75.75 0 00.62-.1 5.63 5.63 0 011.76-.87 2.66 2.66 0 01-.05 1.57.75.75 0 00.14.79 3.09 3.09 0 01.82 2.15c0 3-1.46 3.38-3.86 3.65a.75.75 0 00-.64.52.74.74 0 00.22.79 3.61 3.61 0 01.43 1.77v4.17a1.25 1.25 0 001.25 1.25 1.19 1.19 0 00.34 0A12 12 0 0012 0zm3.16 22v-3.82a5.94 5.94 0 00-.27-1.72c1.93-.31 4.12-1.18 4.12-5a4.62 4.62 0 00-.93-2.83 4.52 4.52 0 00-.24-2.73.75.75 0 00-.47-.44c-.26-.08-1.24-.25-3.09.92a10.19 10.19 0 00-4.7 0c-1.85-1.18-2.83-1-3.09-.92A.75.75 0 006 5.9a4.51 4.51 0 00-.24 2.73 4.62 4.62 0 00-.93 2.83c0 3.83 2.21 4.69 4.14 5-.07.24-.13.47-.17.66-.42.11-.65-.06-1.2-.47a7.19 7.19 0 00-2.81-1.38.75.75 0 00-.74 1.22 5.23 5.23 0 011.17 2 3.52 3.52 0 003.48 2.4V22a10.5 10.5 0 116.46 0z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "github-2-".concat(maskId),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'github-2'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M12 0a12 12 0 00-3.41 23.5 1.25 1.25 0 001.61-1.2V20a.75.75 0 00-.91-.73A2 2 0 016.66 18l-.11-.27.18.13a2.62 2.62 0 003.06.5.75.75 0 00.44-.58 4.84 4.84 0 01.38-1.36.75.75 0 00-.41-1.31c-2.4-.27-3.85-.66-3.85-3.66a3.1 3.1 0 01.83-2.15.75.75 0 00.14-.79 2.65 2.65 0 01-.06-1.57A5.46 5.46 0 019 7.81a.76.76 0 00.62.1 8.76 8.76 0 012.28-.31 8.67 8.67 0 012.29.31.75.75 0 00.62-.1 5.63 5.63 0 011.76-.87 2.66 2.66 0 01-.05 1.57.75.75 0 00.14.79 3.09 3.09 0 01.82 2.15c0 3-1.46 3.38-3.86 3.65a.75.75 0 00-.64.52.74.74 0 00.22.79 3.61 3.61 0 01.43 1.77v4.17a1.25 1.25 0 001.25 1.25 1.19 1.19 0 00.34 0A12 12 0 0012 0zm3.16 22v-3.82a5.94 5.94 0 00-.27-1.72c1.93-.31 4.12-1.18 4.12-5a4.62 4.62 0 00-.93-2.83 4.52 4.52 0 00-.24-2.73.75.75 0 00-.47-.44c-.26-.08-1.24-.25-3.09.92a10.19 10.19 0 00-4.7 0c-1.85-1.18-2.83-1-3.09-.92A.75.75 0 006 5.9a4.51 4.51 0 00-.24 2.73 4.62 4.62 0 00-.93 2.83c0 3.83 2.21 4.69 4.14 5-.07.24-.13.47-.17.66-.42.11-.65-.06-1.2-.47a7.19 7.19 0 00-2.81-1.38.75.75 0 00-.74 1.22 5.23 5.23 0 011.17 2 3.52 3.52 0 003.48 2.4V22a10.5 10.5 0 116.46 0z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#github-2-".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/GlassesIcon.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 GlassesIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,48 +22,59 @@ export var GlassesIcon = /*#__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('GlassesIcon');
   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,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'glasses-retro'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("circle", {
-      cx: 5.25,
-      cy: 17.25,
-      r: 4.5,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: 18.75,
-      cy: 17.25,
-      r: 4.5,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5,
-      d: "M9.75 17.25h4.5m-13.5 0v-12a3 3 0 013-3h.75m18.75 15v-12a3 3 0 00-3-3h-.75"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "glasses-retro-".concat(maskId),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'glasses-retro'
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 5.25,
+        cy: 17.25,
+        r: 4.5,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 18.75,
+        cy: 17.25,
+        r: 4.5,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M9.75 17.25h4.5m-13.5 0v-12a3 3 0 013-3h.75m18.75 15v-12a3 3 0 00-3-3h-.75"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#glasses-retro-".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/GplusIcon.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 GplusIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,12 +22,14 @@ export var GplusIcon = /*#__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('GplusIcon');
   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,9 +38,21 @@ export var GplusIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      fill: "currentColor",
-      d: "M16 3.5h-2.1v2.1h-1.1V3.5h-2.1v-1h2.1V.4h1.1v2.1H16v1zm-6 8.8c0 1.6-1.5 3.5-5.1 3.5-2.7 0-4.9-1.2-4.9-3.1 0-1.5.9-3.4 5.4-3.4-.7-.5-.8-1.3-.4-2.1-2.6 0-4-1.5-4-3.4S2.4.2 5.3.2h4.6l-1 1.1H7.7C8.5 1.7 9 2.7 9 3.8c0 1-.6 1.8-1.4 2.5-1.4 1.1-1 1.7.5 2.8C9.5 10.2 10 11 10 12.3zM7.1 3.9c-.2-1.6-1.3-3-2.5-3S2.5 2.1 2.7 3.7C3 5.4 4.2 6.5 5.4 6.5c1.2.1 1.9-1 1.7-2.6zm1.3 8.6c0-1.3-1.2-2.6-3.3-2.6-1.8 0-3.4 1.2-3.4 2.5C1.7 13.8 3 15 4.9 15c2.4 0 3.5-1.1 3.5-2.5z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "g-plus-".concat(maskId),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'g-plus'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#fff",
+        d: "M16 3.5h-2.1v2.1h-1.1V3.5h-2.1v-1h2.1V.4h1.1v2.1H16v1zm-6 8.8c0 1.6-1.5 3.5-5.1 3.5-2.7 0-4.9-1.2-4.9-3.1 0-1.5.9-3.4 5.4-3.4-.7-.5-.8-1.3-.4-2.1-2.6 0-4-1.5-4-3.4S2.4.2 5.3.2h4.6l-1 1.1H7.7C8.5 1.7 9 2.7 9 3.8c0 1-.6 1.8-1.4 2.5-1.4 1.1-1 1.7.5 2.8C9.5 10.2 10 11 10 12.3zM7.1 3.9c-.2-1.6-1.3-3-2.5-3S2.5 2.1 2.7 3.7C3 5.4 4.2 6.5 5.4 6.5c1.2.1 1.9-1 1.7-2.6zm1.3 8.6c0-1.3-1.2-2.6-3.3-2.6-1.8 0-3.4 1.2-3.4 2.5C1.7 13.8 3 15 4.9 15c2.4 0 3.5-1.1 3.5-2.5z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#g-plus-".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/GraphStatsAscendIcon.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 GraphStatsAscendIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,25 +22,36 @@ export var GraphStatsAscendIcon = /*#__PURE__*/React.forwardRef(function (_ref,
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var maskId = useIconId('GraphStatsAscendIcon');
   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,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'graph-stats-ascend'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M.75 18.75a.743.743 0 01-.53-.22C.078 18.389 0 18.2 0 18s.078-.389.22-.53l7.189-7.189c.425-.425.99-.658 1.592-.658.602 0 1.167.234 1.591.658l3.128 3.128a.747.747 0 001.062 0l6.659-6.659H16.5a.75.75 0 010-1.5h6.75a.735.735 0 01.293.06.75.75 0 01.401.405l.01.026c.03.081.046.17.046.259v6.75a.75.75 0 01-1.5 0V7.811l-6.659 6.659c-.425.425-.99.658-1.592.658a2.23 2.23 0 01-1.59-.658L9.53 11.341a.744.744 0 00-.53-.219c-.2 0-.389.078-.53.219L1.28 18.53a.743.743 0 01-.53.22z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "graph-stats-ascend-".concat(maskId),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'graph-stats-ascend'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M.75 18.75a.743.743 0 01-.53-.22C.078 18.389 0 18.2 0 18s.078-.389.22-.53l7.189-7.189c.425-.425.99-.658 1.592-.658.602 0 1.167.234 1.591.658l3.128 3.128a.747.747 0 001.062 0l6.659-6.659H16.5a.75.75 0 010-1.5h6.75a.735.735 0 01.293.06.75.75 0 01.401.405l.01.026c.03.081.046.17.046.259v6.75a.75.75 0 01-1.5 0V7.811l-6.659 6.659c-.425.425-.99.658-1.592.658a2.23 2.23 0 01-1.59-.658L9.53 11.341a.744.744 0 00-.53-.219c-.2 0-.389.078-.53.219L1.28 18.53a.743.743 0 01-.53.22z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#graph-stats-ascend-".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

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

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

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