@laerdal/life-react-components 3.4.2 → 3.5.0

package/dist/icons/systemicons/SystemIcons.js

@@ -0,0 +1,4381 @@
+import * as React from 'react';
+import { formatSvgString, getSize, SystemIcon } from '../index';
+import { SystemIcons } from '@laerdal/figma-svg';
+import SVG from 'react-inlinesvg';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var Accessibility = function Accessibility(_ref) {
+  var className = _ref.className,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '24px' : _ref$size,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label,
+    _ref$viewBox = _ref.viewBox,
+    viewBox = _ref$viewBox === void 0 ? '0 0 24 24' : _ref$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Accessibility,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Add = function Add(_ref2) {
+  var className = _ref2.className,
+    _ref2$color = _ref2.color,
+    color = _ref2$color === void 0 ? 'currentColor' : _ref2$color,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? '24px' : _ref2$size,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? '' : _ref2$label,
+    _ref2$viewBox = _ref2.viewBox,
+    viewBox = _ref2$viewBox === void 0 ? '0 0 24 24' : _ref2$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Add,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var AddUser = function AddUser(_ref3) {
+  var className = _ref3.className,
+    _ref3$color = _ref3.color,
+    color = _ref3$color === void 0 ? 'currentColor' : _ref3$color,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? '24px' : _ref3$size,
+    _ref3$label = _ref3.label,
+    label = _ref3$label === void 0 ? '' : _ref3$label,
+    _ref3$viewBox = _ref3.viewBox,
+    viewBox = _ref3$viewBox === void 0 ? '0 0 24 24' : _ref3$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.AddUser,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ArrowDropDown = function ArrowDropDown(_ref4) {
+  var className = _ref4.className,
+    _ref4$color = _ref4.color,
+    color = _ref4$color === void 0 ? 'currentColor' : _ref4$color,
+    _ref4$size = _ref4.size,
+    size = _ref4$size === void 0 ? '24px' : _ref4$size,
+    _ref4$label = _ref4.label,
+    label = _ref4$label === void 0 ? '' : _ref4$label,
+    _ref4$viewBox = _ref4.viewBox,
+    viewBox = _ref4$viewBox === void 0 ? '0 0 24 24' : _ref4$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ArrowDropDown,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ArrowDropUp = function ArrowDropUp(_ref5) {
+  var className = _ref5.className,
+    _ref5$color = _ref5.color,
+    color = _ref5$color === void 0 ? 'currentColor' : _ref5$color,
+    _ref5$size = _ref5.size,
+    size = _ref5$size === void 0 ? '24px' : _ref5$size,
+    _ref5$label = _ref5.label,
+    label = _ref5$label === void 0 ? '' : _ref5$label,
+    _ref5$viewBox = _ref5.viewBox,
+    viewBox = _ref5$viewBox === void 0 ? '0 0 24 24' : _ref5$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ArrowDropUp,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ArrowDropLeft = function ArrowDropLeft(_ref6) {
+  var className = _ref6.className,
+    _ref6$color = _ref6.color,
+    color = _ref6$color === void 0 ? 'currentColor' : _ref6$color,
+    _ref6$size = _ref6.size,
+    size = _ref6$size === void 0 ? '24px' : _ref6$size,
+    _ref6$label = _ref6.label,
+    label = _ref6$label === void 0 ? '' : _ref6$label,
+    _ref6$viewBox = _ref6.viewBox,
+    viewBox = _ref6$viewBox === void 0 ? '0 0 24 24' : _ref6$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ArrowDropLeft,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ArrowDropRight = function ArrowDropRight(_ref7) {
+  var className = _ref7.className,
+    _ref7$color = _ref7.color,
+    color = _ref7$color === void 0 ? 'currentColor' : _ref7$color,
+    _ref7$size = _ref7.size,
+    size = _ref7$size === void 0 ? '24px' : _ref7$size,
+    _ref7$label = _ref7.label,
+    label = _ref7$label === void 0 ? '' : _ref7$label,
+    _ref7$viewBox = _ref7.viewBox,
+    viewBox = _ref7$viewBox === void 0 ? '0 0 24 24' : _ref7$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ArrowDropRight,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ArrowLineDown = function ArrowLineDown(_ref8) {
+  var className = _ref8.className,
+    _ref8$color = _ref8.color,
+    color = _ref8$color === void 0 ? 'currentColor' : _ref8$color,
+    _ref8$size = _ref8.size,
+    size = _ref8$size === void 0 ? '24px' : _ref8$size,
+    _ref8$label = _ref8.label,
+    label = _ref8$label === void 0 ? '' : _ref8$label,
+    _ref8$viewBox = _ref8.viewBox,
+    viewBox = _ref8$viewBox === void 0 ? '0 0 24 24' : _ref8$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ArrowLineDown,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ArrowLineLeft = function ArrowLineLeft(_ref9) {
+  var className = _ref9.className,
+    _ref9$color = _ref9.color,
+    color = _ref9$color === void 0 ? 'currentColor' : _ref9$color,
+    _ref9$size = _ref9.size,
+    size = _ref9$size === void 0 ? '24px' : _ref9$size,
+    _ref9$label = _ref9.label,
+    label = _ref9$label === void 0 ? '' : _ref9$label,
+    _ref9$viewBox = _ref9.viewBox,
+    viewBox = _ref9$viewBox === void 0 ? '0 0 24 24' : _ref9$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ArrowLineLeft,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ArrowLineRight = function ArrowLineRight(_ref10) {
+  var className = _ref10.className,
+    _ref10$color = _ref10.color,
+    color = _ref10$color === void 0 ? 'currentColor' : _ref10$color,
+    _ref10$size = _ref10.size,
+    size = _ref10$size === void 0 ? '24px' : _ref10$size,
+    _ref10$label = _ref10.label,
+    label = _ref10$label === void 0 ? '' : _ref10$label,
+    _ref10$viewBox = _ref10.viewBox,
+    viewBox = _ref10$viewBox === void 0 ? '0 0 24 24' : _ref10$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ArrowLineRight,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ArrowLineUp = function ArrowLineUp(_ref11) {
+  var className = _ref11.className,
+    _ref11$color = _ref11.color,
+    color = _ref11$color === void 0 ? 'currentColor' : _ref11$color,
+    _ref11$size = _ref11.size,
+    size = _ref11$size === void 0 ? '24px' : _ref11$size,
+    _ref11$label = _ref11.label,
+    label = _ref11$label === void 0 ? '' : _ref11$label,
+    _ref11$viewBox = _ref11.viewBox,
+    viewBox = _ref11$viewBox === void 0 ? '0 0 24 24' : _ref11$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ArrowLineUp,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ArrowStopLeft = function ArrowStopLeft(_ref12) {
+  var className = _ref12.className,
+    _ref12$color = _ref12.color,
+    color = _ref12$color === void 0 ? 'currentColor' : _ref12$color,
+    _ref12$size = _ref12.size,
+    size = _ref12$size === void 0 ? '24px' : _ref12$size,
+    _ref12$label = _ref12.label,
+    label = _ref12$label === void 0 ? '' : _ref12$label,
+    _ref12$viewBox = _ref12.viewBox,
+    viewBox = _ref12$viewBox === void 0 ? '0 0 24 24' : _ref12$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ArrowStopLeft,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ArrowStopRight = function ArrowStopRight(_ref13) {
+  var className = _ref13.className,
+    _ref13$color = _ref13.color,
+    color = _ref13$color === void 0 ? 'currentColor' : _ref13$color,
+    _ref13$size = _ref13.size,
+    size = _ref13$size === void 0 ? '24px' : _ref13$size,
+    _ref13$label = _ref13.label,
+    label = _ref13$label === void 0 ? '' : _ref13$label,
+    _ref13$viewBox = _ref13.viewBox,
+    viewBox = _ref13$viewBox === void 0 ? '0 0 24 24' : _ref13$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ArrowStopRight,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Assignments = function Assignments(_ref14) {
+  var className = _ref14.className,
+    _ref14$color = _ref14.color,
+    color = _ref14$color === void 0 ? 'currentColor' : _ref14$color,
+    _ref14$size = _ref14.size,
+    size = _ref14$size === void 0 ? '24px' : _ref14$size,
+    _ref14$label = _ref14.label,
+    label = _ref14$label === void 0 ? '' : _ref14$label,
+    _ref14$viewBox = _ref14.viewBox,
+    viewBox = _ref14$viewBox === void 0 ? '0 0 24 24' : _ref14$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Assignments,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Asterisk = function Asterisk(_ref15) {
+  var className = _ref15.className,
+    _ref15$color = _ref15.color,
+    color = _ref15$color === void 0 ? 'currentColor' : _ref15$color,
+    _ref15$size = _ref15.size,
+    size = _ref15$size === void 0 ? '24px' : _ref15$size,
+    _ref15$label = _ref15.label,
+    label = _ref15$label === void 0 ? '' : _ref15$label,
+    _ref15$viewBox = _ref15.viewBox,
+    viewBox = _ref15$viewBox === void 0 ? '0 0 24 24' : _ref15$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Asterisk,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Attachment = function Attachment(_ref16) {
+  var className = _ref16.className,
+    _ref16$color = _ref16.color,
+    color = _ref16$color === void 0 ? 'currentColor' : _ref16$color,
+    _ref16$size = _ref16.size,
+    size = _ref16$size === void 0 ? '24px' : _ref16$size,
+    _ref16$label = _ref16.label,
+    label = _ref16$label === void 0 ? '' : _ref16$label,
+    _ref16$viewBox = _ref16.viewBox,
+    viewBox = _ref16$viewBox === void 0 ? '0 0 24 24' : _ref16$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Attachment,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Attention = function Attention(_ref17) {
+  var className = _ref17.className,
+    _ref17$color = _ref17.color,
+    color = _ref17$color === void 0 ? 'currentColor' : _ref17$color,
+    _ref17$size = _ref17.size,
+    size = _ref17$size === void 0 ? '24px' : _ref17$size,
+    _ref17$label = _ref17.label,
+    label = _ref17$label === void 0 ? '' : _ref17$label,
+    _ref17$viewBox = _ref17.viewBox,
+    viewBox = _ref17$viewBox === void 0 ? '0 0 24 24' : _ref17$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Attention,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var AudioDescriptionOn = function AudioDescriptionOn(_ref18) {
+  var className = _ref18.className,
+    _ref18$color = _ref18.color,
+    color = _ref18$color === void 0 ? 'currentColor' : _ref18$color,
+    _ref18$size = _ref18.size,
+    size = _ref18$size === void 0 ? '24px' : _ref18$size,
+    _ref18$label = _ref18.label,
+    label = _ref18$label === void 0 ? '' : _ref18$label,
+    _ref18$viewBox = _ref18.viewBox,
+    viewBox = _ref18$viewBox === void 0 ? '0 0 24 24' : _ref18$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.AudioDescriptionOn,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var BackwardsFiveSec = function BackwardsFiveSec(_ref19) {
+  var className = _ref19.className,
+    _ref19$color = _ref19.color,
+    color = _ref19$color === void 0 ? 'currentColor' : _ref19$color,
+    _ref19$size = _ref19.size,
+    size = _ref19$size === void 0 ? '24px' : _ref19$size,
+    _ref19$label = _ref19.label,
+    label = _ref19$label === void 0 ? '' : _ref19$label,
+    _ref19$viewBox = _ref19.viewBox,
+    viewBox = _ref19$viewBox === void 0 ? '0 0 24 24' : _ref19$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Backwards5Sec,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Battery0 = function Battery0(_ref20) {
+  var className = _ref20.className,
+    _ref20$color = _ref20.color,
+    color = _ref20$color === void 0 ? 'currentColor' : _ref20$color,
+    _ref20$size = _ref20.size,
+    size = _ref20$size === void 0 ? '24px' : _ref20$size,
+    _ref20$label = _ref20.label,
+    label = _ref20$label === void 0 ? '' : _ref20$label,
+    _ref20$viewBox = _ref20.viewBox,
+    viewBox = _ref20$viewBox === void 0 ? '0 0 24 24' : _ref20$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Battery0,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Battery1 = function Battery1(_ref21) {
+  var className = _ref21.className,
+    _ref21$color = _ref21.color,
+    color = _ref21$color === void 0 ? 'currentColor' : _ref21$color,
+    _ref21$size = _ref21.size,
+    size = _ref21$size === void 0 ? '24px' : _ref21$size,
+    _ref21$label = _ref21.label,
+    label = _ref21$label === void 0 ? '' : _ref21$label,
+    _ref21$viewBox = _ref21.viewBox,
+    viewBox = _ref21$viewBox === void 0 ? '0 0 24 24' : _ref21$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Battery1,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Battery2 = function Battery2(_ref22) {
+  var className = _ref22.className,
+    _ref22$color = _ref22.color,
+    color = _ref22$color === void 0 ? 'currentColor' : _ref22$color,
+    _ref22$size = _ref22.size,
+    size = _ref22$size === void 0 ? '24px' : _ref22$size,
+    _ref22$label = _ref22.label,
+    label = _ref22$label === void 0 ? '' : _ref22$label,
+    _ref22$viewBox = _ref22.viewBox,
+    viewBox = _ref22$viewBox === void 0 ? '0 0 24 24' : _ref22$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Battery2,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Battery3 = function Battery3(_ref23) {
+  var className = _ref23.className,
+    _ref23$color = _ref23.color,
+    color = _ref23$color === void 0 ? 'currentColor' : _ref23$color,
+    _ref23$size = _ref23.size,
+    size = _ref23$size === void 0 ? '24px' : _ref23$size,
+    _ref23$label = _ref23.label,
+    label = _ref23$label === void 0 ? '' : _ref23$label,
+    _ref23$viewBox = _ref23.viewBox,
+    viewBox = _ref23$viewBox === void 0 ? '0 0 24 24' : _ref23$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Battery3,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Battery4 = function Battery4(_ref24) {
+  var className = _ref24.className,
+    _ref24$color = _ref24.color,
+    color = _ref24$color === void 0 ? 'currentColor' : _ref24$color,
+    _ref24$size = _ref24.size,
+    size = _ref24$size === void 0 ? '24px' : _ref24$size,
+    _ref24$label = _ref24.label,
+    label = _ref24$label === void 0 ? '' : _ref24$label,
+    _ref24$viewBox = _ref24.viewBox,
+    viewBox = _ref24$viewBox === void 0 ? '0 0 24 24' : _ref24$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Battery4,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Battery5 = function Battery5(_ref25) {
+  var className = _ref25.className,
+    _ref25$color = _ref25.color,
+    color = _ref25$color === void 0 ? 'currentColor' : _ref25$color,
+    _ref25$size = _ref25.size,
+    size = _ref25$size === void 0 ? '24px' : _ref25$size,
+    _ref25$label = _ref25.label,
+    label = _ref25$label === void 0 ? '' : _ref25$label,
+    _ref25$viewBox = _ref25.viewBox,
+    viewBox = _ref25$viewBox === void 0 ? '0 0 24 24' : _ref25$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Battery5,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Battery6 = function Battery6(_ref26) {
+  var className = _ref26.className,
+    _ref26$color = _ref26.color,
+    color = _ref26$color === void 0 ? 'currentColor' : _ref26$color,
+    _ref26$size = _ref26.size,
+    size = _ref26$size === void 0 ? '24px' : _ref26$size,
+    _ref26$label = _ref26.label,
+    label = _ref26$label === void 0 ? '' : _ref26$label,
+    _ref26$viewBox = _ref26.viewBox,
+    viewBox = _ref26$viewBox === void 0 ? '0 0 24 24' : _ref26$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Battery6,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var BatteryFull = function BatteryFull(_ref27) {
+  var className = _ref27.className,
+    _ref27$color = _ref27.color,
+    color = _ref27$color === void 0 ? 'currentColor' : _ref27$color,
+    _ref27$size = _ref27.size,
+    size = _ref27$size === void 0 ? '24px' : _ref27$size,
+    _ref27$label = _ref27.label,
+    label = _ref27$label === void 0 ? '' : _ref27$label,
+    _ref27$viewBox = _ref27.viewBox,
+    viewBox = _ref27$viewBox === void 0 ? '0 0 24 24' : _ref27$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.BatteryFull,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Bluetooth = function Bluetooth(_ref28) {
+  var className = _ref28.className,
+    _ref28$color = _ref28.color,
+    color = _ref28$color === void 0 ? 'currentColor' : _ref28$color,
+    _ref28$size = _ref28.size,
+    size = _ref28$size === void 0 ? '24px' : _ref28$size,
+    _ref28$label = _ref28.label,
+    label = _ref28$label === void 0 ? '' : _ref28$label,
+    _ref28$viewBox = _ref28.viewBox,
+    viewBox = _ref28$viewBox === void 0 ? '0 0 24 24' : _ref28$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Bluetooth,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Book = function Book(_ref29) {
+  var className = _ref29.className,
+    _ref29$color = _ref29.color,
+    color = _ref29$color === void 0 ? 'currentColor' : _ref29$color,
+    _ref29$size = _ref29.size,
+    size = _ref29$size === void 0 ? '24px' : _ref29$size,
+    _ref29$label = _ref29.label,
+    label = _ref29$label === void 0 ? '' : _ref29$label,
+    _ref29$viewBox = _ref29.viewBox,
+    viewBox = _ref29$viewBox === void 0 ? '0 0 24 24' : _ref29$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Book,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var BookmarkAdd = function BookmarkAdd(_ref30) {
+  var className = _ref30.className,
+    _ref30$color = _ref30.color,
+    color = _ref30$color === void 0 ? 'currentColor' : _ref30$color,
+    _ref30$size = _ref30.size,
+    size = _ref30$size === void 0 ? '24px' : _ref30$size,
+    _ref30$label = _ref30.label,
+    label = _ref30$label === void 0 ? '' : _ref30$label,
+    _ref30$viewBox = _ref30.viewBox,
+    viewBox = _ref30$viewBox === void 0 ? '0 0 24 24' : _ref30$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.BookmarkAdd,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var BookmarkCollection = function BookmarkCollection(_ref31) {
+  var className = _ref31.className,
+    _ref31$color = _ref31.color,
+    color = _ref31$color === void 0 ? 'currentColor' : _ref31$color,
+    _ref31$size = _ref31.size,
+    size = _ref31$size === void 0 ? '24px' : _ref31$size,
+    _ref31$label = _ref31.label,
+    label = _ref31$label === void 0 ? '' : _ref31$label,
+    _ref31$viewBox = _ref31.viewBox,
+    viewBox = _ref31$viewBox === void 0 ? '0 0 24 24' : _ref31$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.BookmarkCollection,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var BookmarkOff = function BookmarkOff(_ref32) {
+  var className = _ref32.className,
+    _ref32$color = _ref32.color,
+    color = _ref32$color === void 0 ? 'currentColor' : _ref32$color,
+    _ref32$size = _ref32.size,
+    size = _ref32$size === void 0 ? '24px' : _ref32$size,
+    _ref32$label = _ref32.label,
+    label = _ref32$label === void 0 ? '' : _ref32$label,
+    _ref32$viewBox = _ref32.viewBox,
+    viewBox = _ref32$viewBox === void 0 ? '0 0 24 24' : _ref32$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.BookmarkOff,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var BookmarkOn = function BookmarkOn(_ref33) {
+  var className = _ref33.className,
+    _ref33$color = _ref33.color,
+    color = _ref33$color === void 0 ? 'currentColor' : _ref33$color,
+    _ref33$size = _ref33.size,
+    size = _ref33$size === void 0 ? '24px' : _ref33$size,
+    _ref33$label = _ref33.label,
+    label = _ref33$label === void 0 ? '' : _ref33$label,
+    _ref33$viewBox = _ref33.viewBox,
+    viewBox = _ref33$viewBox === void 0 ? '0 0 24 24' : _ref33$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.BookmarkOn,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Bullet = function Bullet(_ref34) {
+  var className = _ref34.className,
+    _ref34$color = _ref34.color,
+    color = _ref34$color === void 0 ? 'currentColor' : _ref34$color,
+    _ref34$size = _ref34.size,
+    size = _ref34$size === void 0 ? '24px' : _ref34$size,
+    _ref34$label = _ref34.label,
+    label = _ref34$label === void 0 ? '' : _ref34$label,
+    _ref34$viewBox = _ref34.viewBox,
+    viewBox = _ref34$viewBox === void 0 ? '0 0 24 24' : _ref34$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Bullet,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Calendar = function Calendar(_ref35) {
+  var className = _ref35.className,
+    _ref35$color = _ref35.color,
+    color = _ref35$color === void 0 ? 'currentColor' : _ref35$color,
+    _ref35$size = _ref35.size,
+    size = _ref35$size === void 0 ? '24px' : _ref35$size,
+    _ref35$label = _ref35.label,
+    label = _ref35$label === void 0 ? '' : _ref35$label,
+    _ref35$viewBox = _ref35.viewBox,
+    viewBox = _ref35$viewBox === void 0 ? '0 0 24 24' : _ref35$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Calendar,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var CheckMark = function CheckMark(_ref36) {
+  var className = _ref36.className,
+    _ref36$color = _ref36.color,
+    color = _ref36$color === void 0 ? 'currentColor' : _ref36$color,
+    _ref36$size = _ref36.size,
+    size = _ref36$size === void 0 ? '24px' : _ref36$size,
+    _ref36$label = _ref36.label,
+    label = _ref36$label === void 0 ? '' : _ref36$label,
+    _ref36$viewBox = _ref36.viewBox,
+    viewBox = _ref36$viewBox === void 0 ? '0 0 24 24' : _ref36$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Checkmark,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var CheckboxOff = function CheckboxOff(_ref37) {
+  var className = _ref37.className,
+    _ref37$color = _ref37.color,
+    color = _ref37$color === void 0 ? 'currentColor' : _ref37$color,
+    _ref37$size = _ref37.size,
+    size = _ref37$size === void 0 ? '24px' : _ref37$size,
+    _ref37$label = _ref37.label,
+    label = _ref37$label === void 0 ? '' : _ref37$label,
+    _ref37$viewBox = _ref37.viewBox,
+    viewBox = _ref37$viewBox === void 0 ? '0 0 24 24' : _ref37$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.CheckboxOff,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var CheckboxOn = function CheckboxOn(_ref38) {
+  var className = _ref38.className,
+    _ref38$color = _ref38.color,
+    color = _ref38$color === void 0 ? 'currentColor' : _ref38$color,
+    _ref38$size = _ref38.size,
+    size = _ref38$size === void 0 ? '24px' : _ref38$size,
+    _ref38$label = _ref38.label,
+    label = _ref38$label === void 0 ? '' : _ref38$label,
+    _ref38$viewBox = _ref38.viewBox,
+    viewBox = _ref38$viewBox === void 0 ? '0 0 24 24' : _ref38$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.CheckboxOn,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var CheckboxSemi = function CheckboxSemi(_ref39) {
+  var className = _ref39.className,
+    _ref39$color = _ref39.color,
+    color = _ref39$color === void 0 ? 'currentColor' : _ref39$color,
+    _ref39$size = _ref39.size,
+    size = _ref39$size === void 0 ? '24px' : _ref39$size,
+    _ref39$label = _ref39.label,
+    label = _ref39$label === void 0 ? '' : _ref39$label,
+    _ref39$viewBox = _ref39.viewBox,
+    viewBox = _ref39$viewBox === void 0 ? '0 0 24 24' : _ref39$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.CheckboxSemi,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ChevronDown = function ChevronDown(_ref40) {
+  var className = _ref40.className,
+    _ref40$color = _ref40.color,
+    color = _ref40$color === void 0 ? 'currentColor' : _ref40$color,
+    _ref40$size = _ref40.size,
+    size = _ref40$size === void 0 ? '24px' : _ref40$size,
+    _ref40$label = _ref40.label,
+    label = _ref40$label === void 0 ? '' : _ref40$label,
+    _ref40$viewBox = _ref40.viewBox,
+    viewBox = _ref40$viewBox === void 0 ? '0 0 24 24' : _ref40$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ChevronDown,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ChevronLeft = function ChevronLeft(_ref41) {
+  var className = _ref41.className,
+    _ref41$color = _ref41.color,
+    color = _ref41$color === void 0 ? 'currentColor' : _ref41$color,
+    _ref41$size = _ref41.size,
+    size = _ref41$size === void 0 ? '24px' : _ref41$size,
+    _ref41$label = _ref41.label,
+    label = _ref41$label === void 0 ? '' : _ref41$label,
+    _ref41$viewBox = _ref41.viewBox,
+    viewBox = _ref41$viewBox === void 0 ? '0 0 24 24' : _ref41$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ChevronLeft,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ChevronRight = function ChevronRight(_ref42) {
+  var className = _ref42.className,
+    _ref42$color = _ref42.color,
+    color = _ref42$color === void 0 ? 'currentColor' : _ref42$color,
+    _ref42$size = _ref42.size,
+    size = _ref42$size === void 0 ? '24px' : _ref42$size,
+    _ref42$label = _ref42.label,
+    label = _ref42$label === void 0 ? '' : _ref42$label,
+    _ref42$viewBox = _ref42.viewBox,
+    viewBox = _ref42$viewBox === void 0 ? '0 0 24 24' : _ref42$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ChevronRight,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ChevronUp = function ChevronUp(_ref43) {
+  var className = _ref43.className,
+    _ref43$color = _ref43.color,
+    color = _ref43$color === void 0 ? 'currentColor' : _ref43$color,
+    _ref43$size = _ref43.size,
+    size = _ref43$size === void 0 ? '24px' : _ref43$size,
+    _ref43$label = _ref43.label,
+    label = _ref43$label === void 0 ? '' : _ref43$label,
+    _ref43$viewBox = _ref43.viewBox,
+    viewBox = _ref43$viewBox === void 0 ? '0 0 24 24' : _ref43$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ChevronUp,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Clear = function Clear(_ref44) {
+  var className = _ref44.className,
+    _ref44$color = _ref44.color,
+    color = _ref44$color === void 0 ? 'currentColor' : _ref44$color,
+    _ref44$size = _ref44.size,
+    size = _ref44$size === void 0 ? '24px' : _ref44$size,
+    _ref44$label = _ref44.label,
+    label = _ref44$label === void 0 ? '' : _ref44$label,
+    _ref44$viewBox = _ref44.viewBox,
+    viewBox = _ref44$viewBox === void 0 ? '0 0 24 24' : _ref44$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Clear,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Close = function Close(_ref45) {
+  var className = _ref45.className,
+    _ref45$color = _ref45.color,
+    color = _ref45$color === void 0 ? 'currentColor' : _ref45$color,
+    _ref45$size = _ref45.size,
+    size = _ref45$size === void 0 ? '24px' : _ref45$size,
+    _ref45$label = _ref45.label,
+    label = _ref45$label === void 0 ? '' : _ref45$label,
+    _ref45$viewBox = _ref45.viewBox,
+    viewBox = _ref45$viewBox === void 0 ? '0 0 24 24' : _ref45$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Close,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ClosedCaptionOn = function ClosedCaptionOn(_ref46) {
+  var className = _ref46.className,
+    _ref46$color = _ref46.color,
+    color = _ref46$color === void 0 ? 'currentColor' : _ref46$color,
+    _ref46$size = _ref46.size,
+    size = _ref46$size === void 0 ? '24px' : _ref46$size,
+    _ref46$label = _ref46.label,
+    label = _ref46$label === void 0 ? '' : _ref46$label,
+    _ref46$viewBox = _ref46.viewBox,
+    viewBox = _ref46$viewBox === void 0 ? '0 0 24 24' : _ref46$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ClosedCaptionOn,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var CloudAttention = function CloudAttention(_ref47) {
+  var className = _ref47.className,
+    _ref47$color = _ref47.color,
+    color = _ref47$color === void 0 ? 'currentColor' : _ref47$color,
+    _ref47$size = _ref47.size,
+    size = _ref47$size === void 0 ? '24px' : _ref47$size,
+    _ref47$label = _ref47.label,
+    label = _ref47$label === void 0 ? '' : _ref47$label,
+    _ref47$viewBox = _ref47.viewBox,
+    viewBox = _ref47$viewBox === void 0 ? '0 0 24 24' : _ref47$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.CloudAttention,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var CloudCheck = function CloudCheck(_ref48) {
+  var className = _ref48.className,
+    _ref48$color = _ref48.color,
+    color = _ref48$color === void 0 ? 'currentColor' : _ref48$color,
+    _ref48$size = _ref48.size,
+    size = _ref48$size === void 0 ? '24px' : _ref48$size,
+    _ref48$label = _ref48.label,
+    label = _ref48$label === void 0 ? '' : _ref48$label,
+    _ref48$viewBox = _ref48.viewBox,
+    viewBox = _ref48$viewBox === void 0 ? '0 0 24 24' : _ref48$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.CloudCheck,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var CloudDownload = function CloudDownload(_ref49) {
+  var className = _ref49.className,
+    _ref49$color = _ref49.color,
+    color = _ref49$color === void 0 ? 'currentColor' : _ref49$color,
+    _ref49$size = _ref49.size,
+    size = _ref49$size === void 0 ? '24px' : _ref49$size,
+    _ref49$label = _ref49.label,
+    label = _ref49$label === void 0 ? '' : _ref49$label,
+    _ref49$viewBox = _ref49.viewBox,
+    viewBox = _ref49$viewBox === void 0 ? '0 0 24 24' : _ref49$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.CloudDownload,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var CloudLocked = function CloudLocked(_ref50) {
+  var className = _ref50.className,
+    _ref50$color = _ref50.color,
+    color = _ref50$color === void 0 ? 'currentColor' : _ref50$color,
+    _ref50$size = _ref50.size,
+    size = _ref50$size === void 0 ? '24px' : _ref50$size,
+    _ref50$label = _ref50.label,
+    label = _ref50$label === void 0 ? '' : _ref50$label,
+    _ref50$viewBox = _ref50.viewBox,
+    viewBox = _ref50$viewBox === void 0 ? '0 0 24 24' : _ref50$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.CloudLocked,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var CloudNoConnection = function CloudNoConnection(_ref51) {
+  var className = _ref51.className,
+    _ref51$color = _ref51.color,
+    color = _ref51$color === void 0 ? 'currentColor' : _ref51$color,
+    _ref51$size = _ref51.size,
+    size = _ref51$size === void 0 ? '24px' : _ref51$size,
+    _ref51$label = _ref51.label,
+    label = _ref51$label === void 0 ? '' : _ref51$label,
+    _ref51$viewBox = _ref51.viewBox,
+    viewBox = _ref51$viewBox === void 0 ? '0 0 24 24' : _ref51$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.CloudNoConnection,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var CloudSyncing = function CloudSyncing(_ref52) {
+  var className = _ref52.className,
+    _ref52$color = _ref52.color,
+    color = _ref52$color === void 0 ? 'currentColor' : _ref52$color,
+    _ref52$size = _ref52.size,
+    size = _ref52$size === void 0 ? '24px' : _ref52$size,
+    _ref52$label = _ref52.label,
+    label = _ref52$label === void 0 ? '' : _ref52$label,
+    _ref52$viewBox = _ref52.viewBox,
+    viewBox = _ref52$viewBox === void 0 ? '0 0 24 24' : _ref52$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.CloudSyncing,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var CloudUpload = function CloudUpload(_ref53) {
+  var className = _ref53.className,
+    _ref53$color = _ref53.color,
+    color = _ref53$color === void 0 ? 'currentColor' : _ref53$color,
+    _ref53$size = _ref53.size,
+    size = _ref53$size === void 0 ? '24px' : _ref53$size,
+    _ref53$label = _ref53.label,
+    label = _ref53$label === void 0 ? '' : _ref53$label,
+    _ref53$viewBox = _ref53.viewBox,
+    viewBox = _ref53$viewBox === void 0 ? '0 0 24 24' : _ref53$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.CloudUpload,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Cloud = function Cloud(_ref54) {
+  var className = _ref54.className,
+    _ref54$color = _ref54.color,
+    color = _ref54$color === void 0 ? 'currentColor' : _ref54$color,
+    _ref54$size = _ref54.size,
+    size = _ref54$size === void 0 ? '24px' : _ref54$size,
+    _ref54$label = _ref54.label,
+    label = _ref54$label === void 0 ? '' : _ref54$label,
+    _ref54$viewBox = _ref54.viewBox,
+    viewBox = _ref54$viewBox === void 0 ? '0 0 24 24' : _ref54$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Cloud,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var CoffeeBreak = function CoffeeBreak(_ref55) {
+  var className = _ref55.className,
+    _ref55$color = _ref55.color,
+    color = _ref55$color === void 0 ? 'currentColor' : _ref55$color,
+    _ref55$size = _ref55.size,
+    size = _ref55$size === void 0 ? '24px' : _ref55$size,
+    _ref55$label = _ref55.label,
+    label = _ref55$label === void 0 ? '' : _ref55$label,
+    _ref55$viewBox = _ref55.viewBox,
+    viewBox = _ref55$viewBox === void 0 ? '0 0 24 24' : _ref55$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.CoffeeBreak,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Dashboard = function Dashboard(_ref56) {
+  var className = _ref56.className,
+    _ref56$color = _ref56.color,
+    color = _ref56$color === void 0 ? 'currentColor' : _ref56$color,
+    _ref56$size = _ref56.size,
+    size = _ref56$size === void 0 ? '24px' : _ref56$size,
+    _ref56$label = _ref56.label,
+    label = _ref56$label === void 0 ? '' : _ref56$label,
+    _ref56$viewBox = _ref56.viewBox,
+    viewBox = _ref56$viewBox === void 0 ? '0 0 24 24' : _ref56$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Dashboard,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Delete = function Delete(_ref57) {
+  var className = _ref57.className,
+    _ref57$color = _ref57.color,
+    color = _ref57$color === void 0 ? 'currentColor' : _ref57$color,
+    _ref57$size = _ref57.size,
+    size = _ref57$size === void 0 ? '24px' : _ref57$size,
+    _ref57$label = _ref57.label,
+    label = _ref57$label === void 0 ? '' : _ref57$label,
+    _ref57$viewBox = _ref57.viewBox,
+    viewBox = _ref57$viewBox === void 0 ? '0 0 24 24' : _ref57$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Delete,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Document = function Document(_ref58) {
+  var className = _ref58.className,
+    _ref58$color = _ref58.color,
+    color = _ref58$color === void 0 ? 'currentColor' : _ref58$color,
+    _ref58$size = _ref58.size,
+    size = _ref58$size === void 0 ? '24px' : _ref58$size,
+    _ref58$label = _ref58.label,
+    label = _ref58$label === void 0 ? '' : _ref58$label,
+    _ref58$viewBox = _ref58.viewBox,
+    viewBox = _ref58$viewBox === void 0 ? '0 0 24 24' : _ref58$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    tooltipId: label + '_tooltip',
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Document,
+      "aria-describedby": label + '_tooltip',
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Download = function Download(_ref59) {
+  var className = _ref59.className,
+    _ref59$color = _ref59.color,
+    color = _ref59$color === void 0 ? 'currentColor' : _ref59$color,
+    _ref59$size = _ref59.size,
+    size = _ref59$size === void 0 ? '24px' : _ref59$size,
+    _ref59$label = _ref59.label,
+    label = _ref59$label === void 0 ? '' : _ref59$label,
+    _ref59$viewBox = _ref59.viewBox,
+    viewBox = _ref59$viewBox === void 0 ? '0 0 24 24' : _ref59$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Download,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var DragHandle = function DragHandle(_ref60) {
+  var className = _ref60.className,
+    _ref60$color = _ref60.color,
+    color = _ref60$color === void 0 ? 'currentColor' : _ref60$color,
+    _ref60$size = _ref60.size,
+    size = _ref60$size === void 0 ? '24px' : _ref60$size,
+    _ref60$label = _ref60.label,
+    label = _ref60$label === void 0 ? '' : _ref60$label,
+    _ref60$viewBox = _ref60.viewBox,
+    viewBox = _ref60$viewBox === void 0 ? '0 0 24 24' : _ref60$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.DragHandle,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var DragIndicator = function DragIndicator(_ref61) {
+  var className = _ref61.className,
+    _ref61$color = _ref61.color,
+    color = _ref61$color === void 0 ? 'currentColor' : _ref61$color,
+    _ref61$size = _ref61.size,
+    size = _ref61$size === void 0 ? '24px' : _ref61$size,
+    _ref61$label = _ref61.label,
+    label = _ref61$label === void 0 ? '' : _ref61$label,
+    _ref61$viewBox = _ref61.viewBox,
+    viewBox = _ref61$viewBox === void 0 ? '0 0 24 24' : _ref61$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.DragIndicator,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Edit = function Edit(_ref62) {
+  var className = _ref62.className,
+    _ref62$color = _ref62.color,
+    color = _ref62$color === void 0 ? 'currentColor' : _ref62$color,
+    _ref62$size = _ref62.size,
+    size = _ref62$size === void 0 ? '24px' : _ref62$size,
+    _ref62$label = _ref62.label,
+    label = _ref62$label === void 0 ? '' : _ref62$label,
+    _ref62$viewBox = _ref62.viewBox,
+    viewBox = _ref62$viewBox === void 0 ? '0 0 24 24' : _ref62$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Edit,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Educator = function Educator(_ref63) {
+  var className = _ref63.className,
+    _ref63$color = _ref63.color,
+    color = _ref63$color === void 0 ? 'currentColor' : _ref63$color,
+    _ref63$size = _ref63.size,
+    size = _ref63$size === void 0 ? '24px' : _ref63$size,
+    _ref63$label = _ref63.label,
+    label = _ref63$label === void 0 ? '' : _ref63$label,
+    _ref63$viewBox = _ref63.viewBox,
+    viewBox = _ref63$viewBox === void 0 ? '0 0 24 24' : _ref63$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Educator,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Equals = function Equals(_ref64) {
+  var className = _ref64.className,
+    _ref64$color = _ref64.color,
+    color = _ref64$color === void 0 ? 'currentColor' : _ref64$color,
+    _ref64$size = _ref64.size,
+    size = _ref64$size === void 0 ? '24px' : _ref64$size,
+    _ref64$label = _ref64.label,
+    label = _ref64$label === void 0 ? '' : _ref64$label,
+    _ref64$viewBox = _ref64.viewBox,
+    viewBox = _ref64$viewBox === void 0 ? '0 0 24 24' : _ref64$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Equals,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var EventLog = function EventLog(_ref65) {
+  var className = _ref65.className,
+    _ref65$color = _ref65.color,
+    color = _ref65$color === void 0 ? 'currentColor' : _ref65$color,
+    _ref65$size = _ref65.size,
+    size = _ref65$size === void 0 ? '24px' : _ref65$size,
+    _ref65$label = _ref65.label,
+    label = _ref65$label === void 0 ? '' : _ref65$label,
+    _ref65$viewBox = _ref65.viewBox,
+    viewBox = _ref65$viewBox === void 0 ? '0 0 24 24' : _ref65$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.EventLog,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Export = function Export(_ref66) {
+  var className = _ref66.className,
+    _ref66$color = _ref66.color,
+    color = _ref66$color === void 0 ? 'currentColor' : _ref66$color,
+    _ref66$size = _ref66.size,
+    size = _ref66$size === void 0 ? '24px' : _ref66$size,
+    _ref66$label = _ref66.label,
+    label = _ref66$label === void 0 ? '' : _ref66$label,
+    _ref66$viewBox = _ref66.viewBox,
+    viewBox = _ref66$viewBox === void 0 ? '0 0 24 24' : _ref66$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Export,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ExportCVS = function ExportCVS(_ref67) {
+  var className = _ref67.className,
+    _ref67$color = _ref67.color,
+    color = _ref67$color === void 0 ? 'currentColor' : _ref67$color,
+    _ref67$size = _ref67.size,
+    size = _ref67$size === void 0 ? '24px' : _ref67$size,
+    _ref67$label = _ref67.label,
+    label = _ref67$label === void 0 ? '' : _ref67$label,
+    _ref67$viewBox = _ref67.viewBox,
+    viewBox = _ref67$viewBox === void 0 ? '0 0 24 24' : _ref67$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ExportCsv,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ExportDoc = function ExportDoc(_ref68) {
+  var className = _ref68.className,
+    _ref68$color = _ref68.color,
+    color = _ref68$color === void 0 ? 'currentColor' : _ref68$color,
+    _ref68$size = _ref68.size,
+    size = _ref68$size === void 0 ? '24px' : _ref68$size,
+    _ref68$label = _ref68.label,
+    label = _ref68$label === void 0 ? '' : _ref68$label,
+    _ref68$viewBox = _ref68.viewBox,
+    viewBox = _ref68$viewBox === void 0 ? '0 0 24 24' : _ref68$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ExportDoc,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ExportJpg = function ExportJpg(_ref69) {
+  var className = _ref69.className,
+    _ref69$color = _ref69.color,
+    color = _ref69$color === void 0 ? 'currentColor' : _ref69$color,
+    _ref69$size = _ref69.size,
+    size = _ref69$size === void 0 ? '24px' : _ref69$size,
+    _ref69$label = _ref69.label,
+    label = _ref69$label === void 0 ? '' : _ref69$label,
+    _ref69$viewBox = _ref69.viewBox,
+    viewBox = _ref69$viewBox === void 0 ? '0 0 24 24' : _ref69$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ExportJpg,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ExportEXL = function ExportEXL(_ref70) {
+  var className = _ref70.className,
+    _ref70$color = _ref70.color,
+    color = _ref70$color === void 0 ? 'currentColor' : _ref70$color,
+    _ref70$size = _ref70.size,
+    size = _ref70$size === void 0 ? '24px' : _ref70$size,
+    _ref70$label = _ref70.label,
+    label = _ref70$label === void 0 ? '' : _ref70$label,
+    _ref70$viewBox = _ref70.viewBox,
+    viewBox = _ref70$viewBox === void 0 ? '0 0 24 24' : _ref70$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ExportXls,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ExportPDF = function ExportPDF(_ref71) {
+  var className = _ref71.className,
+    _ref71$color = _ref71.color,
+    color = _ref71$color === void 0 ? 'currentColor' : _ref71$color,
+    _ref71$size = _ref71.size,
+    size = _ref71$size === void 0 ? '24px' : _ref71$size,
+    _ref71$label = _ref71.label,
+    label = _ref71$label === void 0 ? '' : _ref71$label,
+    _ref71$viewBox = _ref71.viewBox,
+    viewBox = _ref71$viewBox === void 0 ? '0 0 24 24' : _ref71$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ExportPdf,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ExportPNG = function ExportPNG(_ref72) {
+  var className = _ref72.className,
+    _ref72$color = _ref72.color,
+    color = _ref72$color === void 0 ? 'currentColor' : _ref72$color,
+    _ref72$size = _ref72.size,
+    size = _ref72$size === void 0 ? '24px' : _ref72$size,
+    _ref72$label = _ref72.label,
+    label = _ref72$label === void 0 ? '' : _ref72$label,
+    _ref72$viewBox = _ref72.viewBox,
+    viewBox = _ref72$viewBox === void 0 ? '0 0 24 24' : _ref72$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ExportPng,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ExtendTextArea = function ExtendTextArea(_ref73) {
+  var className = _ref73.className,
+    _ref73$color = _ref73.color,
+    color = _ref73$color === void 0 ? 'currentColor' : _ref73$color,
+    _ref73$size = _ref73.size,
+    size = _ref73$size === void 0 ? '24px' : _ref73$size,
+    _ref73$label = _ref73.label,
+    label = _ref73$label === void 0 ? '' : _ref73$label,
+    _ref73$viewBox = _ref73.viewBox,
+    viewBox = _ref73$viewBox === void 0 ? '0 0 24 24' : _ref73$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ExtendTextArea,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Facebook = function Facebook(_ref74) {
+  var className = _ref74.className,
+    _ref74$color = _ref74.color,
+    color = _ref74$color === void 0 ? 'currentColor' : _ref74$color,
+    _ref74$size = _ref74.size,
+    size = _ref74$size === void 0 ? '24px' : _ref74$size,
+    _ref74$label = _ref74.label,
+    label = _ref74$label === void 0 ? '' : _ref74$label,
+    _ref74$viewBox = _ref74.viewBox,
+    viewBox = _ref74$viewBox === void 0 ? '0 0 24 24' : _ref74$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Facebook,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Filter = function Filter(_ref75) {
+  var className = _ref75.className,
+    _ref75$color = _ref75.color,
+    color = _ref75$color === void 0 ? 'currentColor' : _ref75$color,
+    _ref75$size = _ref75.size,
+    size = _ref75$size === void 0 ? '24px' : _ref75$size,
+    _ref75$label = _ref75.label,
+    label = _ref75$label === void 0 ? '' : _ref75$label,
+    _ref75$viewBox = _ref75.viewBox,
+    viewBox = _ref75$viewBox === void 0 ? '0 0 24 24' : _ref75$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Filter,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Flickr = function Flickr(_ref76) {
+  var className = _ref76.className,
+    _ref76$color = _ref76.color,
+    color = _ref76$color === void 0 ? 'currentColor' : _ref76$color,
+    _ref76$size = _ref76.size,
+    size = _ref76$size === void 0 ? '24px' : _ref76$size,
+    _ref76$label = _ref76.label,
+    label = _ref76$label === void 0 ? '' : _ref76$label,
+    _ref76$viewBox = _ref76.viewBox,
+    viewBox = _ref76$viewBox === void 0 ? '0 0 24 24' : _ref76$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Flickr,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Forward = function Forward(_ref77) {
+  var className = _ref77.className,
+    _ref77$color = _ref77.color,
+    color = _ref77$color === void 0 ? 'currentColor' : _ref77$color,
+    _ref77$size = _ref77.size,
+    size = _ref77$size === void 0 ? '24px' : _ref77$size,
+    _ref77$label = _ref77.label,
+    label = _ref77$label === void 0 ? '' : _ref77$label,
+    _ref77$viewBox = _ref77.viewBox,
+    viewBox = _ref77$viewBox === void 0 ? '0 0 24 24' : _ref77$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Forward,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ForwardSlash = function ForwardSlash(_ref78) {
+  var className = _ref78.className,
+    _ref78$color = _ref78.color,
+    color = _ref78$color === void 0 ? 'currentColor' : _ref78$color,
+    _ref78$size = _ref78.size,
+    size = _ref78$size === void 0 ? '24px' : _ref78$size,
+    _ref78$label = _ref78.label,
+    label = _ref78$label === void 0 ? '' : _ref78$label,
+    _ref78$viewBox = _ref78.viewBox,
+    viewBox = _ref78$viewBox === void 0 ? '0 0 24 24' : _ref78$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ForwardSlash,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ForwardFiveSec = function ForwardFiveSec(_ref79) {
+  var className = _ref79.className,
+    _ref79$color = _ref79.color,
+    color = _ref79$color === void 0 ? 'currentColor' : _ref79$color,
+    _ref79$size = _ref79.size,
+    size = _ref79$size === void 0 ? '24px' : _ref79$size,
+    _ref79$label = _ref79.label,
+    label = _ref79$label === void 0 ? '' : _ref79$label,
+    _ref79$viewBox = _ref79.viewBox,
+    viewBox = _ref79$viewBox === void 0 ? '0 0 24 24' : _ref79$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Forwards5Sec,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var FullscreenExit = function FullscreenExit(_ref80) {
+  var className = _ref80.className,
+    _ref80$color = _ref80.color,
+    color = _ref80$color === void 0 ? 'currentColor' : _ref80$color,
+    _ref80$size = _ref80.size,
+    size = _ref80$size === void 0 ? '24px' : _ref80$size,
+    _ref80$label = _ref80.label,
+    label = _ref80$label === void 0 ? '' : _ref80$label,
+    _ref80$viewBox = _ref80.viewBox,
+    viewBox = _ref80$viewBox === void 0 ? '0 0 24 24' : _ref80$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.FullscreenExit,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Fullscreen = function Fullscreen(_ref81) {
+  var className = _ref81.className,
+    _ref81$color = _ref81.color,
+    color = _ref81$color === void 0 ? 'currentColor' : _ref81$color,
+    _ref81$size = _ref81.size,
+    size = _ref81$size === void 0 ? '24px' : _ref81$size,
+    _ref81$label = _ref81.label,
+    label = _ref81$label === void 0 ? '' : _ref81$label,
+    _ref81$viewBox = _ref81.viewBox,
+    viewBox = _ref81$viewBox === void 0 ? '0 0 24 24' : _ref81$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Fullscreen,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var GearSettings = function GearSettings(_ref82) {
+  var className = _ref82.className,
+    _ref82$color = _ref82.color,
+    color = _ref82$color === void 0 ? 'currentColor' : _ref82$color,
+    _ref82$size = _ref82.size,
+    size = _ref82$size === void 0 ? '24px' : _ref82$size,
+    _ref82$label = _ref82.label,
+    label = _ref82$label === void 0 ? '' : _ref82$label,
+    _ref82$viewBox = _ref82.viewBox,
+    viewBox = _ref82$viewBox === void 0 ? '0 0 24 24' : _ref82$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.GearSettings,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var GridView = function GridView(_ref83) {
+  var className = _ref83.className,
+    _ref83$color = _ref83.color,
+    color = _ref83$color === void 0 ? 'currentColor' : _ref83$color,
+    _ref83$size = _ref83.size,
+    size = _ref83$size === void 0 ? '24px' : _ref83$size,
+    _ref83$label = _ref83.label,
+    label = _ref83$label === void 0 ? '' : _ref83$label,
+    _ref83$viewBox = _ref83.viewBox,
+    viewBox = _ref83$viewBox === void 0 ? '0 0 24 24' : _ref83$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.GridView,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Group = function Group(_ref84) {
+  var className = _ref84.className,
+    _ref84$color = _ref84.color,
+    color = _ref84$color === void 0 ? 'currentColor' : _ref84$color,
+    _ref84$size = _ref84.size,
+    size = _ref84$size === void 0 ? '24px' : _ref84$size,
+    _ref84$label = _ref84.label,
+    label = _ref84$label === void 0 ? '' : _ref84$label,
+    _ref84$viewBox = _ref84.viewBox,
+    viewBox = _ref84$viewBox === void 0 ? '0 0 24 24' : _ref84$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Group,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var GuidedTour = function GuidedTour(_ref85) {
+  var className = _ref85.className,
+    _ref85$color = _ref85.color,
+    color = _ref85$color === void 0 ? 'currentColor' : _ref85$color,
+    _ref85$size = _ref85.size,
+    size = _ref85$size === void 0 ? '24px' : _ref85$size,
+    _ref85$label = _ref85.label,
+    label = _ref85$label === void 0 ? '' : _ref85$label,
+    _ref85$viewBox = _ref85.viewBox,
+    viewBox = _ref85$viewBox === void 0 ? '0 0 24 24' : _ref85$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.GuidedTour,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Help = function Help(_ref86) {
+  var className = _ref86.className,
+    _ref86$color = _ref86.color,
+    color = _ref86$color === void 0 ? 'currentColor' : _ref86$color,
+    _ref86$size = _ref86.size,
+    size = _ref86$size === void 0 ? '24px' : _ref86$size,
+    _ref86$label = _ref86.label,
+    label = _ref86$label === void 0 ? '' : _ref86$label,
+    _ref86$viewBox = _ref86.viewBox,
+    viewBox = _ref86$viewBox === void 0 ? '0 0 24 24' : _ref86$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Help,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Hierarchy = function Hierarchy(_ref87) {
+  var className = _ref87.className,
+    _ref87$color = _ref87.color,
+    color = _ref87$color === void 0 ? 'currentColor' : _ref87$color,
+    _ref87$size = _ref87.size,
+    size = _ref87$size === void 0 ? '24px' : _ref87$size,
+    _ref87$label = _ref87.label,
+    label = _ref87$label === void 0 ? '' : _ref87$label,
+    _ref87$viewBox = _ref87.viewBox,
+    viewBox = _ref87$viewBox === void 0 ? '0 0 24 24' : _ref87$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Hierarchy,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var History = function History(_ref88) {
+  var className = _ref88.className,
+    _ref88$color = _ref88.color,
+    color = _ref88$color === void 0 ? 'currentColor' : _ref88$color,
+    _ref88$size = _ref88.size,
+    size = _ref88$size === void 0 ? '24px' : _ref88$size,
+    _ref88$label = _ref88.label,
+    label = _ref88$label === void 0 ? '' : _ref88$label,
+    _ref88$viewBox = _ref88.viewBox,
+    viewBox = _ref88$viewBox === void 0 ? '0 0 24 24' : _ref88$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.History,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Home = function Home(_ref89) {
+  var className = _ref89.className,
+    _ref89$color = _ref89.color,
+    color = _ref89$color === void 0 ? 'currentColor' : _ref89$color,
+    _ref89$size = _ref89.size,
+    size = _ref89$size === void 0 ? '24px' : _ref89$size,
+    _ref89$label = _ref89.label,
+    label = _ref89$label === void 0 ? '' : _ref89$label,
+    _ref89$viewBox = _ref89.viewBox,
+    viewBox = _ref89$viewBox === void 0 ? '0 0 24 24' : _ref89$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Home,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Image = function Image(_ref90) {
+  var className = _ref90.className,
+    _ref90$color = _ref90.color,
+    color = _ref90$color === void 0 ? 'currentColor' : _ref90$color,
+    _ref90$size = _ref90.size,
+    size = _ref90$size === void 0 ? '24px' : _ref90$size,
+    _ref90$label = _ref90.label,
+    label = _ref90$label === void 0 ? '' : _ref90$label,
+    _ref90$viewBox = _ref90.viewBox,
+    viewBox = _ref90$viewBox === void 0 ? '0 0 24 24' : _ref90$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Image,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Information = function Information(_ref91) {
+  var className = _ref91.className,
+    _ref91$color = _ref91.color,
+    color = _ref91$color === void 0 ? 'currentColor' : _ref91$color,
+    _ref91$size = _ref91.size,
+    size = _ref91$size === void 0 ? '24px' : _ref91$size,
+    _ref91$label = _ref91.label,
+    label = _ref91$label === void 0 ? '' : _ref91$label,
+    _ref91$viewBox = _ref91.viewBox,
+    viewBox = _ref91$viewBox === void 0 ? '0 0 24 24' : _ref91$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Information,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Institute = function Institute(_ref92) {
+  var className = _ref92.className,
+    _ref92$color = _ref92.color,
+    color = _ref92$color === void 0 ? 'currentColor' : _ref92$color,
+    _ref92$size = _ref92.size,
+    size = _ref92$size === void 0 ? '24px' : _ref92$size,
+    _ref92$label = _ref92.label,
+    label = _ref92$label === void 0 ? '' : _ref92$label,
+    _ref92$viewBox = _ref92.viewBox,
+    viewBox = _ref92$viewBox === void 0 ? '0 0 24 24' : _ref92$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Institute,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Keyboard = function Keyboard(_ref93) {
+  var className = _ref93.className,
+    _ref93$color = _ref93.color,
+    color = _ref93$color === void 0 ? 'currentColor' : _ref93$color,
+    _ref93$size = _ref93.size,
+    size = _ref93$size === void 0 ? '24px' : _ref93$size,
+    _ref93$label = _ref93.label,
+    label = _ref93$label === void 0 ? '' : _ref93$label,
+    _ref93$viewBox = _ref93.viewBox,
+    viewBox = _ref93$viewBox === void 0 ? '0 0 24 24' : _ref93$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Keyboard,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Language = function Language(_ref94) {
+  var className = _ref94.className,
+    _ref94$color = _ref94.color,
+    color = _ref94$color === void 0 ? 'currentColor' : _ref94$color,
+    _ref94$size = _ref94.size,
+    size = _ref94$size === void 0 ? '24px' : _ref94$size,
+    _ref94$label = _ref94.label,
+    label = _ref94$label === void 0 ? '' : _ref94$label,
+    _ref94$viewBox = _ref94.viewBox,
+    viewBox = _ref94$viewBox === void 0 ? '0 0 24 24' : _ref94$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Language,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Learner = function Learner(_ref95) {
+  var className = _ref95.className,
+    _ref95$color = _ref95.color,
+    color = _ref95$color === void 0 ? 'currentColor' : _ref95$color,
+    _ref95$size = _ref95.size,
+    size = _ref95$size === void 0 ? '24px' : _ref95$size,
+    _ref95$label = _ref95.label,
+    label = _ref95$label === void 0 ? '' : _ref95$label,
+    _ref95$viewBox = _ref95.viewBox,
+    viewBox = _ref95$viewBox === void 0 ? '0 0 24 24' : _ref95$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Learner,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Legend = function Legend(_ref96) {
+  var className = _ref96.className,
+    _ref96$color = _ref96.color,
+    color = _ref96$color === void 0 ? 'currentColor' : _ref96$color,
+    _ref96$size = _ref96.size,
+    size = _ref96$size === void 0 ? '24px' : _ref96$size,
+    _ref96$label = _ref96.label,
+    label = _ref96$label === void 0 ? '' : _ref96$label,
+    _ref96$viewBox = _ref96.viewBox,
+    viewBox = _ref96$viewBox === void 0 ? '0 0 24 24' : _ref96$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Legend,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Legend1Circle = function Legend1Circle(_ref97) {
+  var className = _ref97.className,
+    _ref97$color = _ref97.color,
+    color = _ref97$color === void 0 ? 'currentColor' : _ref97$color,
+    _ref97$size = _ref97.size,
+    size = _ref97$size === void 0 ? '24px' : _ref97$size,
+    _ref97$label = _ref97.label,
+    label = _ref97$label === void 0 ? '' : _ref97$label,
+    _ref97$viewBox = _ref97.viewBox,
+    viewBox = _ref97$viewBox === void 0 ? '0 0 24 24' : _ref97$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Legend1Circle,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Legend2Triangle = function Legend2Triangle(_ref98) {
+  var className = _ref98.className,
+    _ref98$color = _ref98.color,
+    color = _ref98$color === void 0 ? 'currentColor' : _ref98$color,
+    _ref98$size = _ref98.size,
+    size = _ref98$size === void 0 ? '24px' : _ref98$size,
+    _ref98$label = _ref98.label,
+    label = _ref98$label === void 0 ? '' : _ref98$label,
+    _ref98$viewBox = _ref98.viewBox,
+    viewBox = _ref98$viewBox === void 0 ? '0 0 24 24' : _ref98$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Legend2Triangle,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Legend3Star = function Legend3Star(_ref99) {
+  var className = _ref99.className,
+    _ref99$color = _ref99.color,
+    color = _ref99$color === void 0 ? 'currentColor' : _ref99$color,
+    _ref99$size = _ref99.size,
+    size = _ref99$size === void 0 ? '24px' : _ref99$size,
+    _ref99$label = _ref99.label,
+    label = _ref99$label === void 0 ? '' : _ref99$label,
+    _ref99$viewBox = _ref99.viewBox,
+    viewBox = _ref99$viewBox === void 0 ? '0 0 24 24' : _ref99$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Legend3Star,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Legend4Square = function Legend4Square(_ref100) {
+  var className = _ref100.className,
+    _ref100$color = _ref100.color,
+    color = _ref100$color === void 0 ? 'currentColor' : _ref100$color,
+    _ref100$size = _ref100.size,
+    size = _ref100$size === void 0 ? '24px' : _ref100$size,
+    _ref100$label = _ref100.label,
+    label = _ref100$label === void 0 ? '' : _ref100$label,
+    _ref100$viewBox = _ref100.viewBox,
+    viewBox = _ref100$viewBox === void 0 ? '0 0 24 24' : _ref100$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Legend4Square,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Legend5Diamond = function Legend5Diamond(_ref101) {
+  var className = _ref101.className,
+    _ref101$color = _ref101.color,
+    color = _ref101$color === void 0 ? 'currentColor' : _ref101$color,
+    _ref101$size = _ref101.size,
+    size = _ref101$size === void 0 ? '24px' : _ref101$size,
+    _ref101$label = _ref101.label,
+    label = _ref101$label === void 0 ? '' : _ref101$label,
+    _ref101$viewBox = _ref101.viewBox,
+    viewBox = _ref101$viewBox === void 0 ? '0 0 24 24' : _ref101$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Legend5Diamond,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Legend6Nabla = function Legend6Nabla(_ref102) {
+  var className = _ref102.className,
+    _ref102$color = _ref102.color,
+    color = _ref102$color === void 0 ? 'currentColor' : _ref102$color,
+    _ref102$size = _ref102.size,
+    size = _ref102$size === void 0 ? '24px' : _ref102$size,
+    _ref102$label = _ref102.label,
+    label = _ref102$label === void 0 ? '' : _ref102$label,
+    _ref102$viewBox = _ref102.viewBox,
+    viewBox = _ref102$viewBox === void 0 ? '0 0 24 24' : _ref102$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Legend6Nabla,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Legend7Pentagon = function Legend7Pentagon(_ref103) {
+  var className = _ref103.className,
+    _ref103$color = _ref103.color,
+    color = _ref103$color === void 0 ? 'currentColor' : _ref103$color,
+    _ref103$size = _ref103.size,
+    size = _ref103$size === void 0 ? '24px' : _ref103$size,
+    _ref103$label = _ref103.label,
+    label = _ref103$label === void 0 ? '' : _ref103$label,
+    _ref103$viewBox = _ref103.viewBox,
+    viewBox = _ref103$viewBox === void 0 ? '0 0 24 24' : _ref103$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Legend7Pentagon,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Legend8Rectangle = function Legend8Rectangle(_ref104) {
+  var className = _ref104.className,
+    _ref104$color = _ref104.color,
+    color = _ref104$color === void 0 ? 'currentColor' : _ref104$color,
+    _ref104$size = _ref104.size,
+    size = _ref104$size === void 0 ? '24px' : _ref104$size,
+    _ref104$label = _ref104.label,
+    label = _ref104$label === void 0 ? '' : _ref104$label,
+    _ref104$viewBox = _ref104.viewBox,
+    viewBox = _ref104$viewBox === void 0 ? '0 0 24 24' : _ref104$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Legend8Rectangle,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var LikeOff = function LikeOff(_ref105) {
+  var className = _ref105.className,
+    _ref105$color = _ref105.color,
+    color = _ref105$color === void 0 ? 'currentColor' : _ref105$color,
+    _ref105$size = _ref105.size,
+    size = _ref105$size === void 0 ? '24px' : _ref105$size,
+    _ref105$label = _ref105.label,
+    label = _ref105$label === void 0 ? '' : _ref105$label,
+    _ref105$viewBox = _ref105.viewBox,
+    viewBox = _ref105$viewBox === void 0 ? '0 0 24 24' : _ref105$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.LikeOff,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var LikeOn = function LikeOn(_ref106) {
+  var className = _ref106.className,
+    _ref106$size = _ref106.size,
+    size = _ref106$size === void 0 ? '24px' : _ref106$size,
+    _ref106$color = _ref106.color,
+    color = _ref106$color === void 0 ? 'currentColor' : _ref106$color,
+    _ref106$label = _ref106.label,
+    label = _ref106$label === void 0 ? '' : _ref106$label,
+    _ref106$viewBox = _ref106.viewBox,
+    viewBox = _ref106$viewBox === void 0 ? '0 0 24 24' : _ref106$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.LikeOn,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Link = function Link(_ref107) {
+  var className = _ref107.className,
+    _ref107$color = _ref107.color,
+    color = _ref107$color === void 0 ? 'currentColor' : _ref107$color,
+    _ref107$size = _ref107.size,
+    size = _ref107$size === void 0 ? '24px' : _ref107$size,
+    _ref107$label = _ref107.label,
+    label = _ref107$label === void 0 ? '' : _ref107$label,
+    _ref107$viewBox = _ref107.viewBox,
+    viewBox = _ref107$viewBox === void 0 ? '0 0 24 24' : _ref107$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Link,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var LinkedIn = function LinkedIn(_ref108) {
+  var className = _ref108.className,
+    _ref108$color = _ref108.color,
+    color = _ref108$color === void 0 ? 'currentColor' : _ref108$color,
+    _ref108$size = _ref108.size,
+    size = _ref108$size === void 0 ? '24px' : _ref108$size,
+    _ref108$label = _ref108.label,
+    label = _ref108$label === void 0 ? '' : _ref108$label,
+    _ref108$viewBox = _ref108.viewBox,
+    viewBox = _ref108$viewBox === void 0 ? '0 0 24 24' : _ref108$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Linkedin,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ListView = function ListView(_ref109) {
+  var className = _ref109.className,
+    _ref109$color = _ref109.color,
+    color = _ref109$color === void 0 ? 'currentColor' : _ref109$color,
+    _ref109$size = _ref109.size,
+    size = _ref109$size === void 0 ? '24px' : _ref109$size,
+    _ref109$label = _ref109.label,
+    label = _ref109$label === void 0 ? '' : _ref109$label,
+    _ref109$viewBox = _ref109.viewBox,
+    viewBox = _ref109$viewBox === void 0 ? '0 0 24 24' : _ref109$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ListView,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var LoadingMedium = function LoadingMedium(_ref110) {
+  var _ref110$color = _ref110.color,
+    color = _ref110$color === void 0 ? 'white' : _ref110$color;
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    role: "img",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("title", {
+      children: "Loading"
+    }), /*#__PURE__*/_jsx("path", {
+      opacity: "0.2",
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M24 40C32.8366 40 40 32.8366 40 24C40 15.1634 32.8366 8 24 8C15.1634 8 8 15.1634 8 24C8 32.8366 15.1634 40 24 40ZM24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z",
+      fill: color
+    }), /*#__PURE__*/_jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M24 8C15.1634 8 8 15.1634 8 24C8 25.1046 7.10457 26 6 26C4.89543 26 4 25.1046 4 24C4 12.9543 12.9543 4 24 4C25.1046 4 26 4.89543 26 6C26 7.10457 25.1046 8 24 8Z",
+      fill: color
+    })]
+  });
+};
+export var LoadingSmall = function LoadingSmall(_ref111) {
+  var _ref111$color = _ref111.color,
+    color = _ref111$color === void 0 ? 'white' : _ref111$color;
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "20",
+    height: "21",
+    viewBox: "0 0 20 21",
+    fill: "none",
+    role: "img",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("title", {
+      children: "Loading"
+    }), /*#__PURE__*/_jsx("path", {
+      opacity: "0.2",
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M10 16.8254C13.3137 16.8254 16 14.1391 16 10.8254C16 7.51173 13.3137 4.82544 10 4.82544C6.68629 4.82544 4 7.51173 4 10.8254C4 14.1391 6.68629 16.8254 10 16.8254ZM10 18.8254C14.4183 18.8254 18 15.2437 18 10.8254C18 6.40716 14.4183 2.82544 10 2.82544C5.58172 2.82544 2 6.40716 2 10.8254C2 15.2437 5.58172 18.8254 10 18.8254Z",
+      fill: color
+    }), /*#__PURE__*/_jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M10 4.82544C6.68629 4.82544 4 7.51173 4 10.8254C4 11.3777 3.55228 11.8254 3 11.8254C2.44772 11.8254 2 11.3777 2 10.8254C2 6.40716 5.58172 2.82544 10 2.82544C10.5523 2.82544 11 3.27315 11 3.82544C11 4.37772 10.5523 4.82544 10 4.82544Z",
+      fill: color
+    })]
+  });
+};
+export var LockedOff = function LockedOff(_ref112) {
+  var className = _ref112.className,
+    _ref112$color = _ref112.color,
+    color = _ref112$color === void 0 ? 'currentColor' : _ref112$color,
+    _ref112$size = _ref112.size,
+    size = _ref112$size === void 0 ? '24px' : _ref112$size,
+    _ref112$label = _ref112.label,
+    label = _ref112$label === void 0 ? '' : _ref112$label,
+    _ref112$viewBox = _ref112.viewBox,
+    viewBox = _ref112$viewBox === void 0 ? '0 0 24 24' : _ref112$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.LockedOff,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var LockedOn = function LockedOn(_ref113) {
+  var className = _ref113.className,
+    _ref113$color = _ref113.color,
+    color = _ref113$color === void 0 ? 'currentColor' : _ref113$color,
+    _ref113$size = _ref113.size,
+    size = _ref113$size === void 0 ? '24px' : _ref113$size,
+    _ref113$label = _ref113.label,
+    label = _ref113$label === void 0 ? '' : _ref113$label,
+    _ref113$viewBox = _ref113.viewBox,
+    viewBox = _ref113$viewBox === void 0 ? '0 0 24 24' : _ref113$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.LockedOn,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Login = function Login(_ref114) {
+  var className = _ref114.className,
+    _ref114$color = _ref114.color,
+    color = _ref114$color === void 0 ? 'currentColor' : _ref114$color,
+    _ref114$size = _ref114.size,
+    size = _ref114$size === void 0 ? '24px' : _ref114$size,
+    _ref114$label = _ref114.label,
+    label = _ref114$label === void 0 ? '' : _ref114$label,
+    _ref114$viewBox = _ref114.viewBox,
+    viewBox = _ref114$viewBox === void 0 ? '0 0 24 24' : _ref114$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Login,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Logout = function Logout(_ref115) {
+  var className = _ref115.className,
+    _ref115$color = _ref115.color,
+    color = _ref115$color === void 0 ? 'currentColor' : _ref115$color,
+    _ref115$size = _ref115.size,
+    size = _ref115$size === void 0 ? '24px' : _ref115$size,
+    _ref115$label = _ref115.label,
+    label = _ref115$label === void 0 ? '' : _ref115$label,
+    _ref115$viewBox = _ref115.viewBox,
+    viewBox = _ref115$viewBox === void 0 ? '0 0 24 24' : _ref115$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Logout,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Loop = function Loop(_ref116) {
+  var className = _ref116.className,
+    _ref116$color = _ref116.color,
+    color = _ref116$color === void 0 ? 'currentColor' : _ref116$color,
+    _ref116$size = _ref116.size,
+    size = _ref116$size === void 0 ? '24px' : _ref116$size,
+    _ref116$label = _ref116.label,
+    label = _ref116$label === void 0 ? '' : _ref116$label,
+    _ref116$viewBox = _ref116.viewBox,
+    viewBox = _ref116$viewBox === void 0 ? '0 0 24 24' : _ref116$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Loop,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Mail = function Mail(_ref117) {
+  var className = _ref117.className,
+    _ref117$color = _ref117.color,
+    color = _ref117$color === void 0 ? 'currentColor' : _ref117$color,
+    _ref117$size = _ref117.size,
+    size = _ref117$size === void 0 ? '24px' : _ref117$size,
+    _ref117$label = _ref117.label,
+    label = _ref117$label === void 0 ? '' : _ref117$label,
+    _ref117$viewBox = _ref117.viewBox,
+    viewBox = _ref117$viewBox === void 0 ? '0 0 24 24' : _ref117$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Mail,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Manikin = function Manikin(_ref118) {
+  var className = _ref118.className,
+    _ref118$color = _ref118.color,
+    color = _ref118$color === void 0 ? 'currentColor' : _ref118$color,
+    _ref118$size = _ref118.size,
+    size = _ref118$size === void 0 ? '24px' : _ref118$size,
+    _ref118$label = _ref118.label,
+    label = _ref118$label === void 0 ? '' : _ref118$label,
+    _ref118$viewBox = _ref118.viewBox,
+    viewBox = _ref118$viewBox === void 0 ? '0 0 24 24' : _ref118$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Manikin,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var MapPoint = function MapPoint(_ref119) {
+  var className = _ref119.className,
+    _ref119$color = _ref119.color,
+    color = _ref119$color === void 0 ? 'currentColor' : _ref119$color,
+    _ref119$size = _ref119.size,
+    size = _ref119$size === void 0 ? '24px' : _ref119$size,
+    _ref119$label = _ref119.label,
+    label = _ref119$label === void 0 ? '' : _ref119$label,
+    _ref119$viewBox = _ref119.viewBox,
+    viewBox = _ref119$viewBox === void 0 ? '0 0 24 24' : _ref119$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.MapPoint,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Menu = function Menu(_ref120) {
+  var className = _ref120.className,
+    _ref120$color = _ref120.color,
+    color = _ref120$color === void 0 ? 'currentColor' : _ref120$color,
+    _ref120$size = _ref120.size,
+    size = _ref120$size === void 0 ? '24px' : _ref120$size,
+    _ref120$label = _ref120.label,
+    label = _ref120$label === void 0 ? '' : _ref120$label,
+    _ref120$viewBox = _ref120.viewBox,
+    viewBox = _ref120$viewBox === void 0 ? '0 0 24 24' : _ref120$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Menu,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Minus = function Minus(_ref121) {
+  var className = _ref121.className,
+    _ref121$color = _ref121.color,
+    color = _ref121$color === void 0 ? 'currentColor' : _ref121$color,
+    _ref121$size = _ref121.size,
+    size = _ref121$size === void 0 ? '24px' : _ref121$size,
+    _ref121$label = _ref121.label,
+    label = _ref121$label === void 0 ? '' : _ref121$label,
+    _ref121$viewBox = _ref121.viewBox,
+    viewBox = _ref121$viewBox === void 0 ? '0 0 24 24' : _ref121$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Minus,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var MoreHorizontal = function MoreHorizontal(_ref122) {
+  var className = _ref122.className,
+    _ref122$color = _ref122.color,
+    color = _ref122$color === void 0 ? 'currentColor' : _ref122$color,
+    _ref122$size = _ref122.size,
+    size = _ref122$size === void 0 ? '24px' : _ref122$size,
+    _ref122$label = _ref122.label,
+    label = _ref122$label === void 0 ? '' : _ref122$label,
+    _ref122$viewBox = _ref122.viewBox,
+    viewBox = _ref122$viewBox === void 0 ? '0 0 24 24' : _ref122$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.MoreHorizontal,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var MoreVertical = function MoreVertical(_ref123) {
+  var className = _ref123.className,
+    _ref123$color = _ref123.color,
+    color = _ref123$color === void 0 ? 'currentColor' : _ref123$color,
+    _ref123$size = _ref123.size,
+    size = _ref123$size === void 0 ? '24px' : _ref123$size,
+    _ref123$label = _ref123.label,
+    label = _ref123$label === void 0 ? '' : _ref123$label,
+    _ref123$viewBox = _ref123.viewBox,
+    viewBox = _ref123$viewBox === void 0 ? '0 0 24 24' : _ref123$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.MoreVertical,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var NotificationNew = function NotificationNew(_ref124) {
+  var className = _ref124.className,
+    _ref124$color = _ref124.color,
+    color = _ref124$color === void 0 ? 'currentColor' : _ref124$color,
+    _ref124$size = _ref124.size,
+    size = _ref124$size === void 0 ? '24px' : _ref124$size,
+    _ref124$label = _ref124.label,
+    label = _ref124$label === void 0 ? '' : _ref124$label,
+    _ref124$viewBox = _ref124.viewBox,
+    viewBox = _ref124$viewBox === void 0 ? '0 0 24 24' : _ref124$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.NotificationNew,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Notification = function Notification(_ref125) {
+  var className = _ref125.className,
+    _ref125$color = _ref125.color,
+    color = _ref125$color === void 0 ? 'currentColor' : _ref125$color,
+    _ref125$size = _ref125.size,
+    size = _ref125$size === void 0 ? '24px' : _ref125$size,
+    _ref125$label = _ref125.label,
+    label = _ref125$label === void 0 ? '' : _ref125$label,
+    _ref125$viewBox = _ref125.viewBox,
+    viewBox = _ref125$viewBox === void 0 ? '0 0 24 24' : _ref125$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Notification,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var OpenFolder = function OpenFolder(_ref126) {
+  var className = _ref126.className,
+    _ref126$color = _ref126.color,
+    color = _ref126$color === void 0 ? 'currentColor' : _ref126$color,
+    _ref126$size = _ref126.size,
+    size = _ref126$size === void 0 ? '24px' : _ref126$size,
+    _ref126$label = _ref126.label,
+    label = _ref126$label === void 0 ? '' : _ref126$label,
+    _ref126$viewBox = _ref126.viewBox,
+    viewBox = _ref126$viewBox === void 0 ? '0 0 24 24' : _ref126$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.OpenFolder,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var OpenNewWindow = function OpenNewWindow(_ref127) {
+  var className = _ref127.className,
+    _ref127$color = _ref127.color,
+    color = _ref127$color === void 0 ? 'currentColor' : _ref127$color,
+    _ref127$size = _ref127.size,
+    size = _ref127$size === void 0 ? '24px' : _ref127$size,
+    _ref127$label = _ref127.label,
+    label = _ref127$label === void 0 ? '' : _ref127$label,
+    _ref127$viewBox = _ref127.viewBox,
+    viewBox = _ref127$viewBox === void 0 ? '0 0 24 24' : _ref127$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.OpenNewWindow,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var OverView = function OverView(_ref128) {
+  var className = _ref128.className,
+    _ref128$color = _ref128.color,
+    color = _ref128$color === void 0 ? 'currentColor' : _ref128$color,
+    _ref128$size = _ref128.size,
+    size = _ref128$size === void 0 ? '24px' : _ref128$size,
+    _ref128$label = _ref128.label,
+    label = _ref128$label === void 0 ? '' : _ref128$label,
+    _ref128$viewBox = _ref128.viewBox,
+    viewBox = _ref128$viewBox === void 0 ? '0 0 24 24' : _ref128$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Overview,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Pause = function Pause(_ref129) {
+  var className = _ref129.className,
+    _ref129$color = _ref129.color,
+    color = _ref129$color === void 0 ? 'currentColor' : _ref129$color,
+    _ref129$size = _ref129.size,
+    size = _ref129$size === void 0 ? '24px' : _ref129$size,
+    _ref129$label = _ref129.label,
+    label = _ref129$label === void 0 ? '' : _ref129$label,
+    _ref129$viewBox = _ref129.viewBox,
+    viewBox = _ref129$viewBox === void 0 ? '0 0 24 24' : _ref129$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Pause,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var PieChart = function PieChart(_ref130) {
+  var className = _ref130.className,
+    _ref130$color = _ref130.color,
+    color = _ref130$color === void 0 ? 'currentColor' : _ref130$color,
+    _ref130$size = _ref130.size,
+    size = _ref130$size === void 0 ? '24px' : _ref130$size,
+    _ref130$label = _ref130.label,
+    label = _ref130$label === void 0 ? '' : _ref130$label,
+    _ref130$viewBox = _ref130.viewBox,
+    viewBox = _ref130$viewBox === void 0 ? '0 0 24 24' : _ref130$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.PieChart,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var PlayOutline = function PlayOutline(_ref131) {
+  var className = _ref131.className,
+    _ref131$color = _ref131.color,
+    color = _ref131$color === void 0 ? 'currentColor' : _ref131$color,
+    _ref131$size = _ref131.size,
+    size = _ref131$size === void 0 ? '24px' : _ref131$size,
+    _ref131$label = _ref131.label,
+    label = _ref131$label === void 0 ? '' : _ref131$label,
+    _ref131$viewBox = _ref131.viewBox,
+    viewBox = _ref131$viewBox === void 0 ? '0 0 24 24' : _ref131$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.PlayOutlined,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Play = function Play(_ref132) {
+  var className = _ref132.className,
+    _ref132$color = _ref132.color,
+    color = _ref132$color === void 0 ? 'currentColor' : _ref132$color,
+    _ref132$size = _ref132.size,
+    size = _ref132$size === void 0 ? '24px' : _ref132$size,
+    _ref132$label = _ref132.label,
+    label = _ref132$label === void 0 ? '' : _ref132$label,
+    _ref132$viewBox = _ref132.viewBox,
+    viewBox = _ref132$viewBox === void 0 ? '0 0 24 24' : _ref132$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Play,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var PlaybackSpeed = function PlaybackSpeed(_ref133) {
+  var className = _ref133.className,
+    _ref133$color = _ref133.color,
+    color = _ref133$color === void 0 ? 'currentColor' : _ref133$color,
+    _ref133$size = _ref133.size,
+    size = _ref133$size === void 0 ? '24px' : _ref133$size,
+    _ref133$label = _ref133.label,
+    label = _ref133$label === void 0 ? '' : _ref133$label,
+    _ref133$viewBox = _ref133.viewBox,
+    viewBox = _ref133$viewBox === void 0 ? '0 0 24 24' : _ref133$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.PlaybackSpeed,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var PlayList = function PlayList(_ref134) {
+  var className = _ref134.className,
+    _ref134$color = _ref134.color,
+    color = _ref134$color === void 0 ? 'currentColor' : _ref134$color,
+    _ref134$size = _ref134.size,
+    size = _ref134$size === void 0 ? '24px' : _ref134$size,
+    _ref134$label = _ref134.label,
+    label = _ref134$label === void 0 ? '' : _ref134$label,
+    _ref134$viewBox = _ref134.viewBox,
+    viewBox = _ref134$viewBox === void 0 ? '0 0 24 24' : _ref134$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Playlist,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Plus = function Plus(_ref135) {
+  var className = _ref135.className,
+    _ref135$color = _ref135.color,
+    color = _ref135$color === void 0 ? 'currentColor' : _ref135$color,
+    _ref135$size = _ref135.size,
+    size = _ref135$size === void 0 ? '24px' : _ref135$size,
+    _ref135$label = _ref135.label,
+    label = _ref135$label === void 0 ? '' : _ref135$label,
+    _ref135$viewBox = _ref135.viewBox,
+    viewBox = _ref135$viewBox === void 0 ? '0 0 24 24' : _ref135$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Plus,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var PointDown = function PointDown(_ref136) {
+  var className = _ref136.className,
+    _ref136$color = _ref136.color,
+    color = _ref136$color === void 0 ? 'currentColor' : _ref136$color,
+    _ref136$size = _ref136.size,
+    size = _ref136$size === void 0 ? '24px' : _ref136$size,
+    _ref136$label = _ref136.label,
+    label = _ref136$label === void 0 ? '' : _ref136$label,
+    _ref136$viewBox = _ref136.viewBox,
+    viewBox = _ref136$viewBox === void 0 ? '0 0 24 24' : _ref136$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.PointDown,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var PointLeft = function PointLeft(_ref137) {
+  var className = _ref137.className,
+    _ref137$color = _ref137.color,
+    color = _ref137$color === void 0 ? 'currentColor' : _ref137$color,
+    _ref137$size = _ref137.size,
+    size = _ref137$size === void 0 ? '24px' : _ref137$size,
+    _ref137$label = _ref137.label,
+    label = _ref137$label === void 0 ? '' : _ref137$label,
+    _ref137$viewBox = _ref137.viewBox,
+    viewBox = _ref137$viewBox === void 0 ? '0 0 24 24' : _ref137$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.PointLeft,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var PointRight = function PointRight(_ref138) {
+  var className = _ref138.className,
+    _ref138$color = _ref138.color,
+    color = _ref138$color === void 0 ? 'currentColor' : _ref138$color,
+    _ref138$size = _ref138.size,
+    size = _ref138$size === void 0 ? '24px' : _ref138$size,
+    _ref138$label = _ref138.label,
+    label = _ref138$label === void 0 ? '' : _ref138$label,
+    _ref138$viewBox = _ref138.viewBox,
+    viewBox = _ref138$viewBox === void 0 ? '0 0 24 24' : _ref138$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.PointRight,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var PointUp = function PointUp(_ref139) {
+  var className = _ref139.className,
+    _ref139$color = _ref139.color,
+    color = _ref139$color === void 0 ? 'currentColor' : _ref139$color,
+    _ref139$size = _ref139.size,
+    size = _ref139$size === void 0 ? '24px' : _ref139$size,
+    _ref139$label = _ref139.label,
+    label = _ref139$label === void 0 ? '' : _ref139$label,
+    _ref139$viewBox = _ref139.viewBox,
+    viewBox = _ref139$viewBox === void 0 ? '0 0 24 24' : _ref139$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.PointUp,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Print = function Print(_ref140) {
+  var className = _ref140.className,
+    _ref140$color = _ref140.color,
+    color = _ref140$color === void 0 ? 'currentColor' : _ref140$color,
+    _ref140$size = _ref140.size,
+    size = _ref140$size === void 0 ? '24px' : _ref140$size,
+    _ref140$label = _ref140.label,
+    label = _ref140$label === void 0 ? '' : _ref140$label,
+    _ref140$viewBox = _ref140.viewBox,
+    viewBox = _ref140$viewBox === void 0 ? '0 0 24 24' : _ref140$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Print,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var RadioButtonOff = function RadioButtonOff(_ref141) {
+  var className = _ref141.className,
+    _ref141$color = _ref141.color,
+    color = _ref141$color === void 0 ? 'currentColor' : _ref141$color,
+    _ref141$size = _ref141.size,
+    size = _ref141$size === void 0 ? '24px' : _ref141$size,
+    _ref141$label = _ref141.label,
+    label = _ref141$label === void 0 ? '' : _ref141$label,
+    _ref141$viewBox = _ref141.viewBox,
+    viewBox = _ref141$viewBox === void 0 ? '0 0 24 24' : _ref141$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.RadioButtonOff,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var RadioButtonOn = function RadioButtonOn(_ref142) {
+  var className = _ref142.className,
+    _ref142$color = _ref142.color,
+    color = _ref142$color === void 0 ? 'currentColor' : _ref142$color,
+    _ref142$size = _ref142.size,
+    size = _ref142$size === void 0 ? '24px' : _ref142$size,
+    _ref142$label = _ref142.label,
+    label = _ref142$label === void 0 ? '' : _ref142$label,
+    _ref142$viewBox = _ref142.viewBox,
+    viewBox = _ref142$viewBox === void 0 ? '0 0 24 24' : _ref142$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.RadioButtonOn,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Record = function Record(_ref143) {
+  var className = _ref143.className,
+    _ref143$color = _ref143.color,
+    color = _ref143$color === void 0 ? 'currentColor' : _ref143$color,
+    _ref143$size = _ref143.size,
+    size = _ref143$size === void 0 ? '24px' : _ref143$size,
+    _ref143$label = _ref143.label,
+    label = _ref143$label === void 0 ? '' : _ref143$label,
+    _ref143$viewBox = _ref143.viewBox,
+    viewBox = _ref143$viewBox === void 0 ? '0 0 24 24' : _ref143$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Record,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Refresh = function Refresh(_ref144) {
+  var className = _ref144.className,
+    _ref144$color = _ref144.color,
+    color = _ref144$color === void 0 ? 'currentColor' : _ref144$color,
+    _ref144$size = _ref144.size,
+    size = _ref144$size === void 0 ? '24px' : _ref144$size,
+    _ref144$label = _ref144.label,
+    label = _ref144$label === void 0 ? '' : _ref144$label,
+    _ref144$viewBox = _ref144.viewBox,
+    viewBox = _ref144$viewBox === void 0 ? '0 0 24 24' : _ref144$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Refresh,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Replay = function Replay(_ref145) {
+  var className = _ref145.className,
+    _ref145$color = _ref145.color,
+    color = _ref145$color === void 0 ? 'currentColor' : _ref145$color,
+    _ref145$size = _ref145.size,
+    size = _ref145$size === void 0 ? '24px' : _ref145$size,
+    _ref145$label = _ref145.label,
+    label = _ref145$label === void 0 ? '' : _ref145$label,
+    _ref145$viewBox = _ref145.viewBox,
+    viewBox = _ref145$viewBox === void 0 ? '0 0 24 24' : _ref145$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Replay,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Rewind = function Rewind(_ref146) {
+  var className = _ref146.className,
+    _ref146$color = _ref146.color,
+    color = _ref146$color === void 0 ? 'currentColor' : _ref146$color,
+    _ref146$size = _ref146.size,
+    size = _ref146$size === void 0 ? '24px' : _ref146$size,
+    _ref146$label = _ref146.label,
+    label = _ref146$label === void 0 ? '' : _ref146$label,
+    _ref146$viewBox = _ref146.viewBox,
+    viewBox = _ref146$viewBox === void 0 ? '0 0 24 24' : _ref146$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Rewind,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Save = function Save(_ref147) {
+  var className = _ref147.className,
+    _ref147$color = _ref147.color,
+    color = _ref147$color === void 0 ? 'currentColor' : _ref147$color,
+    _ref147$size = _ref147.size,
+    size = _ref147$size === void 0 ? '24px' : _ref147$size,
+    _ref147$label = _ref147.label,
+    label = _ref147$label === void 0 ? '' : _ref147$label,
+    _ref147$viewBox = _ref147.viewBox,
+    viewBox = _ref147$viewBox === void 0 ? '0 0 24 24' : _ref147$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Save,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Search = function Search(_ref148) {
+  var className = _ref148.className,
+    _ref148$color = _ref148.color,
+    color = _ref148$color === void 0 ? 'currentColor' : _ref148$color,
+    _ref148$size = _ref148.size,
+    size = _ref148$size === void 0 ? '24px' : _ref148$size,
+    _ref148$label = _ref148.label,
+    label = _ref148$label === void 0 ? '' : _ref148$label,
+    _ref148$viewBox = _ref148.viewBox,
+    viewBox = _ref148$viewBox === void 0 ? '0 0 24 24' : _ref148$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Search,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var SendTo = function SendTo(_ref149) {
+  var className = _ref149.className,
+    _ref149$color = _ref149.color,
+    color = _ref149$color === void 0 ? 'currentColor' : _ref149$color,
+    _ref149$size = _ref149.size,
+    size = _ref149$size === void 0 ? '24px' : _ref149$size,
+    _ref149$label = _ref149.label,
+    label = _ref149$label === void 0 ? '' : _ref149$label,
+    _ref149$viewBox = _ref149.viewBox,
+    viewBox = _ref149$viewBox === void 0 ? '0 0 24 24' : _ref149$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.SendTo,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Share = function Share(_ref150) {
+  var className = _ref150.className,
+    _ref150$color = _ref150.color,
+    color = _ref150$color === void 0 ? 'currentColor' : _ref150$color,
+    _ref150$size = _ref150.size,
+    size = _ref150$size === void 0 ? '24px' : _ref150$size,
+    _ref150$label = _ref150.label,
+    label = _ref150$label === void 0 ? '' : _ref150$label,
+    _ref150$viewBox = _ref150.viewBox,
+    viewBox = _ref150$viewBox === void 0 ? '0 0 24 24' : _ref150$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Share,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ShoppingCart = function ShoppingCart(_ref151) {
+  var className = _ref151.className,
+    _ref151$color = _ref151.color,
+    color = _ref151$color === void 0 ? 'currentColor' : _ref151$color,
+    _ref151$size = _ref151.size,
+    size = _ref151$size === void 0 ? '24px' : _ref151$size,
+    _ref151$label = _ref151.label,
+    label = _ref151$label === void 0 ? '' : _ref151$label,
+    _ref151$viewBox = _ref151.viewBox,
+    viewBox = _ref151$viewBox === void 0 ? '0 0 24 24' : _ref151$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ShoppingCart,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var SkipForward = function SkipForward(_ref152) {
+  var className = _ref152.className,
+    _ref152$color = _ref152.color,
+    color = _ref152$color === void 0 ? 'currentColor' : _ref152$color,
+    _ref152$size = _ref152.size,
+    size = _ref152$size === void 0 ? '24px' : _ref152$size,
+    _ref152$label = _ref152.label,
+    label = _ref152$label === void 0 ? '' : _ref152$label,
+    _ref152$viewBox = _ref152.viewBox,
+    viewBox = _ref152$viewBox === void 0 ? '0 0 24 24' : _ref152$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.SkipForward,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Sort = function Sort(_ref153) {
+  var className = _ref153.className,
+    _ref153$color = _ref153.color,
+    color = _ref153$color === void 0 ? 'currentColor' : _ref153$color,
+    _ref153$size = _ref153.size,
+    size = _ref153$size === void 0 ? '24px' : _ref153$size,
+    _ref153$label = _ref153.label,
+    label = _ref153$label === void 0 ? '' : _ref153$label,
+    _ref153$viewBox = _ref153.viewBox,
+    viewBox = _ref153$viewBox === void 0 ? '0 0 24 24' : _ref153$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Sort,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var SpeechBuble = function SpeechBuble(_ref154) {
+  var className = _ref154.className,
+    _ref154$color = _ref154.color,
+    color = _ref154$color === void 0 ? 'currentColor' : _ref154$color,
+    _ref154$size = _ref154.size,
+    size = _ref154$size === void 0 ? '24px' : _ref154$size,
+    _ref154$label = _ref154.label,
+    label = _ref154$label === void 0 ? '' : _ref154$label,
+    _ref154$viewBox = _ref154.viewBox,
+    viewBox = _ref154$viewBox === void 0 ? '0 0 24 24' : _ref154$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.SpeechBubble,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var StarFilled = function StarFilled(_ref155) {
+  var className = _ref155.className,
+    _ref155$color = _ref155.color,
+    color = _ref155$color === void 0 ? 'currentColor' : _ref155$color,
+    _ref155$size = _ref155.size,
+    size = _ref155$size === void 0 ? '24px' : _ref155$size,
+    _ref155$label = _ref155.label,
+    label = _ref155$label === void 0 ? '' : _ref155$label,
+    _ref155$viewBox = _ref155.viewBox,
+    viewBox = _ref155$viewBox === void 0 ? '0 0 24 24' : _ref155$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.StarFilled,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var StarOutlined = function StarOutlined(_ref156) {
+  var className = _ref156.className,
+    _ref156$color = _ref156.color,
+    color = _ref156$color === void 0 ? 'currentColor' : _ref156$color,
+    _ref156$size = _ref156.size,
+    size = _ref156$size === void 0 ? '24px' : _ref156$size,
+    _ref156$label = _ref156.label,
+    label = _ref156$label === void 0 ? '' : _ref156$label,
+    _ref156$viewBox = _ref156.viewBox,
+    viewBox = _ref156$viewBox === void 0 ? '0 0 24 24' : _ref156$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.StarOutlined,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Stop = function Stop(_ref157) {
+  var className = _ref157.className,
+    _ref157$color = _ref157.color,
+    color = _ref157$color === void 0 ? 'currentColor' : _ref157$color,
+    _ref157$size = _ref157.size,
+    size = _ref157$size === void 0 ? '24px' : _ref157$size,
+    _ref157$label = _ref157.label,
+    label = _ref157$label === void 0 ? '' : _ref157$label,
+    _ref157$viewBox = _ref157.viewBox,
+    viewBox = _ref157$viewBox === void 0 ? '0 0 24 24' : _ref157$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Stop,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var SUN = function SUN(_ref158) {
+  var className = _ref158.className,
+    _ref158$color = _ref158.color,
+    color = _ref158$color === void 0 ? 'currentColor' : _ref158$color,
+    _ref158$size = _ref158.size,
+    size = _ref158$size === void 0 ? '24px' : _ref158$size,
+    _ref158$label = _ref158.label,
+    label = _ref158$label === void 0 ? '' : _ref158$label,
+    _ref158$viewBox = _ref158.viewBox,
+    viewBox = _ref158$viewBox === void 0 ? '0 0 24 24' : _ref158$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Sun,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Support = function Support(_ref159) {
+  var className = _ref159.className,
+    _ref159$color = _ref159.color,
+    color = _ref159$color === void 0 ? 'currentColor' : _ref159$color,
+    _ref159$size = _ref159.size,
+    size = _ref159$size === void 0 ? '24px' : _ref159$size,
+    _ref159$label = _ref159.label,
+    label = _ref159$label === void 0 ? '' : _ref159$label,
+    _ref159$viewBox = _ref159.viewBox,
+    viewBox = _ref159$viewBox === void 0 ? '0 0 24 24' : _ref159$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Support,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var SwitchApp = function SwitchApp(_ref160) {
+  var className = _ref160.className,
+    _ref160$color = _ref160.color,
+    color = _ref160$color === void 0 ? 'currentColor' : _ref160$color,
+    _ref160$size = _ref160.size,
+    size = _ref160$size === void 0 ? '24px' : _ref160$size,
+    _ref160$label = _ref160.label,
+    label = _ref160$label === void 0 ? '' : _ref160$label,
+    _ref160$viewBox = _ref160.viewBox,
+    viewBox = _ref160$viewBox === void 0 ? '0 0 24 24' : _ref160$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.SwitchApp,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var TechnicalWarning = function TechnicalWarning(_ref161) {
+  var className = _ref161.className,
+    _ref161$color = _ref161.color,
+    color = _ref161$color === void 0 ? 'currentColor' : _ref161$color,
+    _ref161$size = _ref161.size,
+    size = _ref161$size === void 0 ? '24px' : _ref161$size,
+    _ref161$label = _ref161.label,
+    label = _ref161$label === void 0 ? '' : _ref161$label,
+    _ref161$viewBox = _ref161.viewBox,
+    viewBox = _ref161$viewBox === void 0 ? '0 0 24 24' : _ref161$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.TechnicalWarning,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Team = function Team(_ref162) {
+  var className = _ref162.className,
+    _ref162$color = _ref162.color,
+    color = _ref162$color === void 0 ? 'currentColor' : _ref162$color,
+    _ref162$size = _ref162.size,
+    size = _ref162$size === void 0 ? '24px' : _ref162$size,
+    _ref162$label = _ref162.label,
+    label = _ref162$label === void 0 ? '' : _ref162$label,
+    _ref162$viewBox = _ref162.viewBox,
+    viewBox = _ref162$viewBox === void 0 ? '0 0 24 24' : _ref162$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Team,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ThumbsDown = function ThumbsDown(_ref163) {
+  var className = _ref163.className,
+    _ref163$color = _ref163.color,
+    color = _ref163$color === void 0 ? 'currentColor' : _ref163$color,
+    _ref163$size = _ref163.size,
+    size = _ref163$size === void 0 ? '24px' : _ref163$size,
+    _ref163$label = _ref163.label,
+    label = _ref163$label === void 0 ? '' : _ref163$label,
+    _ref163$viewBox = _ref163.viewBox,
+    viewBox = _ref163$viewBox === void 0 ? '0 0 24 24' : _ref163$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ThumbsDown,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var ThumbsUp = function ThumbsUp(_ref164) {
+  var className = _ref164.className,
+    _ref164$color = _ref164.color,
+    color = _ref164$color === void 0 ? 'currentColor' : _ref164$color,
+    _ref164$size = _ref164.size,
+    size = _ref164$size === void 0 ? '24px' : _ref164$size,
+    _ref164$label = _ref164.label,
+    label = _ref164$label === void 0 ? '' : _ref164$label,
+    _ref164$viewBox = _ref164.viewBox,
+    viewBox = _ref164$viewBox === void 0 ? '0 0 24 24' : _ref164$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ThumbsUp,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var TimeLimited = function TimeLimited(_ref165) {
+  var className = _ref165.className,
+    _ref165$color = _ref165.color,
+    color = _ref165$color === void 0 ? 'currentColor' : _ref165$color,
+    _ref165$size = _ref165.size,
+    size = _ref165$size === void 0 ? '24px' : _ref165$size,
+    _ref165$label = _ref165.label,
+    label = _ref165$label === void 0 ? '' : _ref165$label,
+    _ref165$viewBox = _ref165.viewBox,
+    viewBox = _ref165$viewBox === void 0 ? '0 0 24 24' : _ref165$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.TimeLimited,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Time = function Time(_ref166) {
+  var className = _ref166.className,
+    _ref166$color = _ref166.color,
+    color = _ref166$color === void 0 ? 'currentColor' : _ref166$color,
+    _ref166$size = _ref166.size,
+    size = _ref166$size === void 0 ? '24px' : _ref166$size,
+    _ref166$label = _ref166.label,
+    label = _ref166$label === void 0 ? '' : _ref166$label,
+    _ref166$viewBox = _ref166.viewBox,
+    viewBox = _ref166$viewBox === void 0 ? '0 0 24 24' : _ref166$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Time,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Timeline = function Timeline(_ref167) {
+  var className = _ref167.className,
+    _ref167$color = _ref167.color,
+    color = _ref167$color === void 0 ? 'currentColor' : _ref167$color,
+    _ref167$size = _ref167.size,
+    size = _ref167$size === void 0 ? '24px' : _ref167$size,
+    _ref167$label = _ref167.label,
+    label = _ref167$label === void 0 ? '' : _ref167$label,
+    _ref167$viewBox = _ref167.viewBox,
+    viewBox = _ref167$viewBox === void 0 ? '0 0 24 24' : _ref167$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Timeline,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Tip = function Tip(_ref168) {
+  var className = _ref168.className,
+    _ref168$color = _ref168.color,
+    color = _ref168$color === void 0 ? 'currentColor' : _ref168$color,
+    _ref168$size = _ref168.size,
+    size = _ref168$size === void 0 ? '24px' : _ref168$size,
+    _ref168$label = _ref168.label,
+    label = _ref168$label === void 0 ? '' : _ref168$label,
+    _ref168$viewBox = _ref168.viewBox,
+    viewBox = _ref168$viewBox === void 0 ? '0 0 24 24' : _ref168$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Tip,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Transcript = function Transcript(_ref169) {
+  var className = _ref169.className,
+    _ref169$color = _ref169.color,
+    color = _ref169$color === void 0 ? 'currentColor' : _ref169$color,
+    _ref169$size = _ref169.size,
+    size = _ref169$size === void 0 ? '24px' : _ref169$size,
+    _ref169$label = _ref169.label,
+    label = _ref169$label === void 0 ? '' : _ref169$label,
+    _ref169$viewBox = _ref169.viewBox,
+    viewBox = _ref169$viewBox === void 0 ? '0 0 24 24' : _ref169$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Transcript,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Twitter = function Twitter(_ref170) {
+  var className = _ref170.className,
+    _ref170$color = _ref170.color,
+    color = _ref170$color === void 0 ? 'currentColor' : _ref170$color,
+    _ref170$size = _ref170.size,
+    size = _ref170$size === void 0 ? '24px' : _ref170$size,
+    _ref170$label = _ref170.label,
+    label = _ref170$label === void 0 ? '' : _ref170$label,
+    _ref170$viewBox = _ref170.viewBox,
+    viewBox = _ref170$viewBox === void 0 ? '0 0 24 24' : _ref170$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Twitter,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Upload = function Upload(_ref171) {
+  var className = _ref171.className,
+    _ref171$color = _ref171.color,
+    color = _ref171$color === void 0 ? 'currentColor' : _ref171$color,
+    _ref171$size = _ref171.size,
+    size = _ref171$size === void 0 ? '24px' : _ref171$size,
+    _ref171$label = _ref171.label,
+    label = _ref171$label === void 0 ? '' : _ref171$label,
+    _ref171$viewBox = _ref171.viewBox,
+    viewBox = _ref171$viewBox === void 0 ? '0 0 24 24' : _ref171$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Upload,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Usb = function Usb(_ref172) {
+  var className = _ref172.className,
+    _ref172$color = _ref172.color,
+    color = _ref172$color === void 0 ? 'currentColor' : _ref172$color,
+    _ref172$size = _ref172.size,
+    size = _ref172$size === void 0 ? '24px' : _ref172$size,
+    _ref172$label = _ref172.label,
+    label = _ref172$label === void 0 ? '' : _ref172$label,
+    _ref172$viewBox = _ref172.viewBox,
+    viewBox = _ref172$viewBox === void 0 ? '0 0 24 24' : _ref172$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Usb,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var User = function User(_ref173) {
+  var className = _ref173.className,
+    _ref173$color = _ref173.color,
+    color = _ref173$color === void 0 ? 'currentColor' : _ref173$color,
+    _ref173$size = _ref173.size,
+    size = _ref173$size === void 0 ? '24px' : _ref173$size,
+    _ref173$label = _ref173.label,
+    label = _ref173$label === void 0 ? '' : _ref173$label,
+    _ref173$viewBox = _ref173.viewBox,
+    viewBox = _ref173$viewBox === void 0 ? '0 0 24 24' : _ref173$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.UserPerson,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Video = function Video(_ref174) {
+  var className = _ref174.className,
+    _ref174$color = _ref174.color,
+    color = _ref174$color === void 0 ? 'currentColor' : _ref174$color,
+    _ref174$size = _ref174.size,
+    size = _ref174$size === void 0 ? '24px' : _ref174$size,
+    _ref174$label = _ref174.label,
+    label = _ref174$label === void 0 ? '' : _ref174$label,
+    _ref174$viewBox = _ref174.viewBox,
+    viewBox = _ref174$viewBox === void 0 ? '0 0 24 24' : _ref174$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Video,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var VisibleOff = function VisibleOff(_ref175) {
+  var className = _ref175.className,
+    _ref175$color = _ref175.color,
+    color = _ref175$color === void 0 ? 'currentColor' : _ref175$color,
+    _ref175$size = _ref175.size,
+    size = _ref175$size === void 0 ? '24px' : _ref175$size,
+    _ref175$label = _ref175.label,
+    label = _ref175$label === void 0 ? '' : _ref175$label,
+    _ref175$viewBox = _ref175.viewBox,
+    viewBox = _ref175$viewBox === void 0 ? '0 0 24 24' : _ref175$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.VisibleOff,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var VisibleOn = function VisibleOn(_ref176) {
+  var className = _ref176.className,
+    _ref176$color = _ref176.color,
+    color = _ref176$color === void 0 ? 'currentColor' : _ref176$color,
+    _ref176$size = _ref176.size,
+    size = _ref176$size === void 0 ? '24px' : _ref176$size,
+    _ref176$label = _ref176.label,
+    label = _ref176$label === void 0 ? '' : _ref176$label,
+    _ref176$viewBox = _ref176.viewBox,
+    viewBox = _ref176$viewBox === void 0 ? '0 0 24 24' : _ref176$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.VisibleOn,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var VolumeDown = function VolumeDown(_ref177) {
+  var className = _ref177.className,
+    _ref177$color = _ref177.color,
+    color = _ref177$color === void 0 ? 'currentColor' : _ref177$color,
+    _ref177$size = _ref177.size,
+    size = _ref177$size === void 0 ? '24px' : _ref177$size,
+    _ref177$label = _ref177.label,
+    label = _ref177$label === void 0 ? '' : _ref177$label,
+    _ref177$viewBox = _ref177.viewBox,
+    viewBox = _ref177$viewBox === void 0 ? '0 0 24 24' : _ref177$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.VolumeDown,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var VolumeOff = function VolumeOff(_ref178) {
+  var className = _ref178.className,
+    _ref178$color = _ref178.color,
+    color = _ref178$color === void 0 ? 'currentColor' : _ref178$color,
+    _ref178$size = _ref178.size,
+    size = _ref178$size === void 0 ? '24px' : _ref178$size,
+    _ref178$label = _ref178.label,
+    label = _ref178$label === void 0 ? '' : _ref178$label,
+    _ref178$viewBox = _ref178.viewBox,
+    viewBox = _ref178$viewBox === void 0 ? '0 0 24 24' : _ref178$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.VolumeOff,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var VolumeUp = function VolumeUp(_ref179) {
+  var className = _ref179.className,
+    _ref179$color = _ref179.color,
+    color = _ref179$color === void 0 ? 'currentColor' : _ref179$color,
+    _ref179$size = _ref179.size,
+    size = _ref179$size === void 0 ? '24px' : _ref179$size,
+    _ref179$label = _ref179.label,
+    label = _ref179$label === void 0 ? '' : _ref179$label,
+    _ref179$viewBox = _ref179.viewBox,
+    viewBox = _ref179$viewBox === void 0 ? '0 0 24 24' : _ref179$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.VolumeUp,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Youtube = function Youtube(_ref180) {
+  var className = _ref180.className,
+    _ref180$color = _ref180.color,
+    color = _ref180$color === void 0 ? 'currentColor' : _ref180$color,
+    _ref180$size = _ref180.size,
+    size = _ref180$size === void 0 ? '24px' : _ref180$size,
+    _ref180$label = _ref180.label,
+    label = _ref180$label === void 0 ? '' : _ref180$label,
+    _ref180$viewBox = _ref180.viewBox,
+    viewBox = _ref180$viewBox === void 0 ? '0 0 24 24' : _ref180$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Youtube,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Zoom = function Zoom(_ref181) {
+  var className = _ref181.className,
+    _ref181$color = _ref181.color,
+    color = _ref181$color === void 0 ? 'currentColor' : _ref181$color,
+    _ref181$size = _ref181.size,
+    size = _ref181$size === void 0 ? '24px' : _ref181$size,
+    _ref181$label = _ref181.label,
+    label = _ref181$label === void 0 ? '' : _ref181$label,
+    _ref181$viewBox = _ref181.viewBox,
+    viewBox = _ref181$viewBox === void 0 ? '0 0 24 24' : _ref181$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.ZoomIn,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+export var Microphone = function Microphone(_ref182) {
+  var className = _ref182.className,
+    _ref182$color = _ref182.color,
+    color = _ref182$color === void 0 ? 'currentColor' : _ref182$color,
+    _ref182$size = _ref182.size,
+    size = _ref182$size === void 0 ? '24px' : _ref182$size,
+    _ref182$label = _ref182.label,
+    label = _ref182$label === void 0 ? '' : _ref182$label,
+    _ref182$viewBox = _ref182.viewBox,
+    viewBox = _ref182$viewBox === void 0 ? '0 0 24 24' : _ref182$viewBox;
+  return /*#__PURE__*/_jsx(SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: SystemIcons.Microphone,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+//# sourceMappingURL=SystemIcons.js.map