diff --git a/public/assets/images/logo.png b/public/assets/images/logo.png
new file mode 100644
index 0000000..4862394
Binary files /dev/null and b/public/assets/images/logo.png differ
diff --git a/src/components/common/logo/Logo.jsx b/src/components/common/logo/Logo.jsx
new file mode 100644
index 0000000..4f81044
--- /dev/null
+++ b/src/components/common/logo/Logo.jsx
@@ -0,0 +1,10 @@
+import React from "react";
+import { StyledLogoImg } from "./Logo.style";
+
+export default function Logo({ size }) {
+  return (
+    <a href="/">
+      <StyledLogoImg size={size} src="public/assets/images/logo.png" />
+    </a>
+  );
+}
diff --git a/src/components/common/logo/Logo.style.js b/src/components/common/logo/Logo.style.js
new file mode 100644
index 0000000..40f3df1
--- /dev/null
+++ b/src/components/common/logo/Logo.style.js
@@ -0,0 +1,6 @@
+import styled from "styled-components";
+
+export const StyledLogoImg = styled.img`
+  transform: ${({ size }) =>
+    size === "s" ? "scale(0.3)" : size === "m" ? "scale(0.5)" : "scale(0.8)"};
+`;