diff --git a/apps/red-ui/src/app/components/logo/logo.component.html b/apps/red-ui/src/app/components/logo/logo.component.html
index 212ed1b92..5860441b8 100644
--- a/apps/red-ui/src/app/components/logo/logo.component.html
+++ b/apps/red-ui/src/app/components/logo/logo.component.html
@@ -1,4 +1 @@
-<div class="redacto-logo">
-    <div class="line-1"></div>
-    <div class="line-2"></div>
-</div>
+<mat-icon svgIcon="red:logo"></mat-icon>
diff --git a/apps/red-ui/src/app/components/logo/logo.component.scss b/apps/red-ui/src/app/components/logo/logo.component.scss
index e69de29bb..0a0ca89da 100644
--- a/apps/red-ui/src/app/components/logo/logo.component.scss
+++ b/apps/red-ui/src/app/components/logo/logo.component.scss
@@ -0,0 +1,5 @@
+@import '../../../assets/styles/red-variables';
+
+:host {
+    color: $primary;
+}
diff --git a/apps/red-ui/src/assets/styles/red-logo.scss b/apps/red-ui/src/assets/styles/red-logo.scss
deleted file mode 100644
index f6f529c00..000000000
--- a/apps/red-ui/src/assets/styles/red-logo.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-@import 'red-variables';
-
-.redacto-logo {
-    height: 14px;
-    width: 22px;
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
-    flex-direction: column;
-
-    .line-1 {
-        height: 6px;
-        width: 16px;
-        border-radius: 3px;
-        background-color: $primary;
-    }
-
-    .line-2 {
-        height: 6px;
-        width: 22px;
-        border-radius: 6px;
-        background-color: $primary;
-    }
-}
diff --git a/apps/red-ui/src/assets/styles/red-theme.scss b/apps/red-ui/src/assets/styles/red-theme.scss
index 8802af2d4..6d1bf1da8 100644
--- a/apps/red-ui/src/assets/styles/red-theme.scss
+++ b/apps/red-ui/src/assets/styles/red-theme.scss
@@ -18,7 +18,6 @@
 @import 'red-tables';
 @import 'red-components';
 @import 'red-controls';
-@import 'red-logo';
 @import 'red-toasts';
 @import 'red-tooltips';
 @import 'red-grid';