@codecademy/gamut-icons 8.0.2-alpha.fa9cd1.0 → 8.1.0

package/dist/icons/regular/ImageIcon.js

@@ -24,6 +24,7 @@ export var ImageIcon = /*#__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",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -31,44 +32,35 @@ export var ImageIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'common-file-horizontal-image'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'common-file-horizontal-image',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'common-file-horizontal-image'
-      }), /*#__PURE__*/_jsx("circle", {
-        cx: 7.08,
-        cy: 8.5,
-        r: 1.875,
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M20.2 16.955L15.828 10.4a.844.844 0 00-1.393-.015L12.19 13.6l-1.39-1.117a.843.843 0 00-1.229.191l-2.865 4.3",
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M2.25 3.023a1.5 1.5 0 00-1.5 1.5v14.954a1.5 1.5 0 001.5 1.5h19.5a1.5 1.5 0 001.5-1.5v-12a1.5 1.5 0 00-.426-1.047l-2.883-2.955a1.5 1.5 0 00-1.074-.452z",
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#common-file-horizontal-image)',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : null, /*#__PURE__*/_jsx("circle", {
+      cx: 7.08,
+      cy: 8.5,
+      r: 1.875,
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M20.2 16.955L15.828 10.4a.844.844 0 00-1.393-.015L12.19 13.6l-1.39-1.117a.843.843 0 00-1.229.191l-2.865 4.3",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M2.25 3.023a1.5 1.5 0 00-1.5 1.5v14.954a1.5 1.5 0 001.5 1.5h19.5a1.5 1.5 0 001.5-1.5v-12a1.5 1.5 0 00-.426-1.047l-2.883-2.955a1.5 1.5 0 00-1.074-.452z",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
     })]
   }));
 });

package/dist/icons/regular/InProgressIcon.js

@@ -24,6 +24,7 @@ export var InProgressIcon = /*#__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",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -31,48 +32,39 @@ export var InProgressIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'navigation-menu-horizontal'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'navigation-menu-horizontal',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'navigation-menu-horizontal'
-      }), /*#__PURE__*/_jsx("circle", {
-        cx: 3.375,
-        cy: 12.023,
-        r: 2.625,
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      }), /*#__PURE__*/_jsx("circle", {
-        cx: 20.625,
-        cy: 12.023,
-        r: 2.625,
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      }), /*#__PURE__*/_jsx("circle", {
-        cx: 12,
-        cy: 12.023,
-        r: 2.625,
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#navigation-menu-horizontal)',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : null, /*#__PURE__*/_jsx("circle", {
+      cx: 3.375,
+      cy: 12.023,
+      r: 2.625,
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
+    }), /*#__PURE__*/_jsx("circle", {
+      cx: 20.625,
+      cy: 12.023,
+      r: 2.625,
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
+    }), /*#__PURE__*/_jsx("circle", {
+      cx: 12,
+      cy: 12.023,
+      r: 2.625,
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
     })]
   }));
 });

package/dist/icons/regular/InfoCircleIcon.js

@@ -24,6 +24,7 @@ export var InfoCircleIcon = /*#__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",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -31,37 +32,28 @@ export var InfoCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'information-circle'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'information-circle',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'information-circle'
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M14.25 16.5h-.75A1.5 1.5 0 0112 15v-3.75a.75.75 0 00-.75-.75h-.75m1.125-3.75a.375.375 0 10.375.375.375.375 0 00-.375-.375h0",
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      }), /*#__PURE__*/_jsx("circle", {
-        cx: 12,
-        cy: 12,
-        r: 11.25,
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#information-circle)',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      d: "M14.25 16.5h-.75A1.5 1.5 0 0112 15v-3.75a.75.75 0 00-.75-.75h-.75m1.125-3.75a.375.375 0 10.375.375.375.375 0 00-.375-.375h0",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
+    }), /*#__PURE__*/_jsx("circle", {
+      cx: 12,
+      cy: 12,
+      r: 11.25,
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
     })]
   }));
 });

package/dist/icons/regular/InformationalIcon.js

@@ -24,6 +24,7 @@ export var InformationalIcon = /*#__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",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -31,35 +32,26 @@ export var InformationalIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'flag-information'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'flag-information',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'flag-information'
-      }), /*#__PURE__*/_jsx("path", {
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5,
-        d: "M.75 23.25V.75m0 19.543l3.154-.97a9.61 9.61 0 017.864 1 9.615 9.615 0 007.679 1.056l2.987-.853a1.126 1.126 0 00.816-1.082V3.637a1.126 1.126 0 00-1.434-1.082l-2.369.677a9.615 9.615 0 01-7.679-1.056 9.61 9.61 0 00-7.864-1L.75 2.145"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M14.25 16.5h-.75A1.5 1.5 0 0112 15v-3.75a.75.75 0 00-.75-.75h-.75m1.125-3.75h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375",
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#flag-information)',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5,
+      d: "M.75 23.25V.75m0 19.543l3.154-.97a9.61 9.61 0 017.864 1 9.615 9.615 0 007.679 1.056l2.987-.853a1.126 1.126 0 00.816-1.082V3.637a1.126 1.126 0 00-1.434-1.082l-2.369.677a9.615 9.615 0 01-7.679-1.056 9.61 9.61 0 00-7.864-1L.75 2.145"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M14.25 16.5h-.75A1.5 1.5 0 0112 15v-3.75a.75.75 0 00-.75-.75h-.75m1.125-3.75h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
     })]
   }));
 });

