2 files changed, 9 insertions, 2 deletions

diff --git a/frontend/src/images/Images.tsx b/frontend/src/images/Images.tsx
index eb12588..6b46893 100644
--- a/frontend/src/images/Images.tsx
+++ b/frontend/src/images/Images.tsx
@@ -1,5 +1,5 @@
 import logo from "./png/logo.png";
-import login from "./png/login.png";
+import { LoginIcon as Login } from "./svgs/steam.tsx";
 import img1 from "./png/1.png";
 import img2 from "./png/2.png";
 import img3 from "./png/3.png";
@@ -23,7 +23,7 @@ import img20 from "./png/20.png";
 import img21 from "./png/21.png";
 
 export const LogoIcon = logo;
-export const LoginIcon = login;
+export const LoginIcon = Login;
 
 export const SearchIcon = img1;
 export const HomeIcon = img2;
diff --git a/frontend/src/images/svgs/steam.tsx b/frontend/src/images/svgs/steam.tsx
new file mode 100644
index 0000000..0dc9a04
--- /dev/null
+++ b/frontend/src/images/svgs/steam.tsx
@@ -0,0 +1,7 @@
+export function LoginIcon(){
+    return (
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" className="text-white" height={32} width={32}>
+            <path d="M504 256c0 137-111.2 248-248.4 248-113.8 0-209.6-76.3-239-180.4l95.2 39.3c6.4 32.1 34.9 56.4 68.9 56.4 39.2 0 71.9-32.4 70.2-73.5l84.5-60.2c52.1 1.3 95.8-40.9 95.8-93.5 0-51.6-42-93.5-93.7-93.5s-93.7 42-93.7 93.5l0 1.2-59.2 85.7c-15.5-.9-30.7 3.4-43.5 12.1L8 236.1C18.2 108.4 125.1 8 255.6 8 392.8 8 504 119 504 256zM163.7 384.3l-30.5-12.6c5.6 11.6 15.3 20.8 27.2 25.8 26.9 11.2 57.8-1.6 69-28.4 5.4-13 5.5-27.3 .1-40.3S214 305.6 201 300.2c-12.9-5.4-26.7-5.2-38.9-.6l31.5 13c19.8 8.2 29.2 30.9 20.9 50.7-8.3 19.9-31 29.2-50.8 21zM337.5 129.8a62.3 62.3 0 1 1 0 124.6 62.3 62.3 0 1 1 0-124.6zm.1 109a46.8 46.8 0 1 0 0-93.6 46.8 46.8 0 1 0 0 93.6z" fill="currentColor"/>
+        </svg>
+    )
+}
\ No newline at end of file