diff --git a/public/assets/apple-icon-180x180.png b/public/assets/apple-icon-180x180.png
index 986c9be84..112ff1197 100644
Binary files a/public/assets/apple-icon-180x180.png and b/public/assets/apple-icon-180x180.png differ
diff --git a/public/assets/favicon-16x16.png b/public/assets/favicon-16x16.png
index a277e1839..740f9c3b8 100644
Binary files a/public/assets/favicon-16x16.png and b/public/assets/favicon-16x16.png differ
diff --git a/public/assets/favicon-32x32.png b/public/assets/favicon-32x32.png
index 89b5dff57..8aa80da8e 100644
Binary files a/public/assets/favicon-32x32.png and b/public/assets/favicon-32x32.png differ
diff --git a/public/assets/favicon.ico b/public/assets/favicon.ico
index 48fea60fa..50453e912 100644
Binary files a/public/assets/favicon.ico and b/public/assets/favicon.ico differ
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
index 26cb98582..0fd284fdf 100644
--- a/src/assets/logo.svg
+++ b/src/assets/logo.svg
@@ -1,101 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg id="펀잇 로고" data-name="레이어 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 427.3 72.71" width="current">
-  <title>펀잇 로고</title>
-<desc>
-펀잇 로고 사진입니다.
-</desc>
-  <defs>
-    <style>
-      .cls-1, .cls-2, .cls-3, .cls-4 {
-        fill: none;
-      }
-
-      .cls-5 {
-        fill: #f8e699;
-      }
-
-      .cls-6 {
-        fill: #e5959e;
-      }
-
-      .cls-7 {
-        fill: #f2c8db;
-      }
-
-      .cls-8 {
-        fill: #d7e6f6;
-      }
-
-      .cls-9, .cls-10 {
-        fill: #231815;
-      }
-
-      .cls-10 {
-        stroke: #060102;
-        stroke-width: 2px;
-      }
-
-      .cls-10, .cls-2, .cls-11, .cls-3 {
-        stroke-miterlimit: 10;
-      }
-
-      .cls-2, .cls-11, .cls-3 {
-        stroke: #231815;
-      }
-
-      .cls-2, .cls-3 {
-        stroke-linecap: round;
-      }
-
-      .cls-12 {
-        stroke: #070001;
-        stroke-miterlimit: 10;
-        stroke-width: 1px;
-      }
-
-      .cls-12, .cls-11 {
-        fill: #fff;
-      }
-
-      .cls-3 {
-        stroke-width: 1.2px;
-      }
-
-      .cls-4 {
-        clip-path: url(#clippath);
-      }
-    </style>
-    <clipPath id="clippath">
-      <path class="cls-1" d="m254.02,42.45c6.47,22.15-16.5,26.27-35.11,26.23-18.62-.03-46.18-1.53-40.53-24.11,4.92-19.6,20.32-43.16,38.94-43.12,18.62.03,30.78,20.48,36.7,41Z"/>
-    </clipPath>
-  </defs>
-  <g id="_레이어_1-2" data-name="레이어 1">
-    <g>
-      <path class="cls-9" d="m13.13,43.98l.38,18.9c.07,2.92-.9,3.38-2.77,3.38H3.75c-2.33,0-2.93-.6-3-3.52L0,15.03c-.08-2.92.82-3.9,3.45-3.9h28.12c2.1,0,3.07.68,3.07,2.77v5.85c0,2.02-.98,2.77-3.07,2.77H12.83l.15,10.05h15.97c2.1,0,3.07.68,3.07,2.77v5.85c0,2.1-.97,2.77-3.07,2.77h-15.82Z"/>
-      <path class="cls-9" d="m93.6,43.3c.3,6.97-.82,12.9-4.05,17.1-3.22,4.2-8.4,6.6-16.2,6.6-7.27,0-12.6-1.88-15.97-5.48-3.52-3.52-5.17-8.7-5.25-15.37l-.45-31.65c0-2.62.75-3.38,2.85-3.38h7.05c2.17,0,2.85.75,2.85,3.38l.38,32.25c0,3.68,1.2,6,2.92,7.27,1.73,1.27,3.83,1.65,5.7,1.57,2.02-.07,3.83-.82,5.25-2.4,1.27-1.58,2.02-4.12,1.95-8.02l-1.2-30.67c-.08-2.62.75-3.38,2.85-3.38h7.05c2.18,0,2.62.75,2.85,3.38l1.42,28.8Z"/>
-      <path class="cls-9" d="m125.85,34.75l.45,28.12c.08,2.4-.45,3.38-2.85,3.38h-6.6c-2.47,0-2.85-.98-2.92-3.38l-.75-47.85c-.07-2.92.83-3.9,3.45-3.9h4.72c1.5,0,2.4.08,3.07.38.6.38,1.05.98,1.58,1.95l16.8,32.25V15.03c0-2.92.82-3.9,3.45-3.9h5.47c2.62,0,3.45.98,3.45,3.9v47.25c0,3-.75,3.98-3.38,3.98h-5.62c-2.92,0-4.05-.98-5.55-3.67l-14.77-27.82Z"/>
-    </g>
-    <g id="_레이어_1-2" data-name=" 레이어 1-2">
-      <path class="cls-5" d="m253.57,39.02s-2.98-.91-1.71-5.24,3.63-7.67,3.63-7.67l-.74,6.78,3.35-5.14-.55,6.51,4.35-6.23s-1.1,6.59-1.91,8.31c-.82,1.81-1.72,4.33-4.43,3.43,0,0-10.45,30.07-11.17,31.79-.73,1.9-3.35,1.44-2.8-1s11.99-31.52,11.99-31.52h0Z"/>
-      <path class="cls-10" d="m254.65,42c6.47,22.15-16.5,26.27-35.11,26.23-18.62-.03-46.27-1.53-40.62-24.11C183.84,24.52,199.24.97,217.86,1s30.87,20.48,36.8,41Z"/>
-      <g class="cls-4">
-        <ellipse class="cls-12" cx="225.44" cy="3.78" rx="9.85" ry="13.38" transform="translate(136.59 211.01) rotate(-67.75)"/>
-      </g>
-      <path class="cls-11" d="m235.86,41.79c3.23,11.12-7.98,13.63-17.29,13.61s-23.49-1.13-20.67-12.51c2.46-9.85,9.62-20.22,18.92-20.21s16.07,8.8,19.03,19.1Z"/>
-      <circle class="cls-9" cx="207.66" cy="40.38" r="1.36"/>
-      <circle class="cls-9" cx="225.47" cy="40.41" r="1.36"/>
-      <path class="cls-2" d="m222.84,43.39s-1.36,1.17-.37,2.35"/>
-      <path class="cls-3" d="m211.9,44.73c-.09,0,5.33,2.45,10.12-.16"/>
-      <ellipse class="cls-7" cx="229.44" cy="43.13" rx="1.27" ry="2.71" transform="translate(185.88 272.49) rotate(-89.89)"/>
-      <ellipse class="cls-7" cx="203.59" cy="43.09" rx="1.27" ry="2.71" transform="translate(160.13 246.6) rotate(-89.89)"/>
-      <path class="cls-8" d="m179.37,43.67s-8.95-.74-6.58-10.22,8.77-2.15,8.77-2.15c0,0,4.51,4.53-.29,11.3l9.63,23.87s1.8,3.26,1.26,4.07-1.99,2.35-2.98.27c-.81-2.08-9.8-27.13-9.8-27.13Z"/>
-      <ellipse class="cls-6" cx="224.47" cy="7.52" rx="1.54" ry="4.97" transform="translate(132.53 212.43) rotate(-67.75)"/>
-      <circle class="cls-9" cx="238.73" cy="51.64" r="1.36"/>
-    </g>
-    <g>
-      <path class="cls-9" d="m290.13,43.98l.22,10.88h16.65c2.1,0,3.08.75,3.08,2.77v5.77c0,2.1-.98,2.85-3.08,2.85h-25.87c-2.62,0-3.3-.98-3.38-3.98l-.67-47.25c-.08-2.92.83-3.9,3.45-3.9h28.87c2.1,0,3.08.68,3.08,2.77v5.85c0,2.02-.97,2.77-3.08,2.77h-19.57l.15,10.05h16.8c2.1,0,3.07.68,3.07,2.77v5.85c0,2.1-.97,2.77-3.07,2.77h-16.65Z"/>
-      <path class="cls-9" d="m329.58,64.98c-1.72-.52-2.32-1.27-1.65-3.38l15.52-47.1c.83-2.47,1.65-3.38,4.05-3.38h7.88c2.4,0,3.22.9,4.05,3.38l15.52,47.1c.67,2.1.07,2.85-1.65,3.38l-7.05,1.95c-1.42.38-2.4-.15-2.92-1.73l-2.77-9h-18.3l-2.7,9c-.52,1.58-1.5,2.1-2.92,1.73l-7.05-1.95Zm21.82-38.85l-5.7,18.67h11.4l-5.7-18.67Z"/>
-      <path class="cls-9" d="m398.05,22.53h-12.83c-2.1,0-3.07-.68-3.07-2.77v-5.85c0-2.1.97-2.77,3.07-2.77h39c2.1,0,3.08.68,3.08,2.77v5.85c0,2.1-.98,2.77-3.08,2.77h-13.42l.53,40.35c0,2.62-.67,3.38-2.85,3.38h-7.05c-2.1,0-2.85-.75-2.85-3.38l-.52-40.35Z"/>
-    </g>
-  </g>
+<svg id="펀잇 로고" width="174" height="23" viewBox="0 0 174 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<title>펀잇 로고</title>
+<path d="M21.2096 14.8291V21.4021H7.42532V33.6721H0.128906V3.20691H21.872V9.78522H7.42532V14.8291H21.2096Z" fill="black"/>
+<path d="M53.7617 3.20691H60.9309L71.2348 21.6697V3.20691H78.4039V33.6721H71.2348L60.9309 14.8643V33.6721H53.7617V3.20691Z" fill="black"/>
+<path d="M115.144 14.6222V21.1952H101.578V26.9293H116.145V33.4652H94.4023V3H115.8V9.57831H101.578V14.6222H115.144Z" fill="black"/>
+<path d="M119.048 33.4652L128.805 3H138.276L148.034 33.4652H140.515L137.77 24.9398L128.444 27.6524L126.562 33.4652H119.043H119.048ZM130.758 20.4329L135.817 18.9413L133.538 11.7908L130.758 20.4276V20.4329Z" fill="black"/>
+<path d="M164.675 9.57301V33.4652H157.495V9.57301H148.762V3H173.404V9.57831H164.671L164.675 9.57301Z" fill="black"/>
+<path d="M39.2335 34.9623C37.5504 35.3389 35.9529 35.3666 34.4458 35.0952C32.8625 34.7961 31.4504 34.2588 30.1953 33.4002C28.9068 32.5527 27.8133 31.4117 26.9527 29.9826C26.0636 28.5978 25.4788 26.9416 25.1555 24.9807L23.3203 13.7861L30.3141 12.2295L32.0875 23.0309C32.2302 23.895 32.4584 24.6539 32.8102 25.3075C33.1335 26.0054 33.5709 26.5594 34.0987 27.008C34.5931 27.4678 35.2017 27.778 35.8911 27.9497C36.552 28.1657 37.2842 28.1657 38.0924 27.9885C38.9007 27.8112 39.5473 27.501 40.1273 27.008C40.6789 26.5594 41.1496 26.011 41.5299 25.3574C41.8437 24.7204 42.0767 24.0169 42.1908 23.2192C42.2764 22.4715 42.2811 21.6572 42.1432 20.7931L40.5648 11.1771L47.5586 9.62061L49.1989 19.6299C49.5222 21.5907 49.4651 23.3854 49.1133 25.0527C48.6996 26.7698 48.0768 28.2876 47.1782 29.628C46.2463 30.9741 45.1053 32.0819 43.7645 33.0291C42.381 33.9486 40.8548 34.6133 39.2383 34.9733L39.2335 34.9623Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40.7148 11.8569C40.7147 11.8548 40.7145 11.8528 44.2379 11.5532C47.7612 11.2536 47.761 11.2517 47.7609 11.2498L47.7606 11.2462L47.7601 11.2399L47.7594 11.2305C47.759 11.2257 47.7588 11.2235 47.7589 11.2241C47.759 11.2252 47.76 11.2368 47.7623 11.2583C47.7669 11.3012 47.7764 11.3825 47.7929 11.4959C47.8263 11.7242 47.8868 12.0729 47.9905 12.4944C48.203 13.3589 48.5676 14.4104 49.1611 15.3538C49.7374 16.2699 50.5006 17.044 51.5618 17.5213C52.6209 17.9976 54.2588 18.3051 56.7829 17.7867L58.1093 25.2508C54.4888 25.9943 51.4034 25.6872 48.8338 24.5316C46.2662 23.3769 44.4954 21.5018 43.3059 19.6111C42.1335 17.7476 41.5003 15.8344 41.1565 14.4361C40.9819 13.7261 40.8747 13.1188 40.8098 12.6739C40.7772 12.4507 40.7549 12.2661 40.7401 12.1274C40.7326 12.058 40.727 11.9998 40.7229 11.9538C40.7208 11.9308 40.7191 11.9108 40.7177 11.8939L40.7159 11.871L40.7152 11.8613L40.7148 11.8569Z" fill="black"/>
+<path d="M29.8426 9.62055C31.844 9.62055 33.4665 7.82585 33.4665 5.61197C33.4665 3.3981 31.844 1.60339 29.8426 1.60339C27.8412 1.60339 26.2188 3.3981 26.2188 5.61197C26.2188 7.82585 27.8412 9.62055 29.8426 9.62055Z" fill="black"/>
+<path d="M38.5418 8.01715C40.5432 8.01715 42.1657 6.22245 42.1657 4.00858C42.1657 1.7947 40.5432 0 38.5418 0C36.5404 0 34.918 1.7947 34.918 4.00858C34.918 6.22245 36.5404 8.01715 38.5418 8.01715Z" fill="black"/>
 </svg>
diff --git a/src/components/Common/Header/Header.tsx b/src/components/Common/Header/Header.tsx
index 4856c87da..3278c15ef 100644
--- a/src/components/Common/Header/Header.tsx
+++ b/src/components/Common/Header/Header.tsx
@@ -10,7 +10,7 @@ const Header = () => {
   return (
     <header className={container}>
       <Link to={PATH.HOME}>
-        <Logo width={120} />
+        <Logo />
       </Link>
       <Link to={PATH.SEARCH}>
         <SvgIcon variant="search2" width={20} height={20} fill="none" stroke="#232527" />
diff --git a/src/components/Common/Header/header.css.ts b/src/components/Common/Header/header.css.ts
index d547df64a..bdf74a012 100644
--- a/src/components/Common/Header/header.css.ts
+++ b/src/components/Common/Header/header.css.ts
@@ -10,7 +10,6 @@ export const container = style({
   width: '100%',
   height: 50,
   maxWidth: 400,
-  padding: '0 20px',
   backgroundColor: '#fff',
   transform: 'translateX(-50%)',
   zIndex: 1001,
diff --git a/src/components/Common/TopBar/TopBar.tsx b/src/components/Common/TopBar/TopBar.tsx
index a9ba61ddc..7f9971249 100644
--- a/src/components/Common/TopBar/TopBar.tsx
+++ b/src/components/Common/TopBar/TopBar.tsx
@@ -25,7 +25,7 @@ const TopBar = ({ children }: TopBarProps) => {
 const Logo = () => {
   return (
     <Link to={PATH.HOME}>
-      <LogoImage width={120} />
+      <LogoImage />
     </Link>
   );
 };
diff --git a/src/pages/LoginPage.tsx b/src/pages/LoginPage.tsx
index a64bcbb24..d1da9ca53 100644
--- a/src/pages/LoginPage.tsx
+++ b/src/pages/LoginPage.tsx
@@ -28,7 +28,7 @@ export const LoginPage = () => {
       </Button>
       <Spacing size={60} />
       <LoginSection>
-        <Logo width={250} />
+        <Logo />
         <Spacing size={24} />
         <Text size="lg" lineHeight="xl" weight="bold">
           {SLOGAN}