diff --git a/public/favicon.png b/public/favicon.ico
similarity index 100%
rename from public/favicon.png
rename to public/favicon.ico
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index f4a14e8..efe4b20 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -8,7 +8,7 @@ export const metadata: Metadata = {
   description: `자격증 공부를 도와주는 AI 비서 자비서입니다. 실전과 같은 문제 풀이 환경과 AI가 제공하는 학습 추천 
   기능과 문제 해설 및 이론을 통해 효율적으로 자격증을 준비하세요.`,
   icons: {
-    icon: "/favicon.png",
+    icon: "/favicon.ico",
   },
 };
 
diff --git a/src/components/appbarDrawer.tsx b/src/components/appbarDrawer.tsx
index 8f947b7..861c375 100644
--- a/src/components/appbarDrawer.tsx
+++ b/src/components/appbarDrawer.tsx
@@ -3,7 +3,7 @@ import CloseIcon from "@/public/icons/close-line.svg";
 import PersonLineIcon from "@/public/icons/person-line.svg";
 import { Box, Button, Divider, Drawer, IconButton, Typography } from "@mui/material";
 import Image from "next/image";
-import favicon from "@/public/favicon.png";
+import favicon from "@/public/favicon.ico";
 interface AppbarDrawerProps {
   open: boolean;
   toggleDrawer: (open: boolean) => (event: React.KeyboardEvent | React.MouseEvent) => void;
diff --git a/src/components/appbarToolbarUI.tsx b/src/components/appbarToolbarUI.tsx
index 81af189..468d8ef 100644
--- a/src/components/appbarToolbarUI.tsx
+++ b/src/components/appbarToolbarUI.tsx
@@ -4,7 +4,7 @@ import PersionIcon from "@/public/icons/person-line-nofill.svg";
 import { Box, Button, Toolbar, Typography } from "@mui/material";
 import Image from "next/image";
 import { useEffect, useState } from "react";
-import favicon from "@/public/favicon.png";
+import favicon from "@/public/favicon.ico";
 interface AppbarToolbarUIProps {
   isLogin: boolean;
   handleLogout: () => void;