2 files changed, 31 insertions, 24 deletions

diff --git a/frontend/src/images/Images.tsx b/frontend/src/images/Images.tsx
index 198431b..6b46893 100644
--- a/frontend/src/images/Images.tsx
+++ b/frontend/src/images/Images.tsx
@@ -1,29 +1,29 @@
-import logo from "./png/logo.png"
-import login from "./png/login.png"
-import img1 from './png/1.png';
-import img2 from './png/2.png';
-import img3 from './png/3.png';
-import img4 from './png/4.png';
-import img5 from './png/5.png';
-import img6 from './png/6.png';
-import img7 from './png/7.png';
-import img8 from './png/8.png';
-import img9 from './png/9.png';
-import img10 from './png/10.png';
-import img11 from './png/11.png';
-import img12 from './png/12.png';
-import img13 from './png/13.png';
-import img14 from './png/14.png';
-import img15 from './png/15.png';
-import img16 from './png/16.png';
-import img17 from './png/17.png';
-import img18 from './png/18.png';
-import img19 from './png/19.png';
-import img20 from './png/20.png';
+import logo from "./png/logo.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";
+import img4 from "./png/4.png";
+import img5 from "./png/5.png";
+import img6 from "./png/6.png";
+import img7 from "./png/7.png";
+import img8 from "./png/8.png";
+import img9 from "./png/9.png";
+import img10 from "./png/10.png";
+import img11 from "./png/11.png";
+import img12 from "./png/12.png";
+import img13 from "./png/13.png";
+import img14 from "./png/14.png";
+import img15 from "./png/15.png";
+import img16 from "./png/16.png";
+import img17 from "./png/17.png";
+import img18 from "./png/18.png";
+import img19 from "./png/19.png";
+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;
@@ -45,4 +45,4 @@ export const SteamIcon = img17;
 export const HistoryIcon = img18;
 export const SortIcon = img19;
 export const UploadIcon = img20;
-export const DeleteIcon = img21;
\ No newline at end of file
+export const DeleteIcon = img21;
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