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

package/dist/icons/regular/FileLockIcon.js

@@ -24,7 +24,6 @@ export var FileLockIcon = /*#__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",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,23 +31,32 @@ export var FileLockIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'common-file-test-lock'
-    }) : 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: "M83.125 91.875h52.5v43.75h-52.5zm26.25-26.25h0a17.5 17.5 0 00-17.5 17.5v8.75h35v-8.75a17.5 17.5 0 00-17.5-17.5z"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M109.375 111.732a2.188 2.188 0 11-2.188 2.187 2.188 2.188 0 012.188-2.187m-87.5-72.357h61.25m-61.25 26.25H70m-48.125 26.25h35m8.75 26.25h-52.5a8.75 8.75 0 01-8.75-8.75v-96.25a8.75 8.75 0 018.75-8.75h62.002a8.75 8.75 0 016.184 2.56L98.064 23.69a8.75 8.75 0 012.561 6.183V43.75"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'common-file-test-lock',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'common-file-test-lock'
+      }), /*#__PURE__*/_jsxs("g", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 8.75,
+        children: [/*#__PURE__*/_jsx("path", {
+          d: "M83.125 91.875h52.5v43.75h-52.5zm26.25-26.25h0a17.5 17.5 0 00-17.5 17.5v8.75h35v-8.75a17.5 17.5 0 00-17.5-17.5z"
+        }), /*#__PURE__*/_jsx("path", {
+          d: "M109.375 111.732a2.188 2.188 0 11-2.188 2.187 2.188 2.188 0 012.188-2.187m-87.5-72.357h61.25m-61.25 26.25H70m-48.125 26.25h35m8.75 26.25h-52.5a8.75 8.75 0 01-8.75-8.75v-96.25a8.75 8.75 0 018.75-8.75h62.002a8.75 8.75 0 016.184 2.56L98.064 23.69a8.75 8.75 0 012.561 6.183V43.75"
+        })]
       })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#common-file-test-lock)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });

package/dist/icons/regular/FilePyIcon.js

