diff --git a/src/assets/images/burger-logo.png b/src/assets/images/burger-logo.png
new file mode 100644
index 0000000..5b06033
Binary files /dev/null and b/src/assets/images/burger-logo.png differ
diff --git a/src/components/Logo/Logo.css b/src/components/Logo/Logo.css
new file mode 100644
index 0000000..d38e7bc
--- /dev/null
+++ b/src/components/Logo/Logo.css
@@ -0,0 +1,11 @@
+.Logo {
+    background-color: white;
+    padding: 8px;
+    height: 80%;
+    box-sizing: border-box;
+    border-radius: 5px;
+}
+
+.Logo img{
+    height: 100%;
+}
\ No newline at end of file
diff --git a/src/components/Logo/Logo.js b/src/components/Logo/Logo.js
new file mode 100644
index 0000000..d7f9962
--- /dev/null
+++ b/src/components/Logo/Logo.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+import burgerLogo from '../../assets/images/burger-logo.png';
+import classes from './Logo.css';
+
+const logo = (props) => {
+    return (
+        <div className={classes.Logo}>
+            <img src={burgerLogo} alt="burger" />
+        </div>
+    )
+}
+
+export default logo;
\ No newline at end of file
diff --git a/src/components/UI/Navigation/Toolbar/Toolbar.js b/src/components/UI/Navigation/Toolbar/Toolbar.js
index 8cecd8c..3079ed1 100644
--- a/src/components/UI/Navigation/Toolbar/Toolbar.js
+++ b/src/components/UI/Navigation/Toolbar/Toolbar.js
@@ -1,12 +1,13 @@
 import React from 'react';
 
 import classes from './Toolbar.css';
+import Logo from '../../../Logo/Logo';
 
 const toolbar = () => {
     return (
         <header className={classes.Toolbar}>
             <div>MENU</div>
-            <div>LOGO</div>
+            <Logo />
             <nav>
                 ...
             </nav>