diff --git a/src/assets/Logo.png b/src/assets/Logo.png
new file mode 100644
index 0000000..84cc157
Binary files /dev/null and b/src/assets/Logo.png differ
diff --git a/src/atoms/Logo/index.tsx b/src/atoms/Logo/index.tsx
index 13a8dae..b83599f 100644
--- a/src/atoms/Logo/index.tsx
+++ b/src/atoms/Logo/index.tsx
@@ -1,5 +1,27 @@
 import React, { ReactElement } from 'react';
 
-export default function Logo(): ReactElement {
-  return <></>;
+import Logo from '@assets/Logo.png';
+
+import './style.scss';
+
+interface LogoProps {
+  className?: string;
+  width?: number;
+  height?: number;
+}
+
+export default function Logo({
+  className = '',
+  width = 60,
+  height = 60,
+}: LogoProps): ReactElement {
+  return (
+    <img
+      className={`your-voice-emoji ${className}`}
+      src={Logo}
+      alt="logo"
+      width={width}
+      height={height}
+    />
+  );
 }
diff --git a/src/atoms/Logo/style.scss b/src/atoms/Logo/style.scss
new file mode 100644
index 0000000..91d8660
--- /dev/null
+++ b/src/atoms/Logo/style.scss
@@ -0,0 +1,3 @@
+.your-voice-emoji {
+  border-radius: 15px;
+}