1

src/components/bs-icons/system/System.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 453">
+<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M12.6999 2.68537C12.3111 2.30458 11.6892 2.30458 11.3004 2.68537L9.34074 4.60478C9.15641 4.78533 8.90941 4.88764 8.65139 4.89032L5.90848 4.91879C5.36431 4.92443 4.92455 5.36419 4.91891 5.90835L4.89044 8.65127C4.88776 8.90929 4.78545 9.15628 4.6049 9.34062L2.6855 11.3003C2.3047 11.6891 2.3047 12.311 2.6855 12.6997L4.6049 14.6594C4.78545 14.8438 4.88776 15.0907 4.89044 15.3488L4.91891 18.0917C4.92455 18.6358 5.36431 19.0756 5.90848 19.0812L8.65139 19.1097C8.90941 19.1124 9.15641 19.2147 9.34074 19.3953L11.3004 21.3147C11.6892 21.6955 12.3111 21.6955 12.6999 21.3147L14.6595 19.3953C14.8439 19.2147 15.0909 19.1124 15.3489 19.1097L18.0918 19.0812C18.636 19.0756 19.0757 18.6358 19.0814 18.0917L19.1098 15.3488C19.1125 15.0907 19.2148 14.8438 19.3954 14.6594L21.3148 12.6997C21.6956 12.311 21.6956 11.6891 21.3148 11.3003L19.3954 9.34062C19.2148 9.15628 19.1125 8.90929 19.1098 8.65127L19.0814 5.90835C19.0757 5.36419 18.636 4.92443 18.0918 4.91879L15.3489 4.89032C15.0909 4.88764 14.8439 4.78533 14.6595 4.60478L12.6999 2.68537ZM14.5981 10.5004L12 9.00037L9.40192 10.5004V13.5004L12 15.0004L14.5981 13.5004V10.5004Z" fill="currentColor"/>
+</g>
+</svg>

src/components/bs-icons/system/index.tsx

@@ -0,0 +1,9 @@
+import React, { forwardRef } from "react";
+import { ReactComponent as System } from "./System.svg";
+
+export const SystemIcon = forwardRef<
+    SVGSVGElement & { className: any },
+    React.PropsWithChildren<{ className?: string }>
+>(({className,...props}, ref) => {
+    return <System ref={ref} {...props} className={className || ''}/>;
+});