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

package/dist/icons/regular/IntersectionIcon.js

@@ -24,7 +24,7 @@ export var IntersectionIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
   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,39 +32,48 @@ export var IntersectionIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'color-palette'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("circle", {
-      cx: 12,
-      cy: 8.25,
-      r: 6.75,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: 7.5,
-      cy: 15.75,
-      r: 6.75,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: 16.5,
-      cy: 15.75,
-      r: 6.75,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'color-palette',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'color-palette'
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 12,
+        cy: 8.25,
+        r: 6.75,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 7.5,
+        cy: 15.75,
+        r: 6.75,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 16.5,
+        cy: 15.75,
+        r: 6.75,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#color-palette)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/JavaIcon.js

@@ -24,7 +24,7 @@ export var JavaIcon = /*#__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,20 +32,29 @@ export var JavaIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'Java Icon'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("g", {
-      stroke: "currentColor",
-      fill: "none",
-      children: [/*#__PURE__*/_jsx("path", {
-        d: "M5.954 18.842C4.14 19.114 3 19.507 3 19.943 3 20.763 7.03 22 12 22s7.875-1.3 9-2.057M8.306 18.002c-.423.118-.667.259-.667.409 0 .428 1.98.775 4.423.775 2.442 0 3.658-.415 4.422-.775M7.051 15.06c-.742.16-1.186.364-1.186.586 0 .514 2.377.93 5.31.93 2.932 0 4.545-.498 5.31-.93m-9.09-3.918c-.48.048-.92.106-1.31.174-1.11.193-1.797.461-1.797.757 0 .59 2.73 1.068 6.098 1.068s5.53-.549 6.098-1.068m2.656.211s.423-.61 1.269-.204c.845.407.685 1.832.14 2.443-.362.407-.879.95-1.549 1.628m-7.844-5.407c-1.01-.69-1.525-1.726-1.546-3.107-.031-2.071 2.728-2.693 3.122-3.936.263-.828.263-1.588 0-2.278"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M13.242 12.522c.197-.207 1.183-.622.394-1.865-.788-1.243-2.45-2.227-.676-3.47l1.38-1.035"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'java-icon',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'Java Icon'
+      }), /*#__PURE__*/_jsxs("g", {
+        stroke: "#fff",
+        fill: "none",
+        children: [/*#__PURE__*/_jsx("path", {
+          d: "M5.954 18.842C4.14 19.114 3 19.507 3 19.943 3 20.763 7.03 22 12 22s7.875-1.3 9-2.057M8.306 18.002c-.423.118-.667.259-.667.409 0 .428 1.98.775 4.423.775 2.442 0 3.658-.415 4.422-.775M7.051 15.06c-.742.16-1.186.364-1.186.586 0 .514 2.377.93 5.31.93 2.932 0 4.545-.498 5.31-.93m-9.09-3.918c-.48.048-.92.106-1.31.174-1.11.193-1.797.461-1.797.757 0 .59 2.73 1.068 6.098 1.068s5.53-.549 6.098-1.068m2.656.211s.423-.61 1.269-.204c.845.407.685 1.832.14 2.443-.362.407-.879.95-1.549 1.628m-7.844-5.407c-1.01-.69-1.525-1.726-1.546-3.107-.031-2.071 2.728-2.693 3.122-3.936.263-.828.263-1.588 0-2.278"
+        }), /*#__PURE__*/_jsx("path", {
+          d: "M13.242 12.522c.197-.207 1.183-.622.394-1.865-.788-1.243-2.45-2.227-.676-3.47l1.38-1.035"
+        })]
       })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#java-icon)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/JavascriptIcon.js

@@ -24,7 +24,7 @@ export var JavascriptIcon = /*#__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,16 +32,25 @@ export var JavascriptIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'Javascript Icon'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M2 2v20h20V2H2zm18.8 18.8H3.2V3.2h17.6v17.6z"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M17.585 17.925a1.565 1.565 0 01-.488.25 2.297 2.297 0 01-2.457-.75 2.64 2.64 0 01-.143-.188l-.964.56c.23.366.54.676.905.908a3.475 3.475 0 001.562.52c.577.07 1.162.014 1.715-.163.54-.15 1-.503 1.285-.985.204-.39.29-.83.25-1.267a2.115 2.115 0 00-.813-1.652 6.085 6.085 0 00-1.382-.783l-.277-.125c-.25-.107-.5-.22-.75-.345a2.37 2.37 0 01-.535-.37 1.172 1.172 0 01-.313-1.105 1.11 1.11 0 01.795-.825c.28-.076.573-.076.853 0a1.5 1.5 0 01.87.62l.894-.575a2.23 2.23 0 00-1-.84 3.16 3.16 0 00-1.964-.127 2.063 2.063 0 00-1.378.975 2.18 2.18 0 00-.27 1.287c.017.572.265 1.114.688 1.5a4.62 4.62 0 001.262.768l.235.105c.338.15.688.305 1.028.47a2 2 0 01.5.362 1.165 1.165 0 01-.123 1.783l.015-.008zM8 19a3.21 3.21 0 002.315.082 1.857 1.857 0 001.25-1.25 3.46 3.46 0 00.16-1.152v-5.982h-1.2v5.96c0 .181-.013.362-.04.542-.028.37-.24.7-.562.882a1.5 1.5 0 01-1.518-.062 1.685 1.685 0 01-.5-.55l-.035-.055-.983.585c.253.445.643.797 1.113 1z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'javascript-icon',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'Javascript Icon'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M2 2v20h20V2H2zm18.8 18.8H3.2V3.2h17.6v17.6z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M17.585 17.925a1.565 1.565 0 01-.488.25 2.297 2.297 0 01-2.457-.75 2.64 2.64 0 01-.143-.188l-.964.56c.23.366.54.676.905.908a3.475 3.475 0 001.562.52c.577.07 1.162.014 1.715-.163.54-.15 1-.503 1.285-.985.204-.39.29-.83.25-1.267a2.115 2.115 0 00-.813-1.652 6.085 6.085 0 00-1.382-.783l-.277-.125c-.25-.107-.5-.22-.75-.345a2.37 2.37 0 01-.535-.37 1.172 1.172 0 01-.313-1.105 1.11 1.11 0 01.795-.825c.28-.076.573-.076.853 0a1.5 1.5 0 01.87.62l.894-.575a2.23 2.23 0 00-1-.84 3.16 3.16 0 00-1.964-.127 2.063 2.063 0 00-1.378.975 2.18 2.18 0 00-.27 1.287c.017.572.265 1.114.688 1.5a4.62 4.62 0 001.262.768l.235.105c.338.15.688.305 1.028.47a2 2 0 01.5.362 1.165 1.165 0 01-.123 1.783l.015-.008zM8 19a3.21 3.21 0 002.315.082 1.857 1.857 0 001.25-1.25 3.46 3.46 0 00.16-1.152v-5.982h-1.2v5.96c0 .181-.013.362-.04.542-.028.37-.24.7-.562.882a1.5 1.5 0 01-1.518-.062 1.685 1.685 0 01-.5-.55l-.035-.055-.983.585c.253.445.643.797 1.113 1z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#javascript-icon)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/JiraIcon.js

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

package/dist/icons/regular/LearnIcon.js

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

package/dist/icons/regular/LessonIcon.js

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

package/dist/icons/regular/LevelIcon.js

@@ -27,7 +27,7 @@ export var LevelIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     style: {
       backgroundColor: 'transparent'
     },
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -38,13 +38,25 @@ export var LevelIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__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",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
+    }) : 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: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#level)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/LifePreserverIcon.js

@@ -24,7 +24,7 @@ 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",
     width: width,
@@ -32,37 +32,46 @@ export var LifePreserverIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'help-wheel'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("circle", {
-      cx: 12,
-      cy: 12,
-      r: 3.75,
-      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: "M17.119 20.301l-4.59-4.59m3.182-3.181l4.59 4.589m-16.602 0l4.59-4.59m3.182 3.183l-4.59 4.589m0-16.601l4.59 4.589m-3.182 3.182l-4.59-4.59m16.602 0l-4.59 4.59m-3.182-3.182l4.59-4.589"
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: 12,
-      cy: 12,
-      r: 9.75,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'help-wheel',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'help-wheel'
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 12,
+        cy: 12,
+        r: 3.75,
+        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: "M17.119 20.301l-4.59-4.59m3.182-3.181l4.59 4.589m-16.602 0l4.59-4.59m3.182 3.183l-4.59 4.589m0-16.601l4.59 4.589m-3.182 3.182l-4.59-4.59m16.602 0l-4.59 4.59m-3.182-3.182l4.59-4.589"
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 12,
+        cy: 12,
+        r: 9.75,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#help-wheel)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '100%',
+        height: '100%',
+        fill: 'currentColor'
+      })
     })]
   }));
 });

package/dist/icons/regular/LinkIcon.js

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

package/dist/icons/regular/LinkedinIcon.js

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

package/dist/icons/regular/LinkedinOutlineIcon.js

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