diff --git a/src/app.js b/src/app.js
index ef83fcac2c..f76731f4c8 100644
--- a/src/app.js
+++ b/src/app.js
@@ -36,6 +36,8 @@ const TestTab = require('./app/tabs/test-tab')
const FilePanel = require('./app/panels/file-panel')
const Editor = require('./app/editor/editor')
+import { basicLogo } from './app/ui/svgLogo'
+
import { RunTab, makeUdapp } from './app/udapp'
import PanelsResize from './lib/panels-resize'
@@ -118,12 +120,8 @@ class App {
var self = this
self._components = {}
self._view = {}
- self._view.splashScreen = yo`
+ self._view.splashScreen = yo`
+ ${basicLogo()}
REMIX IDE
diff --git a/src/app/components/vertical-icons.js b/src/app/components/vertical-icons.js
index 4084948dfb..a3bdd03fc1 100644
--- a/src/app/components/vertical-icons.js
+++ b/src/app/components/vertical-icons.js
@@ -4,6 +4,7 @@ var helper = require('../../lib/helper')
let globalRegistry = require('../../global/registry')
const { Plugin } = require('@remixproject/engine')
import * as packageJson from '../../../package.json'
+import { basicLogo } from '../ui/svgLogo'
const EventEmitter = require('events')
@@ -229,12 +230,7 @@ export class VerticalIcons extends Plugin {
plugin="home" title="Home"
data-id="verticalIconsHomeIcon"
>
-
+ ${basicLogo()}
`
diff --git a/src/app/ui/svgLogo.js b/src/app/ui/svgLogo.js
new file mode 100644
index 0000000000..ccce67bfef
--- /dev/null
+++ b/src/app/ui/svgLogo.js
@@ -0,0 +1,9 @@
+import yo from 'yo-yo'
+export function basicLogo () {
+ return yo`
`
+}