@codecademy/gamut-icons 8.0.2-alpha.2c40eb.0 → 8.0.2-alpha.917dbd.0

package/dist/icons/regular/ListIcon.js

@@ -24,7 +24,7 @@ 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",
     width: width,
@@ -32,46 +32,55 @@ export var ListIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'list-bullets'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("circle", {
-      cx: 3,
-      cy: 2.998,
-      r: 2.25,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: 3,
-      cy: 11.998,
-      r: 2.25,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: 3,
-      cy: 20.998,
-      r: 2.25,
-      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: "M8.25 3.748h15m-15 9h15m-15 9h15"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'list-bullets',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'list-bullets'
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 3,
+        cy: 2.998,
+        r: 2.25,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 3,
+        cy: 11.998,
+        r: 2.25,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 3,
+        cy: 20.998,
+        r: 2.25,
+        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: "M8.25 3.748h15m-15 9h15m-15 9h15"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#list-bullets)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/LocationPinIcon.js

@@ -24,7 +24,7 @@ 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",
     width: width,
@@ -35,10 +35,22 @@ export var LocationPinIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__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"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      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: 'url(#location-pin)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/Lock1Icon.js

@@ -24,7 +24,7 @@ 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",
     width: width,
@@ -35,13 +35,30 @@ export var Lock1Icon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__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: 'url(#lock-one)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/LockHeavyIcon.js

@@ -24,7 +24,7 @@ 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",
     width: width,
@@ -32,14 +32,23 @@ export var LockHeavyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'lock-1'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__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"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'lock-1',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'lock-1'
+      }), /*#__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: 'url(#lock-1)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/LockIcon.js

@@ -24,7 +24,7 @@ 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",
     width: width,
@@ -32,31 +32,40 @@ export var LockIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'lock-1'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("rect", {
-      x: 3.75,
-      y: 9.75,
-      width: 16.5,
-      height: 13.5,
-      rx: 1.5,
-      ry: 1.5,
-      fill: "none",
-      stroke: "currentColor",
-      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",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'lock-1',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'lock-1'
+      }), /*#__PURE__*/_jsx("rect", {
+        x: 3.75,
+        y: 9.75,
+        width: 16.5,
+        height: 13.5,
+        rx: 1.5,
+        ry: 1.5,
+        fill: "none",
+        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: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#lock-1)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/MaintenanceIcon.js

@@ -24,7 +24,7 @@ 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",
     width: width,
@@ -32,35 +32,44 @@ export var MaintenanceIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'safety-helmet-mine'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__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",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: 12,
-      cy: 13.875,
-      r: 2.25,
-      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: "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"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      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: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 12,
+        cy: 13.875,
+        r: 2.25,
+        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: "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: 'url(#safety-helmet-mine)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/MapFingerIcon.js

@@ -24,7 +24,7 @@ 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",
     width: width,
@@ -32,19 +32,28 @@ export var MapFingerIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'travel-map-finger'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__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",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      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: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#travel-map-finger)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/MapPinIcon.js

@@ -24,7 +24,7 @@ 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",
     width: width,
@@ -32,23 +32,32 @@ export var MapPinIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'maps-pin-1'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("g", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 8.75,
-      children: [/*#__PURE__*/_jsx("path", {
-        d: "M135.625 52.5V27.125a8.75 8.75 0 00-5.5-8.126l-35-14a8.75 8.75 0 00-6.5 0l-37.25 14.904a8.75 8.75 0 01-6.5 0L10.379 6.102a4.375 4.375 0 00-6.003 4.083v83.842a8.75 8.75 0 005.5 8.126l35 14a8.75 8.75 0 006.5 0l16.805-6.726m-20.056-88.9v96.25M91.875 4.375v43.75m17.5 41.995a2.188 2.188 0 012.188 2.187m-4.375 0a2.188 2.188 0 012.187-2.188m0 4.381a2.188 2.188 0 01-2.188-2.188m4.376-.005a2.188 2.188 0 01-2.188 2.187"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M109.375 66.057a26.25 26.25 0 0126.25 26.25c0 11.205-15.68 32.526-22.802 41.638a4.375 4.375 0 01-6.895 0c-7.123-9.106-22.803-30.432-22.803-41.638a26.25 26.25 0 0126.25-26.25z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'maps-pin-1',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'maps-pin-1'
+      }), /*#__PURE__*/_jsxs("g", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 8.75,
+        children: [/*#__PURE__*/_jsx("path", {
+          d: "M135.625 52.5V27.125a8.75 8.75 0 00-5.5-8.126l-35-14a8.75 8.75 0 00-6.5 0l-37.25 14.904a8.75 8.75 0 01-6.5 0L10.379 6.102a4.375 4.375 0 00-6.003 4.083v83.842a8.75 8.75 0 005.5 8.126l35 14a8.75 8.75 0 006.5 0l16.805-6.726m-20.056-88.9v96.25M91.875 4.375v43.75m17.5 41.995a2.188 2.188 0 012.188 2.187m-4.375 0a2.188 2.188 0 012.187-2.188m0 4.381a2.188 2.188 0 01-2.188-2.188m4.376-.005a2.188 2.188 0 01-2.188 2.187"
+        }), /*#__PURE__*/_jsx("path", {
+          d: "M109.375 66.057a26.25 26.25 0 0126.25 26.25c0 11.205-15.68 32.526-22.802 41.638a4.375 4.375 0 01-6.895 0c-7.123-9.106-22.803-30.432-22.803-41.638a26.25 26.25 0 0126.25-26.25z"
+        })]
       })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#maps-pin-1)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/MarkerIcon.js

@@ -24,7 +24,7 @@ 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",
     width: width,
@@ -32,19 +32,28 @@ export var MarkerIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'pin-location'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5,
-      d: "M.75 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"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'pin-location',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'pin-location'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        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: 'url(#pin-location)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/MastercardIcon.js

@@ -24,7 +24,7 @@ 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",
     width: width,
@@ -32,42 +32,51 @@ export var MastercardIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'mastercard'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M.504 3.5h23v17h-23z",
-      fill: "none",
-      stroke: "currentColor",
-      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",
-      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",
-      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",
-      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",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'mastercard',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'mastercard'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M.504 3.5h23v17h-23z",
+        fill: "none",
+        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: "#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: "#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: "#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: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#mastercard)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });