Initial commit

src/components/Icons/RightRectangle.tsx

@@ -0,0 +1,38 @@
+interface RightRectangleType {
+  className?: string;
+  onClick?: () => void;
+}
+
+const RightRectangle = ({ className, onClick }: RightRectangleType) => {
+  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="M0 64L169.708 0.483501C170.562 0.163767 171.467 0 172.379 0C176.588 0 180 3.41188 180 7.62064V56C180 60.4183 176.418 64 172 64H0Z"
+        fill="url(#paint0_linear_15787_31422)"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_15787_31422"
+          x1="1.83673"
+          y1="3.5"
+          x2="184.064"
+          y2="20.5415"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#00AC17" />
+          <stop offset="1" stopColor="#004609" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+};
+
+export default RightRectangle;