diff --git a/frontend/index.html b/frontend/index.html
index e4b78ea..6f23522 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -1,10 +1,14 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href="./src/assets/cloud-sun-fill.svg"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>Weather App</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/frontend/src/assets/cloud-sun-fill.svg b/frontend/src/assets/cloud-sun-fill.svg
new file mode 100644
index 0000000..da5ecac
--- /dev/null
+++ b/frontend/src/assets/cloud-sun-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-sun-fill" viewBox="0 0 16 16">
+  <path d="M11.473 11a4.5 4.5 0 0 0-8.72-.99A3 3 0 0 0 3 16h8.5a2.5 2.5 0 0 0 0-5z"/>
+  <path d="M10.5 1.5a.5.5 0 0 0-1 0v1a.5.5 0 0 0 1 0zm3.743 1.964a.5.5 0 1 0-.707-.707l-.708.707a.5.5 0 0 0 .708.708zm-7.779-.707a.5.5 0 0 0-.707.707l.707.708a.5.5 0 1 0 .708-.708zm1.734 3.374a2 2 0 1 1 3.296 2.198q.3.423.516.898a3 3 0 1 0-4.84-3.225q.529.017 1.028.129m4.484 4.074c.6.215 1.125.59 1.522 1.072a.5.5 0 0 0 .039-.742l-.707-.707a.5.5 0 0 0-.854.377M14.5 6.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1z"/>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index 91cb044..595d762 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -2,6 +2,7 @@ import React from "react";
 import ChangeAPI from "./ChangeAPI";
 import { useState } from "react";
 import Cookies from "js-cookie";
+import logo from "../assets/cloud-sun-fill.svg";
 
 const Header: React.FC = () => {
   const [apiCard, setApiCard] = useState(false);
@@ -12,7 +13,7 @@ const Header: React.FC = () => {
       <header className="bg-gradient-to-r from-blue-700 via-blue-600 to-blue-500 text-white shadow-lg py-8 px-6 flex items-center justify-between rounded-b-3xl">
         <div className="flex items-center gap-4">
           <img
-            src="/favicon.ico"
+            src={logo}
             alt="Weather App Logo"
             className="w-10 h-10 drop-shadow-lg"
           />
diff --git a/frontend/src/components/WeatherData.tsx b/frontend/src/components/WeatherData.tsx
index 6f87e34..417b2a9 100644
--- a/frontend/src/components/WeatherData.tsx
+++ b/frontend/src/components/WeatherData.tsx
@@ -16,15 +16,6 @@ const WeatherData: React.FC = () => {
     <div className="flex justify-center items-center min-h-[60vh]">
       <div className="bg-white/90 p-10 rounded-2xl shadow-2xl min-w-[320px] text-center border-2 border-blue-200">
         <h2 className="text-3xl font-bold mb-2 text-blue-700 flex items-center justify-center gap-2">
-          <svg
-            className="w-7 h-7 text-blue-400"
-            fill="none"
-            stroke="currentColor"
-            strokeWidth="2"
-            viewBox="0 0 24 24"
-          >
-            <path d="M3 12a9 9 0 0118 0A9 9 0 013 12z" />
-          </svg>
           {weatherData?.name}
         </h2>
         <p className="text-5xl font-extrabold mb-2 text-blue-900">
diff --git a/frontend/src/components/WeatherForm.tsx b/frontend/src/components/WeatherForm.tsx
index 357cb64..cbbc0f4 100644
--- a/frontend/src/components/WeatherForm.tsx
+++ b/frontend/src/components/WeatherForm.tsx
@@ -48,16 +48,7 @@ const WeatherCard: React.FC = () => {
   return (
     <div className="w-full max-w-lg mx-auto bg-white/80 rounded-2xl shadow-xl p-8 mt-8">
       <h2 className="text-3xl font-bold mb-4 text-blue-700 flex items-center gap-2">
-        <svg
-          className="w-8 h-8 text-blue-400"
-          fill="none"
-          stroke="currentColor"
-          strokeWidth="2"
-          viewBox="0 0 24 24"
-        >
-          <path d="M3 12a9 9 0 0118 0A9 9 0 013 12z" />
-        </svg>
-        Weather Card
+        Weather
       </h2>
       <p className="mb-2 text-gray-600">
         Current weather will be displayed here.
