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

package/dist/icons/regular/PathChangeIcon.js

@@ -37,7 +37,7 @@ export var PathChangeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'flag-1',
+      id: "flag-1-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'flag-1'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +49,11 @@ export var PathChangeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
         d: "M.75.75v22.5m0-21H22.5a.75.75 0 01.56 1.248L19.055 8a1.5 1.5 0 000 1.994l4 4.505a.75.75 0 01-.56 1.248H.75"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#flag-1)',
+      mask: "url(#flag-1-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/PathCompleteIcon.js

@@ -37,7 +37,7 @@ export var PathCompleteIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'flags',
+      id: "flags-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'flags'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +49,11 @@ export var PathCompleteIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
         d: "M16.32 3.027L9.035 20.973m6.721-16.556l7.26 2.948a.375.375 0 01.042.675L20.6 9.418a1.5 1.5 0 00-.705 1.737l.8 2.705a.375.375 0 01-.5.454l-7.26-2.947M7.68 3.027l7.285 17.946M8.244 4.417L.984 7.365a.375.375 0 00-.042.675L3.4 9.418a1.5 1.5 0 01.705 1.737l-.8 2.705a.375.375 0 00.5.454l7.261-2.947"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#flags)',
+      mask: "url(#flags-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/PathIcon.js

@@ -37,7 +37,7 @@ export var PathIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'hierarchy-1',
+      id: "hierarchy-1-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'hierarchy-1'
       }), /*#__PURE__*/_jsx("circle", {
@@ -85,11 +85,11 @@ export var PathIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M3.902 18.936l3.446-7.876m2.659-.656l3.986 3.189m6.105-8.533l-3.446 7.876"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#hierarchy-1)',
+      mask: "url(#hierarchy-1-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/PauseIcon.js

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

package/dist/icons/regular/PdfIcon.js

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

package/dist/icons/regular/PeopleIcon.js

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

package/dist/icons/regular/PersonChatIcon.js

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

package/dist/icons/regular/PersonIcon.js

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

package/dist/icons/regular/PhoneIcon.js

@@ -37,7 +37,7 @@ export var PhoneIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'mobile-phone',
+      id: "mobile-phone-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'mobile-phone'
       }), /*#__PURE__*/_jsx("rect", {
@@ -61,11 +61,11 @@ export var PhoneIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M5.251 18.75h13.5"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#mobile-phone)',
+      mask: "url(#mobile-phone-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/PieLineGraphIcon.js

@@ -37,7 +37,7 @@ export var PieLineGraphIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'pie-line-graph',
+      id: "pie-line-graph-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'pie-line-graph'
       }), /*#__PURE__*/_jsx("path", {
@@ -77,11 +77,11 @@ export var PieLineGraphIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
         d: "M8.246 3.75v4.5l3.182 3.182m5.068-6.182h3m-3 3h3"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#pie-line-graph)',
+      mask: "url(#pie-line-graph-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/PinIcon.js

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

package/dist/icons/regular/PlayCircledIcon.js

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

package/dist/icons/regular/PlayIcon.js

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

package/dist/icons/regular/PortfolioProjectIcon.js

@@ -37,7 +37,7 @@ export var PortfolioProjectIcon = /*#__PURE__*/React.forwardRef(function (_ref,
       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 PortfolioProjectIcon = /*#__PURE__*/React.forwardRef(function (_ref,
         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/ProgrammingBrowserIcon.js

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

package/dist/icons/regular/ProjectsIcon.js

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

package/dist/icons/regular/PythonIcon.js

@@ -37,7 +37,7 @@ export var PythonIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'python-icon',
+      id: "python-icon-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'Python Icon'
       }), /*#__PURE__*/_jsx("path", {
@@ -46,11 +46,11 @@ export var PythonIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M9.547 4.453h1.133V5.71H9.548V4.453zM13.32 18.29h1.133v1.258H13.32V18.29z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#python-icon)',
+      mask: "url(#python-icon-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/QuizIcon.js

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

package/dist/icons/regular/RadarIcon.js

@@ -37,7 +37,7 @@ export var RadarIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'radar',
+      id: "radar-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'radar'
       }), /*#__PURE__*/_jsx("path", {
@@ -46,11 +46,11 @@ export var RadarIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M17.625 17.25a.796.796 0 01-.13-.011 1.126 1.126 0 01-.983-.983.796.796 0 010-.261c.06-.513.47-.923.983-.983a.699.699 0 01.261-.001c.513.06.923.47.983.983a.808.808 0 010 .262c-.06.513-.47.923-.983.983a.817.817 0 01-.131.011zm-11.25-9a.717.717 0 01-.131-.012 1.125 1.125 0 01-.982-.982.717.717 0 010-.262c.06-.513.47-.922.982-.982a.717.717 0 01.262 0c.513.06.922.47.982.982a.717.717 0 010 .262c-.06.513-.47.922-.982.982a.717.717 0 01-.131.012z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#radar)',
+      mask: "url(#radar-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/RailsIcon.js

@@ -37,18 +37,18 @@ export var RailsIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'rails-icon',
+      id: "rails-icon-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'Rails Icon'
       }), /*#__PURE__*/_jsx("path", {
         d: "M9.196 11.888c-1.19 2.646-1.718 5.531-1.579 8.67h5.487c-.911-2.22-1.183-4.879-.834-7.955.266-2.346 1.3-4.336 3.065-5.966-2.972.959-4.998 2.713-6.139 5.25zm-2.781 9.974c-.363-3.821.173-7.326 1.607-10.514C10.1 6.724 14.727 4.43 21.899 4.47c-5.135 1.726-7.917 4.486-8.347 8.282-.43 3.796.143 6.832 1.72 9.11H6.415zM2 19.174h2.581v2.609H2zm1.108-7.014l2.022.736-.744 2.042-2.021-.735zM6.09 7.223l1.49.86-.87 1.506-1.489-.86zm4.775-2.826l.645 1.117-1.129.652-.645-1.117zM15.5 2.874l.343.94-.94.341-.342-.94zM20 3v1h-1V3z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#rails-icon)',
+      mask: "url(#rails-icon-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/RatingStarCircleIcon.js

@@ -37,7 +37,7 @@ export var RatingStarCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref,
       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__*/_jsx("path", {
@@ -58,11 +58,11 @@ export var RatingStarCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref,
         strokeWidth: 1.5
       })]
     }), /*#__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/RatingStarGiveIcon.js

@@ -37,7 +37,7 @@ export var RatingStarGiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'rating-star-give-1',
+      id: "rating-star-give-1-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'rating-star-give-1'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +49,11 @@ export var RatingStarGiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
         d: "M.75 14.25v9m0-1.5h15a3 3 0 00-3-3H9a3 3 0 00-3-3H.75m5.25 3h3m7.932-17.517l2.005 3.946h3.428a.884.884 0 01.62 1.513L19.868 9.76l1.741 4a.883.883 0 01-1.243 1.122l-4.222-2.374-4.222 2.374a.883.883 0 01-1.243-1.122l1.742-4L9.3 6.692a.883.883 0 01.62-1.513h3.428l2-3.946a.883.883 0 011.584 0z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#rating-star-give-1)',
+      mask: "url(#rating-star-give-1-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/ReactIcon.js

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

package/dist/icons/regular/RedditIcon.js

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