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

package/dist/icons/regular/ResetIcon.js

@@ -24,9 +24,10 @@ export var ResetIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,22 +37,22 @@ export var ResetIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'button-refresh-arrows',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'button-refresh-arrows'
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
         d: "M5.25 14.248v4.5H.75m18-9v-4.5h4.5m-4.218-.003A9.752 9.752 0 018.246 21m-3.279-2.249A9.753 9.753 0 0115.754 3"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#button-refresh-arrows)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/ResponsiveIcon.js

@@ -24,9 +24,10 @@ export var ResponsiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,12 +37,12 @@ export var ResponsiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'responsive-design-1',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'responsive-design-1'
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
@@ -54,23 +55,23 @@ export var ResponsiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
         rx: 1.5,
         ry: 1.5,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
         d: "M.75 20.25h7.5m-4.5-12v-1.5a1.5 1.5 0 011.5-1.5h6a1.5 1.5 0 011.5 1.5v9a1.5 1.5 0 01-1.5 1.5m0-3h1.5m-9-6h9"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#responsive-design-1)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/RibbonDoubleFilledIcon.js

@@ -24,9 +24,10 @@ export var RibbonDoubleFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,29 +37,29 @@ export var RibbonDoubleFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'ribbon-double-filled',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'ribbon-double-filled'
       }), /*#__PURE__*/_jsx("path", {
         d: "M7 4V2.31c0-.347.134-.68.373-.926.238-.246.562-.384.9-.384h11.454c.338 0 .662.138.9.384.239.246.373.579.373.926V20",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeWidth: 1.5,
         strokeLinecap: "round",
         strokeLinejoin: "round",
         fill: "none"
       }), /*#__PURE__*/_jsx("path", {
         d: "M16.99 22.879l-5.242-3.794a1.277 1.277 0 00-1.496 0L5.01 22.88A.637.637 0 014 22.368V5.267A1.272 1.272 0 015.273 4h11.454A1.272 1.272 0 0118 5.267v17.101a.632.632 0 01-.687.63.637.637 0 01-.323-.12v0z",
-        fill: "currentColor",
-        stroke: "currentColor",
+        fill: "#fff",
+        stroke: "#fff",
         strokeWidth: 1.5,
         strokeLinecap: "round",
         strokeLinejoin: "round"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#ribbon-double-filled)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/RibbonDoubleIcon.js

@@ -24,9 +24,10 @@ export var RibbonDoubleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,29 +37,29 @@ export var RibbonDoubleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'ribbon-double',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'ribbon-double'
       }), /*#__PURE__*/_jsx("path", {
         d: "M7 4V2.31c0-.347.134-.68.373-.926.238-.246.562-.384.9-.384h11.454c.338 0 .662.138.9.384.239.246.373.579.373.926V20",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeWidth: 1.5,
         strokeLinecap: "round",
         strokeLinejoin: "round",
         fill: "none"
       }), /*#__PURE__*/_jsx("path", {
         d: "M16.99 22.879l-5.242-3.794a1.277 1.277 0 00-1.496 0L5.01 22.88A.637.637 0 014 22.368V5.267A1.272 1.272 0 015.273 4h11.454A1.272 1.272 0 0118 5.267v17.101a.632.632 0 01-.687.63.637.637 0 01-.323-.12v0z",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeWidth: 1.5,
         strokeLinecap: "round",
         strokeLinejoin: "round",
         fill: "none"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#ribbon-double)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/RibbonFilledIcon.js

@@ -24,9 +24,10 @@ export var RibbonFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     viewBox: "0 0 18 24",
     xmlns: "http://www.w3.org/2000/svg",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,22 +37,22 @@ export var RibbonFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'ribbon-filled',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'ribbon-filled'
       }), /*#__PURE__*/_jsx("path", {
         d: "M16.059 23.105l-6.177-4.492a1.5 1.5 0 00-1.764 0l-6.177 4.492A.75.75 0 01.75 22.5V2.25a1.5 1.5 0 011.5-1.5h13.5a1.5 1.5 0 011.5 1.5V22.5a.75.75 0 01-1.191.605z",
-        fill: "currentColor",
-        stroke: "currentColor",
+        fill: "#fff",
+        stroke: "#fff",
         strokeWidth: 1.5,
         strokeLinecap: "round",
         strokeLinejoin: "round"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#ribbon-filled)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/RibbonIcon.js

@@ -24,9 +24,10 @@ export var RibbonIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     viewBox: "0 0 18 24",
     xmlns: "http://www.w3.org/2000/svg",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,22 +37,22 @@ export var RibbonIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'ribbon',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'ribbon'
       }), /*#__PURE__*/_jsx("path", {
         d: "M16.059 23.105l-6.177-4.492a1.5 1.5 0 00-1.764 0l-6.177 4.492A.75.75 0 01.75 22.5V2.25a1.5 1.5 0 011.5-1.5h13.5a1.5 1.5 0 011.5 1.5V22.5a.75.75 0 01-1.191.605v0z",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeWidth: 1.5,
         strokeLinecap: "round",
         strokeLinejoin: "round",
         fill: "none"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#ribbon)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/RoadmapIcon.js

@@ -24,9 +24,10 @@ export var RoadmapIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -35,21 +36,23 @@ export var RoadmapIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("mask", {
-      id: '',
-      children: /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'roadmap',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'roadmap'
+      }), /*#__PURE__*/_jsx("path", {
         d: "M.75 6.26a1.5 1.5 0 01.943-1.393l5.381-2.152a3 3 0 012.333.044l4.487 1.994a3 3 0 002.244.078l5.1-1.855a1.5 1.5 0 012.013 1.41v13.308a1.5 1.5 0 01-.987 1.409l-6.125 2.228a3 3 0 01-2.244-.078l-4.488-1.994a3 3 0 00-2.333-.044l-4.267 1.707A1.5 1.5 0 01.75 19.529zm11.625 4.984a.375.375 0 01.375.375m-.75 0a.375.375 0 01.375-.375m0 .75a.375.375 0 01-.375-.375m.75 0a.375.375 0 01-.375.375m-3 1.756a.375.375 0 01.375.375m-.75 0a.375.375 0 01.375-.375m0 .75A.375.375 0 019 14.125m.75 0a.375.375 0 01-.375.375m-3-3a.375.375 0 01.375.375m-.75 0a.375.375 0 01.375-.375m0 .75A.375.375 0 016 11.875m.75 0a.375.375 0 01-.375.375m-2.25 2.25a.375.375 0 01.375.375m-.75 0a.375.375 0 01.375-.375m0 .75a.375.375 0 01-.375-.375m.75 0a.375.375 0 01-.375.375M15.75 8.244l4.5 4.5m-4.5 0l4.5-4.5",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
-      })
+      })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#roadmap)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/RocketIcon.js

