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

package/dist/icons/regular/RefreshIcon.js

@@ -37,7 +37,7 @@ export var RefreshIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'button-refresh-arrow',
+      id: "button-refresh-arrow-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'button-refresh-arrow'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +49,11 @@ export var RefreshIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M6 14.248v4.5H1.5m4.217.003A9.753 9.753 0 0116.5 3M5.712 18.746A9.72 9.72 0 119 21"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#button-refresh-arrow)',
+      mask: "url(#button-refresh-arrow-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/ResetIcon.js

@@ -37,7 +37,7 @@ export var ResetIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'button-refresh-arrows',
+      id: "button-refresh-arrows-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'button-refresh-arrows'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +49,11 @@ export var ResetIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         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: 'url(#button-refresh-arrows)',
+      mask: "url(#button-refresh-arrows-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/ResponsiveIcon.js

@@ -37,7 +37,7 @@ export var ResponsiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'responsive-design-1',
+      id: "responsive-design-1-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'responsive-design-1'
       }), /*#__PURE__*/_jsx("path", {
@@ -68,11 +68,11 @@ export var ResponsiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
         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: 'url(#responsive-design-1)',
+      mask: "url(#responsive-design-1-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/RibbonDoubleFilledIcon.js

@@ -37,7 +37,7 @@ export var RibbonDoubleFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'ribbon-double-filled',
+      id: "ribbon-double-filled-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'ribbon-double-filled'
       }), /*#__PURE__*/_jsx("path", {
@@ -56,11 +56,11 @@ export var RibbonDoubleFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref
         strokeLinejoin: "round"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#ribbon-double-filled)',
+      mask: "url(#ribbon-double-filled-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/RibbonDoubleIcon.js

@@ -37,7 +37,7 @@ export var RibbonDoubleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'ribbon-double',
+      id: "ribbon-double-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'ribbon-double'
       }), /*#__PURE__*/_jsx("path", {
@@ -56,11 +56,11 @@ export var RibbonDoubleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
         fill: "none"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#ribbon-double)',
+      mask: "url(#ribbon-double-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/RibbonFilledIcon.js

@@ -37,7 +37,7 @@ export var RibbonFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'ribbon-filled',
+      id: "ribbon-filled-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'ribbon-filled'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +49,11 @@ export var RibbonFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
         strokeLinejoin: "round"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#ribbon-filled)',
+      mask: "url(#ribbon-filled-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/RibbonIcon.js

@@ -37,7 +37,7 @@ export var RibbonIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'ribbon',
+      id: "ribbon-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'ribbon'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +49,11 @@ export var RibbonIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         fill: "none"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#ribbon)',
+      mask: "url(#ribbon-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/RoadmapIcon.js

@@ -37,7 +37,7 @@ export var RoadmapIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'roadmap',
+      id: "roadmap-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'roadmap'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +49,11 @@ export var RoadmapIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#roadmap)',
+      mask: "url(#roadmap-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/RocketIcon.js

@@ -37,7 +37,7 @@ export var RocketIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'space-rocket-flying',
+      id: "space-rocket-flying-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'space-rocket-flying'
       }), /*#__PURE__*/_jsx("path", {
@@ -63,11 +63,11 @@ export var RocketIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#space-rocket-flying)',
+      mask: "url(#space-rocket-flying-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/RubyIcon.js

@@ -37,7 +37,7 @@ export var RubyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'ruby-icon',
+      id: "ruby-icon-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'Ruby Icon'
       }), /*#__PURE__*/_jsx("path", {
@@ -50,11 +50,11 @@ 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: 'url(#ruby-icon)',
+      mask: "url(#ruby-icon-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/SearchIcon.js

@@ -37,7 +37,7 @@ export var SearchIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'search',
+      id: "search-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'search'
       }), /*#__PURE__*/_jsxs("mask", {
@@ -74,11 +74,11 @@ export var SearchIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         })
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#search)',
+      mask: "url(#search-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/SettingsSliderVerticalIcon.js