@@ -24,7 +24,6 @@ export var FilePyIcon = /*#__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,
@@ -32,16 +31,25 @@ export var FilePyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'file-py'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M2.244 24.004a2.252 2.252 0 01-2.25-2.25v-19.5a2.252 2.252 0 012.25-2.25h10.628c.601 0 1.166.234 1.591.658l5.867 5.872c.425.424.659.989.659 1.591v.065a.468.468 0 01.004.064c0 .022-.002.043-.004.065v4.435a.75.75 0 01-1.5 0v-3.75h-5.246a2.252 2.252 0 01-2.25-2.25v-5.25h-9.75a.75.75 0 00-.75.75v19.5c0 .414.336.75.75.75h9a.75.75 0 010 1.5H2.244zm11.25-17.25c0 .414.336.75.75.75h4.935l-5.685-5.689v4.939zm8.25 17.25a.75.75 0 01-.75-.75v-3.133a2.26 2.26 0 01-1.5-2.121v-2.246a.75.75 0 011.5 0V18a.75.75 0 001.5 0v-2.25a.75.75 0 011.5 0V18c0 .96-.615 1.808-1.5 2.121v3.133a.75.75 0 01-.75.75z"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M14.244 24.004a.75.75 0 01-.75-.75v-7.5a.75.75 0 01.75-.75h.75c1.654 0 3 1.346 3 3s-1.346 3-3 3v2.25a.75.75 0 01-.75.75zm.75-4.5c.827 0 1.5-.673 1.5-1.5s-.673-1.5-1.5-1.5v3z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'file-py',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'file-py'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M2.244 24.004a2.252 2.252 0 01-2.25-2.25v-19.5a2.252 2.252 0 012.25-2.25h10.628c.601 0 1.166.234 1.591.658l5.867 5.872c.425.424.659.989.659 1.591v.065a.468.468 0 01.004.064c0 .022-.002.043-.004.065v4.435a.75.75 0 01-1.5 0v-3.75h-5.246a2.252 2.252 0 01-2.25-2.25v-5.25h-9.75a.75.75 0 00-.75.75v19.5c0 .414.336.75.75.75h9a.75.75 0 010 1.5H2.244zm11.25-17.25c0 .414.336.75.75.75h4.935l-5.685-5.689v4.939zm8.25 17.25a.75.75 0 01-.75-.75v-3.133a2.26 2.26 0 01-1.5-2.121v-2.246a.75.75 0 011.5 0V18a.75.75 0 001.5 0v-2.25a.75.75 0 011.5 0V18c0 .96-.615 1.808-1.5 2.121v3.133a.75.75 0 01-.75.75z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M14.244 24.004a.75.75 0 01-.75-.75v-7.5a.75.75 0 01.75-.75h.75c1.654 0 3 1.346 3 3s-1.346 3-3 3v2.25a.75.75 0 01-.75.75zm.75-4.5c.827 0 1.5-.673 1.5-1.5s-.673-1.5-1.5-1.5v3z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#file-py)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });

package/dist/icons/regular/FileSearchIcon.js

@@ -24,7 +24,6 @@ export var FileSearchIcon = /*#__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,
@@ -32,35 +31,44 @@ export var FileSearchIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'common-file-text-search'
-    }) : 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: "M3.75 6.75h10.5m-10.5 4.5H7.5m-3.75 4.5H7.5m0 4.5H2.25a1.5 1.5 0 01-1.5-1.5V2.25a1.5 1.5 0 011.5-1.5h10.629a1.5 1.5 0 011.06.439l2.872 2.872a1.5 1.5 0 01.439 1.06V7.5"
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: 15.764,
-      cy: 15.75,
-      r: 5.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: "M23.25 23.25l-3.773-3.788"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'common-file-text-search',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'common-file-text-search'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M3.75 6.75h10.5m-10.5 4.5H7.5m-3.75 4.5H7.5m0 4.5H2.25a1.5 1.5 0 01-1.5-1.5V2.25a1.5 1.5 0 011.5-1.5h10.629a1.5 1.5 0 011.06.439l2.872 2.872a1.5 1.5 0 01.439 1.06V7.5"
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 15.764,
+        cy: 15.75,
+        r: 5.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: "M23.25 23.25l-3.773-3.788"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#common-file-text-search)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });

package/dist/icons/regular/FilterIcon.js

@@ -24,7 +24,6 @@ export var FilterIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     width: width,
@@ -32,19 +31,28 @@ export var FilterIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'filter'
-    }) : 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 4.293h22.5M3.146 9.431h17.708M8.72 19.707h6.56m-9.737-5.138h12.914"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'filter',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'filter'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M.75 4.293h22.5M3.146 9.431h17.708M8.72 19.707h6.56m-9.737-5.138h12.914"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#filter)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });

package/dist/icons/regular/FitNormalIcon.js

@@ -24,7 +24,6 @@ export var FitNormalIcon = /*#__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,
@@ -32,19 +31,28 @@ export var FitNormalIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'expand-horizontal-4'
-    }) : 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: "M3.751 11.998h16.5m-12.75-3.75l-3.75 3.75 3.75 3.75m9-7.5l3.75 3.75-3.75 3.75M.751.748v22.5m22.5-22.5v22.5"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'expand-horizontal-4',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'expand-horizontal-4'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M3.751 11.998h16.5m-12.75-3.75l-3.75 3.75 3.75 3.75m9-7.5l3.75 3.75-3.75 3.75M.751.748v22.5m22.5-22.5v22.5"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#expand-horizontal-4)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });

package/dist/icons/regular/FitShrinkIcon.js

@@ -24,7 +24,6 @@ export var FitShrinkIcon = /*#__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,
@@ -32,19 +31,28 @@ export var FitShrinkIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'shrink-horizontal'
-    }) : 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.751.748v22.5m22.5-22.5v22.5m-9-11.25h9m-22.5 0h9m8.25-3.75l-3.75 3.75 3.75 3.75m-12-7.5l3.75 3.75-3.75 3.75"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'shrink-horizontal',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'shrink-horizontal'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M.751.748v22.5m22.5-22.5v22.5m-9-11.25h9m-22.5 0h9m8.25-3.75l-3.75 3.75 3.75 3.75m-12-7.5l3.75 3.75-3.75 3.75"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#shrink-horizontal)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });

package/dist/icons/regular/FitnessDumbbellIcon.js

@@ -24,7 +24,6 @@ export var FitnessDumbbellIcon = /*#__PURE__*/React.forwardRef(function (_ref, s
   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,
@@ -32,40 +31,49 @@ export var FitnessDumbbellIcon = /*#__PURE__*/React.forwardRef(function (_ref, s
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'fitness-dumbbell'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M16.318 1.189a1.5 1.5 0 000 2.121l4.371 4.371a1.5 1.5 0 002.122-2.121l-4.372-4.371a1.5 1.5 0 00-2.121 0z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M12.075 1.188a1.5 1.5 0 000 2.122l8.615 8.615A1.5 1.5 0 1022.811 9.8L14.2 1.188a1.5 1.5 0 00-2.125 0zM1.189 16.318a1.5 1.5 0 012.122 0l4.371 4.371a1.5 1.5 0 01-2.121 2.121l-4.372-4.371a1.5 1.5 0 010-2.121z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M1.189 12.074a1.5 1.5 0 012.121 0l8.615 8.615A1.5 1.5 0 019.8 22.811L1.189 14.2a1.5 1.5 0 010-2.126z",
-      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: "M6.557 15.321l8.764-8.764 2.121 2.121-8.764 8.765z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'fitness-dumbbell',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'fitness-dumbbell'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M16.318 1.189a1.5 1.5 0 000 2.121l4.371 4.371a1.5 1.5 0 002.122-2.121l-4.372-4.371a1.5 1.5 0 00-2.121 0z",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M12.075 1.188a1.5 1.5 0 000 2.122l8.615 8.615A1.5 1.5 0 1022.811 9.8L14.2 1.188a1.5 1.5 0 00-2.125 0zM1.189 16.318a1.5 1.5 0 012.122 0l4.371 4.371a1.5 1.5 0 01-2.121 2.121l-4.372-4.371a1.5 1.5 0 010-2.121z",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M1.189 12.074a1.5 1.5 0 012.121 0l8.615 8.615A1.5 1.5 0 019.8 22.811L1.189 14.2a1.5 1.5 0 010-2.126z",
+        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: "M6.557 15.321l8.764-8.764 2.121 2.121-8.764 8.765z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#fitness-dumbbell)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });

package/dist/icons/regular/FolderAddIcon.js

@@ -24,7 +24,6 @@ export var FolderAddIcon = /*#__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,
@@ -32,35 +31,44 @@ export var FolderAddIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'folder-add'
-    }) : 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: "M8.25 18.75H2.447M20.25 8.25v-3a1.5 1.5 0 00-1.5-1.5H8.25v-1.5a1.5 1.5 0 00-1.5-1.5h-4.5a1.5 1.5 0 00-1.5 1.5v14.8a1.7 1.7 0 003.336.438l2.351-8.154A1.5 1.5 0 017.879 8.25H21.75a1.5 1.5 0 011.45 1.886"
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: 17.25,
-      cy: 17.25,
-      r: 6,
-      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.25 14.25v6m-3-3h6"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'folder-add',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'folder-add'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M8.25 18.75H2.447M20.25 8.25v-3a1.5 1.5 0 00-1.5-1.5H8.25v-1.5a1.5 1.5 0 00-1.5-1.5h-4.5a1.5 1.5 0 00-1.5 1.5v14.8a1.7 1.7 0 003.336.438l2.351-8.154A1.5 1.5 0 017.879 8.25H21.75a1.5 1.5 0 011.45 1.886"
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 17.25,
+        cy: 17.25,
+        r: 6,
+        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.25 14.25v6m-3-3h6"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#folder-add)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });

package/dist/icons/regular/FolderIcon.js

@@ -24,7 +24,6 @@ export var FolderIcon = /*#__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,
@@ -32,19 +31,28 @@ export var FolderIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'folder-empty'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M20.25 9.75v-3a1.5 1.5 0 00-1.5-1.5H8.25v-1.5a1.5 1.5 0 00-1.5-1.5h-4.5a1.5 1.5 0 00-1.5 1.5v16.3a1.7 1.7 0 003.336.438l2.351-9.657A1.5 1.5 0 017.879 9.75H21.75a1.5 1.5 0 011.45 1.886l-2.2 9a1.5 1.5 0 01-1.45 1.114H2.447",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'folder-empty',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'folder-empty'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M20.25 9.75v-3a1.5 1.5 0 00-1.5-1.5H8.25v-1.5a1.5 1.5 0 00-1.5-1.5h-4.5a1.5 1.5 0 00-1.5 1.5v16.3a1.7 1.7 0 003.336.438l2.351-9.657A1.5 1.5 0 017.879 9.75H21.75a1.5 1.5 0 011.45 1.886l-2.2 9a1.5 1.5 0 01-1.45 1.114H2.447",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#folder-empty)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });

package/dist/icons/regular/ForkIcon.js

@@ -24,7 +24,6 @@ export var ForkIcon = /*#__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,
@@ -32,33 +31,42 @@ export var ForkIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'diagram-split-horizontal'
-    }) : 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: "M23.25 3.75l-3-3-3 3"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M.75 12h13.512a6 6 0 005.988-6.053V.75m3 19.5l-3 3-3-3",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M14.262 12a6 6 0 015.988 6.053v5.2",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'diagram-split-horizontal',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'diagram-split-horizontal'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M23.25 3.75l-3-3-3 3"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M.75 12h13.512a6 6 0 005.988-6.053V.75m3 19.5l-3 3-3-3",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M14.262 12a6 6 0 015.988 6.053v5.2",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: 'url(#diagram-split-horizontal)',
+      children: /*#__PURE__*/_jsx("rect", {
+        width: '24',
+        height: '24',
+        fill: 'red'
+      })
     })]
   }));
 });