cenvert to component

frontend/src/app/components/icons/download.jsx

@@ -0,0 +1,53 @@
+import React from "react";
+
+const DownloadIcon = (props) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+    >
+      <g clipPath="url(#clip0_306_15402)">
+        <path
+          d="M7.98047 13.6074L11.9983 17.6253L16.0162 13.6074"
+          stroke="#8287FF"
+          strokeWidth={1.5}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          style={{ strokeOpacity: 1 }}
+        />
+        <path
+          d="M12 17.625V6.375"
+          stroke="#8287FF"
+          strokeWidth={1.5}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          style={{ strokeOpacity: 1 }}
+        />
+        <path
+          d="M11.9992 22.4466C17.7686 22.4466 22.4456 17.7696 22.4456 12.0001C22.4456 6.23074 17.7686 1.55371 11.9992 1.55371C6.22976 1.55371 1.55273 6.23074 1.55273 12.0001C1.55273 17.7696 6.22976 22.4466 11.9992 22.4466Z"
+          stroke="#8287FF"
+          strokeWidth={1.5}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          style={{ strokeOpacity: 1 }}
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_306_15402">
+          <rect
+            width="24"
+            height="24"
+            fill="white"
+            style={{ fillOpacity: 1 }}
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export default DownloadIcon;