package/dist/icons/regular/InstagramIcon.js

@@ -24,6 +24,7 @@ export var InstagramIcon = /*#__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",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -34,19 +35,9 @@ export var InstagramIcon = /*#__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: "#fff",
-        d: "M14 16H2c-1.1 0-2-.9-2-2V2C0 .9.9 0 2 0h12c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2zM8 4.9c-1.2 0-2.3.7-2.8 1.8 0 .1-.1.1-.1.2V7c-.1.1-.1.2-.1.2v.7C5 9.6 6.4 11 8.1 11s3.1-1.4 3.1-3.1v-.7s0-.1-.1-.2v-.1c0-.1-.1-.1-.1-.2-.7-1.1-1.8-1.8-3-1.8zm6.2-2.3c0-.4-.4-.8-.8-.8h-1.6c-.4 0-.8.4-.8.8v1.6c0 .4.4.8.8.8h1.6c.4 0 .8-.4.8-.8V2.6zm0 4.1h-1.5c.1.4.2.8.2 1.3 0 2.7-2.2 4.9-4.9 4.9S3.1 10.7 3.1 8c0-.5.1-.9.2-1.3H1.8v6.7c0 .4.4.8.8.8h10.8c.4 0 .8-.4.8-.8V6.7z"
-      })
-    }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#)',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      d: "M14 16H2c-1.1 0-2-.9-2-2V2C0 .9.9 0 2 0h12c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2zM8 4.9c-1.2 0-2.3.7-2.8 1.8 0 .1-.1.1-.1.2V7c-.1.1-.1.2-.1.2v.7C5 9.6 6.4 11 8.1 11s3.1-1.4 3.1-3.1v-.7s0-.1-.1-.2v-.1c0-.1-.1-.1-.1-.2-.7-1.1-1.8-1.8-3-1.8zm6.2-2.3c0-.4-.4-.8-.8-.8h-1.6c-.4 0-.8.4-.8.8v1.6c0 .4.4.8.8.8h1.6c.4 0 .8-.4.8-.8V2.6zm0 4.1h-1.5c.1.4.2.8.2 1.3 0 2.7-2.2 4.9-4.9 4.9S3.1 10.7 3.1 8c0-.5.1-.9.2-1.3H1.8v6.7c0 .4.4.8.8.8h10.8c.4 0 .8-.4.8-.8V6.7z"
     })]
   }));
 });

package/dist/icons/regular/InstructionsIcon.js

@@ -24,6 +24,7 @@ export var InstructionsIcon = /*#__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",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -31,40 +32,31 @@ export var InstructionsIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'check-2'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'check-2',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'check-2'
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M6 13.223L8.45 16.7a1.049 1.049 0 001.707.051L18 6.828",
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      }), /*#__PURE__*/_jsx("rect", {
-        x: 0.75,
-        y: 0.749,
-        width: 22.5,
-        height: 22.5,
-        rx: 1.5,
-        ry: 1.5,
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#check-2)',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      d: "M6 13.223L8.45 16.7a1.049 1.049 0 001.707.051L18 6.828",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
+    }), /*#__PURE__*/_jsx("rect", {
+      x: 0.75,
+      y: 0.749,
+      width: 22.5,
+      height: 22.5,
+      rx: 1.5,
+      ry: 1.5,
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
     })]
   }));
 });

package/dist/icons/regular/IntersectionIcon.js

@@ -24,6 +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",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -31,48 +32,39 @@ export var IntersectionIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'color-palette'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : 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: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : 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
     })]
   }));
 });

package/dist/icons/regular/JavaIcon.js

@@ -24,6 +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",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -31,29 +32,20 @@ export var JavaIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'Java Icon'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : 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"
-        })]
+    }) : 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"
       })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#java-icon)',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'red'
-      })
     })]
   }));
 });

package/dist/icons/regular/JavascriptIcon.js

@@ -24,6 +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",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -31,25 +32,16 @@ export var JavascriptIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'Javascript Icon'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : 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: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : 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"
     })]
   }));
 });

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: "#fff",
+    fill: "currentColor",
     preserveAspectRatio: "xMidYMid",
     viewBox: "0 -30.632 255.324 285.956",
     role: "img",
@@ -35,22 +35,12 @@ export var JiraIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
-      children: [/*#__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(#)',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'red'
-      })
+    }) : 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"
     })]
   }));
 });