@codecademy/gamut-icons 8.0.2-alpha.e5e695.0 → 8.0.2-alpha.f5e090.0

package/dist/icons/regular/AddIcon.js

@@ -32,28 +32,19 @@ export var AddIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'add'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'add'
-      }), /*#__PURE__*/_jsx("path", {
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5,
-        d: "M.75 12h22.5M12 .75v22.5"
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: '',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'currentColor'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5,
+      d: "M.75 12h22.5M12 .75v22.5"
     })]
   }));
 });

package/dist/icons/regular/AlarmClockIcon.js

@@ -32,37 +32,28 @@ export var AlarmClockIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'alarm-clock'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'alarm-clock'
-      }), /*#__PURE__*/_jsx("circle", {
-        cx: 12,
-        cy: 12.75,
-        r: 9,
-        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 23.25l1.386-2.771M12 12.75H8.609M12 7.5v5.25m-10.5-9l3.75-3M18 23.25l-1.386-2.772M22.5 3.75l-3.75-3"
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: '',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'currentColor'
-      })
+    }) : null, /*#__PURE__*/_jsx("circle", {
+      cx: 12,
+      cy: 12.75,
+      r: 9,
+      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 23.25l1.386-2.771M12 12.75H8.609M12 7.5v5.25m-10.5-9l3.75-3M18 23.25l-1.386-2.772M22.5 3.75l-3.75-3"
     })]
   }));
 });

package/dist/icons/regular/AlertIcon.js

@@ -32,43 +32,34 @@ export var AlertIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'alert-circle'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'alert-circle'
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M12 16.5a.375.375 0 10.375.375A.375.375 0 0012 16.5h0",
-        strokeLinejoin: "round",
-        strokeLinecap: "round",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 1.5
-      }), /*#__PURE__*/_jsx("path", {
-        strokeMiterlimit: 10,
-        strokeLinecap: "round",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 1.5,
-        d: "M12 13.5V5.25"
-      }), /*#__PURE__*/_jsx("circle", {
-        cx: 12,
-        cy: 12,
-        r: 11.25,
-        strokeMiterlimit: 10,
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 1.5
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: '',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'currentColor'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      d: "M12 16.5a.375.375 0 10.375.375A.375.375 0 0012 16.5h0",
+      strokeLinejoin: "round",
+      strokeLinecap: "round",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.5
+    }), /*#__PURE__*/_jsx("path", {
+      strokeMiterlimit: 10,
+      strokeLinecap: "round",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.5,
+      d: "M12 13.5V5.25"
+    }), /*#__PURE__*/_jsx("circle", {
+      cx: 12,
+      cy: 12,
+      r: 11.25,
+      strokeMiterlimit: 10,
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.5
     })]
   }));
 });

package/dist/icons/regular/AmexIcon.js

@@ -32,33 +32,24 @@ export var AmexIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'amex'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'amex'
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M.504 3.5h23v17h-23z",
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M4.5 14.5v-4a1 1 0 012 0v4m-1.996-2h2m5 2v-5l-1.5 2.5-1.5-2.5v5m9-5l2 5m0-5l-2 5m-2.004 0h-1a1 1 0 01-1-1v-3a1 1 0 011-1h1m-1.996 3h2",
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: '',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'currentColor'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      d: "M.504 3.5h23v17h-23z",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M4.5 14.5v-4a1 1 0 012 0v4m-1.996-2h2m5 2v-5l-1.5 2.5-1.5-2.5v5m9-5l2 5m0-5l-2 5m-2.004 0h-1a1 1 0 01-1-1v-3a1 1 0 011-1h1m-1.996 3h2",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     })]
   }));
 });

package/dist/icons/regular/AnalyticsGraphIcon.js

@@ -35,23 +35,13 @@ export var AnalyticsGraphIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("mask", {
-      id: '',
-      children: /*#__PURE__*/_jsx("path", {
-        d: "M4.37 135.625h126.874m-115.208-26.25h16.047A2.917 2.917 0 0135 112.292v23.333h0-21.88 0v-23.333a2.917 2.917 0 012.916-2.917zm43.75-52.5h16.047a2.917 2.917 0 012.917 2.917v75.833h0-21.88 0V59.792a2.917 2.917 0 012.916-2.917zm43.75 26.25h16.047a2.917 2.917 0 012.917 2.917v49.583h0-21.875 0V86.042a2.917 2.917 0 012.91-2.917zM40.15 29.873L16.719 53.282M83.48 36.896l-27.264-7.292m62.737-12.752L98.064 33.186m-58.694-6.93a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0zm78.755-13.131a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0zm-35 26.25a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0zM4.37 61.256a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0z",
-        strokeWidth: 8.75,
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      })
-    }), /*#__PURE__*/_jsx("g", {
-      mask: '',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'currentColor'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      d: "M4.37 135.625h126.874m-115.208-26.25h16.047A2.917 2.917 0 0135 112.292v23.333h0-21.88 0v-23.333a2.917 2.917 0 012.916-2.917zm43.75-52.5h16.047a2.917 2.917 0 012.917 2.917v75.833h0-21.88 0V59.792a2.917 2.917 0 012.916-2.917zm43.75 26.25h16.047a2.917 2.917 0 012.917 2.917v49.583h0-21.875 0V86.042a2.917 2.917 0 012.91-2.917zM40.15 29.873L16.719 53.282M83.48 36.896l-27.264-7.292m62.737-12.752L98.064 33.186m-58.694-6.93a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0zm78.755-13.131a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0zm-35 26.25a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0zM4.37 61.256a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0z",
+      strokeWidth: 8.75,
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     })]
   }));
 });