@@ -37,7 +37,7 @@ export var SettingsSliderVerticalIcon = /*#__PURE__*/React.forwardRef(function (
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'settings-vertical',
+      id: "settings-vertical-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'settings-vertical'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +49,11 @@ export var SettingsSliderVerticalIcon = /*#__PURE__*/React.forwardRef(function (
         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: 'url(#settings-vertical)',
+      mask: "url(#settings-vertical-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/ShareIcon.js

@@ -37,7 +37,7 @@ export var ShareIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'share',
+      id: "share-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'share'
       }), /*#__PURE__*/_jsx("circle", {
@@ -76,11 +76,11 @@ export var ShareIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M8.746 9.891l6.508-2.531m-6.649 5.568l6.79 3.395"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#share)',
+      mask: "url(#share-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/SlackIcon.js

@@ -37,7 +37,7 @@ export var SlackIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'slack',
+      id: "slack-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'slack'
       }), /*#__PURE__*/_jsx("path", {
@@ -45,11 +45,11 @@ export var SlackIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         fillRule: "evenodd"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#slack)',
+      mask: "url(#slack-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/SmallCheckIcon.js

@@ -37,7 +37,7 @@ export var SmallCheckIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'small-check',
+      id: "small-check-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'small-check'
       }), /*#__PURE__*/_jsx("path", {
@@ -45,11 +45,11 @@ export var SmallCheckIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
         fill: "#fff"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#small-check)',
+      mask: "url(#small-check-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/StackedSquaresIcon.js

@@ -37,7 +37,7 @@ export var StackedSquaresIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'stacked-squares',
+      id: "stacked-squares-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'stacked-squares'
       }), /*#__PURE__*/_jsxs("g", {
@@ -55,11 +55,11 @@ export var StackedSquaresIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
         })]
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#stacked-squares)',
+      mask: "url(#stacked-squares-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/StarCircleIcon.js

@@ -37,7 +37,7 @@ export var StarCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'rating-star-circle',
+      id: "rating-star-circle-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'rating-star-circle'
       }), /*#__PURE__*/_jsxs("g", {
@@ -53,11 +53,11 @@ export var StarCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
         })]
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#rating-star-circle)',
+      mask: "url(#rating-star-circle-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/StarFilledCircleIcon.js

