Initial commit

src/components/Icons/LeftRectangle.tsx

@@ -0,0 +1,38 @@
+interface LeftRectangleType {
+  className?: string;
+  onClick?: () => void;
+}
+
+const LeftRectangle = ({ className, onClick }: LeftRectangleType) => {
+  return (
+    <svg
+      width="180"
+      height="64"
+      viewBox="0 0 180 64"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      onClick={onClick}
+    >
+      <path
+        d="M180 64L10.2919 0.483501C9.43756 0.163767 8.53281 0 7.62064 0C3.41188 0 0 3.41188 0 7.62064V56C0 60.4183 3.58173 64 8 64H180Z"
+        fill="url(#paint0_linear_15787_31424)"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_15787_31424"
+          x1="178.163"
+          y1="3.5"
+          x2="-4.06413"
+          y2="20.5415"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#00AC17" />
+          <stop offset="1" stopColor="#004609" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+};
+
+export default LeftRectangle;