package/dist/icons/regular/ArrowChevronDownFilledIcon.js

@@ -32,24 +32,15 @@ export var ArrowChevronDownFilledIcon = /*#__PURE__*/React.forwardRef(function (
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'filled-arrow-down'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'filled-arrow-down'
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M7.066 1.5L4 6.099.934 1.5h6.132z",
-        fill: "currentColor"
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: '',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'currentColor'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      d: "M7.066 1.5L4 6.099.934 1.5h6.132z",
+      fill: "currentColor"
     })]
   }));
 });

package/dist/icons/regular/ArrowChevronDownIcon.js

@@ -32,28 +32,19 @@ export var ArrowChevronDownIcon = /*#__PURE__*/React.forwardRef(function (_ref,
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'arrow-down-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'arrow-down-1'
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M23.25 7.311L12.53 18.03a.749.749 0 01-1.06 0L.75 7.311",
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: '',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'currentColor'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      d: "M23.25 7.311L12.53 18.03a.749.749 0 01-1.06 0L.75 7.311",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
     })]
   }));
 });

package/dist/icons/regular/ArrowChevronLeftIcon.js

@@ -32,28 +32,19 @@ export var ArrowChevronLeftIcon = /*#__PURE__*/React.forwardRef(function (_ref,
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'arrow-left-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'arrow-left-1'
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M16.25 23.25L5.53 12.53a.749.749 0 010-1.06L16.25.75",
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: '',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'currentColor'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      d: "M16.25 23.25L5.53 12.53a.749.749 0 010-1.06L16.25.75",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
     })]
   }));
 });

package/dist/icons/regular/ArrowChevronRightIcon.js

@@ -32,28 +32,19 @@ export var ArrowChevronRightIcon = /*#__PURE__*/React.forwardRef(function (_ref,
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'arrow-right-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'arrow-right-1'
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M5.5.75l10.72 10.72a.749.749 0 010 1.06L5.5 23.25",
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: '',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'currentColor'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      d: "M5.5.75l10.72 10.72a.749.749 0 010 1.06L5.5 23.25",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
     })]
   }));
 });

package/dist/icons/regular/ArrowChevronUpIcon.js

@@ -32,28 +32,19 @@ export var ArrowChevronUpIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'arrow-up-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'arrow-up-1'
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M.75 17.189L11.47 6.47a.749.749 0 011.06 0l10.72 10.719",
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: '',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'currentColor'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      d: "M.75 17.189L11.47 6.47a.749.749 0 011.06 0l10.72 10.719",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
     })]
   }));
 });

package/dist/icons/regular/ArrowDownIcon.js

@@ -32,28 +32,19 @@ export var ArrowDownIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'arrow-down'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'arrow-down'
-      }), /*#__PURE__*/_jsx("path", {
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5,
-        d: "M12 .75v22.5M1.5 12.75L12 23.25l10.5-10.5"
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: '',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'currentColor'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5,
+      d: "M12 .75v22.5M1.5 12.75L12 23.25l10.5-10.5"
     })]
   }));
 });

package/dist/icons/regular/ArrowLeftIcon.js

@@ -32,28 +32,19 @@ export var ArrowLeftIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'arrow-left'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'arrow-left'
-      }), /*#__PURE__*/_jsx("path", {
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5,
-        d: "M23.25 12H.75m10.5-10.5L.75 12l10.5 10.5"
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: '',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'currentColor'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5,
+      d: "M23.25 12H.75m10.5-10.5L.75 12l10.5 10.5"
     })]
   }));
 });

package/dist/icons/regular/ArrowRightIcon.js

@@ -32,28 +32,19 @@ export var ArrowRightIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'arrow-right'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'arrow-right'
-      }), /*#__PURE__*/_jsx("path", {
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5,
-        d: "M.75 12h22.5m-10.5 10.5L23.25 12 12.75 1.5"
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: '',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'currentColor'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5,
+      d: "M.75 12h22.5m-10.5 10.5L23.25 12 12.75 1.5"
     })]
   }));
 });

package/dist/icons/regular/ArrowUpIcon.js

@@ -32,28 +32,19 @@ export var ArrowUpIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'arrow-up'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'arrow-up'
-      }), /*#__PURE__*/_jsx("path", {
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5,
-        d: "M12 23.25V.75m10.5 10.5L12 .75 1.5 11.25"
-      })]
-    }), /*#__PURE__*/_jsx("g", {
-      mask: '',
-      children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
-        fill: 'currentColor'
-      })
+    }) : null, /*#__PURE__*/_jsx("path", {
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5,
+      d: "M12 23.25V.75m10.5 10.5L12 .75 1.5 11.25"
     })]
   }));
 });