@@ -37,7 +37,7 @@ export var StarFilledCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref,
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'star-filled-circle',
+      id: "star-filled-circle-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'star-filled-circle'
       }), /*#__PURE__*/_jsx("path", {
@@ -47,11 +47,11 @@ export var StarFilledCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref,
         fill: "#fff"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#star-filled-circle)',
+      mask: "url(#star-filled-circle-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/StarFilledIcon.js

@@ -37,18 +37,18 @@ export var StarFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'star-filled-icon',
+      id: "star-filled-icon-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'star-filled-icon'
       }), /*#__PURE__*/_jsx("path", {
         d: "M23.555 8.729a1.505 1.505 0 00-1.406-.98h-6.087a.5.5 0 01-.472-.334l-2.185-6.193a1.5 1.5 0 00-2.81 0l-.005.016-2.18 6.177a.5.5 0 01-.471.334H1.85A1.5 1.5 0 00.887 10.4l5.184 4.3a.5.5 0 01.155.543l-2.178 6.531a1.5 1.5 0 002.31 1.684l5.346-3.92a.5.5 0 01.591 0l5.344 3.919a1.5 1.5 0 002.312-1.683l-2.178-6.535a.5.5 0 01.155-.543l5.194-4.306a1.5 1.5 0 00.433-1.661z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#star-filled-icon)',
+      mask: "url(#star-filled-icon-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/StarIcon.js

@@ -37,7 +37,7 @@ export var StarIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'rating-star',
+      id: "rating-star-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'rating-star'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +49,11 @@ export var StarIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#rating-star)',
+      mask: "url(#rating-star-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/StreakIcon.js

@@ -37,7 +37,7 @@ export var StreakIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'trends-hot-flame',
+      id: "trends-hot-flame-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'trends-hot-flame'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +49,11 @@ export var StreakIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#trends-hot-flame)',
+      mask: "url(#trends-hot-flame-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/StudyBookIcon.js

@@ -37,7 +37,7 @@ export var StudyBookIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'study-book',
+      id: "study-book-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'study-book'
       }), /*#__PURE__*/_jsx("path", {
@@ -46,11 +46,11 @@ export var StudyBookIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
         d: "M9.342 7.298a.74.74 0 01-.255-.045 23.751 23.751 0 00-5.403-1.26.75.75 0 01.166-1.49c1.96.22 3.893.671 5.746 1.34a.747.747 0 01.45.961.749.749 0 01-.704.494zm10.072 2.673a.746.746 0 01-.74-.63.748.748 0 01.621-.86c.351-.057.716-.11 1.086-.158a.752.752 0 01.692 1.2.744.744 0 01-.498.286c-.355.046-.702.097-1.04.152a.731.731 0 01-.121.01zM9.342 11.113a.752.752 0 01-.253-.044 24.317 24.317 0 00-5.406-1.261.75.75 0 01.171-1.49c1.956.224 3.887.675 5.741 1.339.189.068.34.204.425.385a.75.75 0 01-.678 1.071zm0 4.043a.747.747 0 01-.252-.044 24.559 24.559 0 00-5.457-1.261.748.748 0 01-.661-.83.75.75 0 01.829-.661c1.972.223 3.921.673 5.792 1.339.189.067.34.204.426.385s.096.385.029.573a.75.75 0 01-.706.499zM14.9 7.305a.751.751 0 01-.252-1.457 26.037 26.037 0 015.795-1.339.75.75 0 01.67 1.213.738.738 0 01-.501.278 24.55 24.55 0 00-5.461 1.261.741.741 0 01-.251.044zm-4.551 16.696a.753.753 0 01-.6-.3l-.474-.632a2.295 2.295 0 010-2.738 2.298 2.298 0 011.83-.914c.496 0 .969.157 1.366.455l.277.208v-7.705c0-1.447 1.177-2.625 2.625-2.625s2.625 1.177 2.625 2.625v5.141l3.063.68a3.759 3.759 0 012.922 4l-.1 1.121a.747.747 0 01-.748.683.75.75 0 01-.746-.817l.1-1.122a2.256 2.256 0 00-1.753-2.401l-3.651-.811a.745.745 0 01-.587-.732v-5.742c0-.62-.505-1.125-1.125-1.125s-1.125.505-1.125 1.125v9.205a.746.746 0 01-.75.75.753.753 0 01-.45-.15l-1.477-1.108a.775.775 0 00-.468-.156.777.777 0 00-.628.313.788.788 0 000 .939l.474.631a.748.748 0 01-.149 1.05.741.741 0 01-.451.152z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#study-book)',
+      mask: "url(#study-book-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/SupportFilledIcon.js

@@ -37,18 +37,18 @@ export var SupportFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'question-circle-filled',
+      id: "question-circle-filled-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'question-circle-filled'
       }), /*#__PURE__*/_jsx("path", {
         d: "M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm0 19a1.5 1.5 0 111.5-1.5A1.5 1.5 0 0112 19zm1.6-6.08a1 1 0 00-.6.917 1 1 0 11-2 0 3 3 0 011.8-2.75A2 2 0 1010 9.255a1 1 0 11-2 0 4 4 0 115.6 3.666z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#question-circle-filled)',
+      mask: "url(#question-circle-filled-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/SupportIcon.js

@@ -37,7 +37,7 @@ export var SupportIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'question-circle',
+      id: "question-circle-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'question-circle'
       }), /*#__PURE__*/_jsx("path", {
@@ -57,11 +57,11 @@ export var SupportIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#question-circle)',
+      mask: "url(#question-circle-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));