@@ -24,9 +24,10 @@ export var RocketIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,36 +37,36 @@ export var RocketIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'space-rocket-flying',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'space-rocket-flying'
       }), /*#__PURE__*/_jsx("path", {
         d: "M22.5 1.567l-2.158.24a7.5 7.5 0 00-4.475 2.151L6.06 13.765l4.24 4.242L20.109 8.2a7.494 7.494 0 002.151-4.475zM6.06 13.765l-3.622-1.208a.749.749 0 01-.293-1.241l.232-.232a6 6 0 016.14-1.45l1.255.418z",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         d: "M6.06 13.765l-3.622-1.208a.749.749 0 01-.293-1.241l.232-.232a6 6 0 016.14-1.45l1.255.418zm4.24 4.242l1.208 3.622a.749.749 0 001.241.293l.233-.232a6 6 0 001.449-6.14l-.416-1.25z",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         d: "M10.3 18.007l1.208 3.622a.749.749 0 001.241.293l.233-.232a6 6 0 001.449-6.14l-.416-1.25zm-2.521.531a2.243 2.243 0 01-.659 1.591c-.878.878-5.3 2.121-5.3 2.121s1.243-4.425 2.121-5.3a2.246 2.246 0 011.444-.655",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#space-rocket-flying)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/RubyIcon.js

@@ -24,9 +24,10 @@ export var RubyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,7 +37,7 @@ export var RubyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'ruby-icon',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'Ruby Icon'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,10 +50,10 @@ export var RubyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M7.354 9.354l-.708-.708L12 3.293l5.354 5.353-.708.708L12 4.707z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#ruby-icon)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/SearchIcon.js

@@ -24,9 +24,10 @@ export var SearchIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,7 +37,7 @@ export var SearchIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'search',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'search'
       }), /*#__PURE__*/_jsxs("mask", {
@@ -53,13 +54,13 @@ export var SearchIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
           r: 9.063,
           transform: "rotate(-23.025 9.813 9.812)",
           fill: "none",
-          stroke: "currentColor",
+          stroke: "#fff",
           strokeLinecap: "round",
           strokeLinejoin: "round",
           strokeWidth: 1.5
         }), /*#__PURE__*/_jsx("path", {
           fill: "none",
-          stroke: "currentColor",
+          stroke: "#fff",
           strokeLinecap: "round",
           strokeLinejoin: "round",
           strokeWidth: 1.5,
@@ -68,15 +69,15 @@ export var SearchIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       }), /*#__PURE__*/_jsx("g", {
         mask: "url(#search-icon_svg__a)",
         children: /*#__PURE__*/_jsx("path", {
-          fill: "currentColor",
+          fill: "#fff",
           d: "M0 0h24v24H0z"
         })
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#search)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/SettingsSliderVerticalIcon.js

@@ -24,9 +24,10 @@ export var SettingsSliderVerticalIcon = /*#__PURE__*/React.forwardRef(function (
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,22 +37,22 @@ export var SettingsSliderVerticalIcon = /*#__PURE__*/React.forwardRef(function (
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'settings-vertical',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'settings-vertical'
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
         d: "M15.75 11.265v-6m0 13.5v-3m2.25-2.25a2.25 2.25 0 11-2.25-2.25 2.25 2.25 0 012.25 2.25zm-9.75-3.75v9m2.25-11.25a2.25 2.25 0 10-2.25 2.25 2.25 2.25 0 002.25-2.25z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#settings-vertical)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/ShareIcon.js

@@ -24,9 +24,10 @@ export var ShareIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -36,7 +37,7 @@ export var ShareIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'share',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'share'
       }), /*#__PURE__*/_jsx("circle", {
@@ -44,7 +45,7 @@ export var ShareIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         cy: 11.25,
         r: 3.75,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
@@ -53,7 +54,7 @@ export var ShareIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         cy: 6,
         r: 3.75,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
@@ -62,23 +63,23 @@ export var ShareIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         cy: 18,
         r: 3.75,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
         d: "M8.746 9.891l6.508-2.531m-6.649 5.568l6.79 3.395"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#share)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/SlackIcon.js

@@ -24,9 +24,10 @@ export var SlackIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 400 400",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -35,17 +36,19 @@ export var SlackIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("mask", {
-      id: '',
-      children: /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'slack',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'slack'
+      }), /*#__PURE__*/_jsx("path", {
         d: "M248.73 1.962c-3.087.331-3.698.411-3.85.505-.148.092-.822.248-1.521.353-1.176.177-1.977.382-2.068.529a.209.209 0 01-.287.062c-.099-.061-.466.014-.816.167-.351.154-1.187.436-1.858.628-.671.191-1.221.403-1.221.471 0 .067-.189.137-.422.154-.232.018-.494.147-.582.286-.089.14-.163.177-.165.084-.001-.094-.112-.084-.247.023-.134.107-.573.3-.976.43s-.733.322-.733.427c0 .106-.088.138-.195.071-.107-.066-.195-.027-.195.086 0 .114-.144.207-.319.207-.333 0-1.644.731-1.852 1.032-.065.095-.197.165-.292.155-.096-.01-.328.114-.516.275-.188.161-.344.227-.348.148-.003-.08-.113-.013-.244.148s-.578.466-.993.678c-.415.211-.798.497-.851.635a.43.43 0 01-.374.25c-.153 0-.329.131-.391.293-.061.161-.217.293-.345.293-.321 0-2.2 1.665-4.394 3.895-2.512 2.551-3.05 3.136-2.89 3.136.075 0-.017.167-.205.371-.674.731-1.439 1.76-1.41 1.896.016.077-.112.218-.286.315-.173.097-.269.249-.213.339.055.09-.037.215-.204.28-.167.064-.25.205-.183.313.067.108.043.197-.054.197s-.344.329-.549.732c-.205.403-.427.777-.493.83-.201.162-1.23 2.235-1.188 2.393.021.08-.049.146-.156.146-.108 0-.181.066-.164.147.018.08-.201.63-.486 1.221-.285.59-.519 1.21-.52 1.376a.899.899 0 01-.236.538c-.129.128-.151.235-.049.237.102.002.078.071-.054.155-.132.083-.266.324-.299.534-.032.21-.112.47-.176.577-.135.227-.787 2.399-.849 2.833a3.18 3.18 0 01-.159.585c-.149.374-.656 2.954-.807 4.102a316.42 316.42 0 01-.25 1.855c-.193 1.407-.237 108.798-.045 111.133.244 2.966.368 4.041.515 4.482.074.221.143.533.153.694.029.43.313 1.809.444 2.149.061.161.129.38.15.488.021.107.058.239.082.293.024.053.082.317.127.586.071.418.403 1.454.813 2.539.061.161.131.381.155.488.025.107.192.547.372.977.18.429.319.804.31.833-.04.12 2.038 4.059 2.198 4.169.096.066.164.178.149.249-.04.2.828 1.682.984 1.682.076 0 .19.198.253.44.063.241.364.703.669 1.025.305.322.57.674.588.781.036.213.989 1.4 1.845 2.298.295.31.537.632.537.714 0 .317 4.735 4.703 5.076 4.703.109 0 .197.084.197.186 0 .156 1.375 1.183 2.832 2.115.215.137.823.532 1.35.879.528.346 1.001.599 1.053.563.051-.036.146.019.212.122.167.262 3.269 1.799 3.631 1.799.163 0 .297.07.297.156 0 .183 1.15.625 1.625.625.181 0 .328.072.328.16 0 .156 1.955.852 2.543.906.163.015.402.093.532.173.13.08.48.184.778.23.641.099.874.153 1.909.441.43.12 1.221.274 1.758.343l1.66.214c3.301.422 8.274.416 10.84-.014a42.614 42.614 0 011.66-.221c.591-.068 1.865-.336 2.832-.596.967-.259 1.934-.512 2.148-.561.918-.211 3.919-1.36 4.05-1.55.079-.115.145-.14.147-.057.001.084.265.016.587-.15.321-.166.619-.278.663-.249.043.029.249-.101.457-.29.208-.188.437-.283.509-.211.072.072.13.023.13-.109s.081-.189.18-.128c.099.061.315-.025.481-.191.166-.166.371-.303.456-.304.084-.002.461-.195.837-.43.376-.235.771-.461.878-.503 1.44-.561 6.447-4.497 8.09-6.36a25.69 25.69 0 011.334-1.349c.457-.427.83-.876.83-.997 0-.12.166-.361.369-.535.203-.173.752-.83 1.22-1.459.468-.629.903-1.188.966-1.242.218-.184 1.542-2.343 1.437-2.343-.058 0 .109-.286.372-.635.65-.865 1.896-3.392 1.747-3.541-.067-.067-.004-.121.139-.121.144 0 .212-.049.153-.109-.06-.059.137-.615.437-1.235.3-.62.65-1.516.778-1.991.127-.476.305-1.007.395-1.182.09-.175.232-.658.315-1.074.183-.917.174-.883.321-1.245.261-.643.511-1.828.417-1.98-.055-.088-.006-.336.109-.549.114-.214.254-.853.311-1.42.057-.568.165-1.559.24-2.204.185-1.574.177-110.983-.007-112.597l-.224-1.953a23.243 23.243 0 00-.645-3.321 99.123 99.123 0 01-.352-1.367 4.296 4.296 0 00-.107-.39.6.6 0 01-.008-.265c.016-.092-.072-.29-.197-.44-.124-.149-.16-.272-.08-.272s.059-.11-.046-.244c-.106-.134-.245-.525-.31-.869-.065-.343-.267-.958-.449-1.367-.181-.408-.319-.799-.307-.868.051-.273-2.716-5.636-2.907-5.636-.112 0-.155-.078-.096-.174.058-.095-.023-.28-.181-.412-.158-.131-.486-.635-.728-1.12-.242-.485-.551-.924-.687-.976-.135-.052-.247-.195-.249-.318-.002-.19-1.958-2.766-2.319-3.055-.067-.054-.578-.632-1.136-1.284-.558-.653-1.6-1.664-2.316-2.246-.716-.583-1.483-1.258-1.705-1.499-.222-.242-.52-.44-.662-.44-.142 0-.258-.09-.258-.201 0-.111-.153-.26-.341-.332-.384-.147-.449-.193-1.442-1.023-.39-.326-.801-.592-.912-.592-.111 0-.231-.069-.267-.154-.089-.211-1.983-1.311-2.165-1.257-.08.024-.146-.05-.146-.163 0-.114-.08-.157-.179-.097-.098.061-.208.044-.244-.037-.084-.19-2.897-1.665-2.897-1.519 0 .061-.22-.033-.489-.209-.268-.176-.488-.264-.488-.195 0 .068-.22-.02-.488-.196-.269-.176-.488-.255-.488-.176 0 .08-.132.035-.293-.099-.162-.134-.295-.166-.296-.073-.002.094-.068.083-.147-.025-.142-.194-1.835-.801-2.78-.996-.759-.156-1.074-.24-1.074-.283 0-.022-.176-.066-.391-.099-.215-.032-.61-.117-.879-.188-.649-.171-2.297-.486-3.027-.578-3.841-.483-6.897-.575-9.571-.288M353.28 106.16c-.035.036-.59.109-1.233.164-1.202.102-2.17.231-3.024.403a27.1 27.1 0 01-1.269.207c-.43.059-1.265.252-1.856.428-.59.176-1.23.349-1.42.385-.661.123-2.78.883-3.023 1.084-.134.111-.244.143-.244.073 0-.071-.198-.019-.44.115-.241.135-.483.255-.537.267-.744.174-1.171.361-1.171.512 0 .102-.088.132-.196.065-.107-.066-.195-.013-.195.119s-.055.185-.122.118c-.136-.137-1.667.591-1.853.88-.066.103-.177.177-.246.166-.209-.034-1.381.61-1.536.844-.079.119-.145.148-.146.065-.021-1.039-11.136 8.687-11.136 9.743 0 .15-.081.272-.18.272-.098 0-.38.33-.626.733-.246.403-.547.82-.669.927-.33.291-1.11 1.465-.972 1.465.065 0-.064.196-.288.436-.223.239-.455.635-.517.879-.061.244-.194.443-.297.443-.102 0-.135.081-.075.179.061.098.033.208-.062.244-.174.065-1.777 3.103-1.87 3.543-.028.128-.283.741-.568 1.362-.284.621-.517 1.284-.517 1.475 0 .19-.076.429-.169.531-.202.223-1.172 3.641-1.284 4.528-.044.345-.125.701-.18.79-.056.09-.158.642-.228 1.226-.07.585-.168 1.327-.217 1.649-.348 2.296-.46 9.534-.415 26.954l.052 19.921h21.484c21.626 0 24.888-.071 27.246-.595.269-.06.808-.151 1.199-.203.391-.051 1.314-.268 2.051-.482a86.135 86.135 0 011.634-.461c.807-.201 2.746-.892 3.29-1.173.338-.175.615-.27.615-.211 0 .06.286-.043.635-.228.349-.185.735-.354.858-.375.319-.056 4.144-2.119 4.53-2.444.179-.15.545-.382.813-.516 1.821-.906 6.254-4.702 8.383-7.179.554-.644 1.2-1.369 1.435-1.611.235-.242.344-.439.242-.439-.102 0 .01-.137.248-.305.239-.167.434-.421.434-.565 0-.143.138-.313.306-.378.168-.064.25-.205.184-.314-.067-.108-.04-.196.061-.196.223 0 1.989-2.729 1.989-3.074 0-.136.093-.247.206-.247.114 0 .157-.08.097-.178-.061-.099-.033-.208.062-.244.226-.086 1.783-3.196 1.783-3.561 0-.154.071-.31.158-.346.156-.064 1.338-3.213 1.491-3.971.044-.215.217-.774.386-1.242.168-.468.261-.923.207-1.012-.055-.088-.016-.213.086-.276.102-.063.185-.267.184-.453-.001-.186.09-.701.203-1.144.209-.818.261-1.186.601-4.204.269-2.394.063-9.481-.306-10.515-.058-.161-.151-.732-.209-1.27-.057-.538-.183-1.074-.279-1.191-.096-.118-.133-.256-.082-.307.159-.159-1.233-4.911-1.619-5.527a1.349 1.349 0 01-.159-.42c-.019-.119-.215-.626-.436-1.127-.222-.501-.385-.943-.363-.983.021-.041-.128-.259-.333-.485-.204-.226-.309-.411-.233-.411.156 0-.476-1.203-.73-1.389-.09-.066-.157-.175-.149-.243.028-.241-.641-1.493-.798-1.493-.088 0-.159-.132-.159-.293 0-.161-.093-.293-.207-.293-.114 0-.156-.082-.094-.183.063-.101-.028-.263-.201-.359-.173-.097-.316-.256-.319-.354-.007-.289-1.35-2.229-1.542-2.229-.097 0-.177-.11-.177-.244-.001-.134-.427-.705-.946-1.269-.52-.564-.905-1.026-.856-1.026.087 0-2.955-3.022-4.164-4.138-.328-.302-.701-.549-.83-.549s-.234-.084-.234-.185c0-.232-3.118-2.47-3.348-2.403-.092.027-.168-.039-.168-.147 0-.107-.132-.195-.293-.195-.161 0-.293-.073-.293-.162 0-.09-.242-.284-.537-.433a11.444 11.444 0 01-1.048-.613c-.28-.189-.566-.287-.634-.219-.069.069-.125.017-.125-.114 0-.132-.088-.186-.195-.119-.107.066-.195.027-.195-.086 0-.114-.176-.207-.391-.207-.215 0-.391-.088-.391-.195 0-.108-.129-.196-.288-.196-.158 0-.57-.171-.914-.38-.344-.21-.698-.336-.786-.282-.088.055-.16-.008-.16-.14s-.058-.182-.129-.111c-.07.071-.224.053-.341-.04-.282-.223-3.373-1.34-4.12-1.489-.899-.18-.963-.197-1.172-.321-.174-.102-.834-.25-2.197-.489l-.976-.176c-.296-.054-.886-.14-1.312-.191-.426-.051-.939-.144-1.14-.208-.383-.121-7.683-.279-7.794-.169M248.145 210.487c-16.175 1.504-30.171 12.69-35.359 28.258-8.307 24.93 8.006 51.024 34.089 54.527 3.218.432 111.853.416 115.157-.017 28.059-3.678 44.363-33.946 32.012-59.427-5.904-12.182-16.502-20.21-30.274-22.936l-2.149-.425-56.348-.027c-30.991-.014-56.699.007-57.128.047m-37.548 126.574c.08 25.061.034 24.026 1.315 29.177 7.752 31.17 47.318 41.905 69.966 18.984 21.753-22.015 12.771-59.281-16.615-68.938-5.956-1.958-7.064-2.026-32.775-2.026h-21.963l.072 22.803M40.039 210.482c-34.904 3.465-50.206 46.223-25.398 70.965 23.496 23.432 64.018 11.12 70.314-21.364.747-3.851.787-5.279.787-27.751v-21.98l-22.51.031c-12.38.017-22.817.062-23.193.099m103.125.089c-18.818 2.162-33.964 17.064-36.425 35.84-.362 2.765-.451 111.38-.093 114.336 3.21 26.526 29.747 43.164 55.073 34.529 14.307-4.878 24.609-17.091 27.481-32.581.421-2.267.662-111.378.255-115.136-2.5-23.074-23.23-39.638-46.291-36.988m.879-208.594c-19.065 1.803-34.426 16.421-37.222 35.421-3.113 21.159 10.302 41.258 31.018 46.472 4.775 1.202 3.896 1.165 28.917 1.236l22.907.065-.069-23.396c-.078-26.144.008-24.461-1.509-29.826-5.427-19.2-24.035-31.865-44.042-29.972M39.264 106.278c-20.511 2.161-36.379 19.252-37.06 39.917-.712 21.594 14.024 39.253 35.725 42.814 2.497.409 106.718.645 112.657.254 25.624-1.685 43.4-25.123 38.173-50.332-3.421-16.495-16.565-29.108-33.681-32.319l-2.441-.458-55.86-.026c-31.577-.014-56.578.051-57.513.15",
         fillRule: "evenodd"
-      })
+      })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#slack)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]