diff --git a/AppLogo.qml b/AppLogo.qml
new file mode 100644
index 0000000..b79ca20
--- /dev/null
+++ b/AppLogo.qml
@@ -0,0 +1,7 @@
+import QtQuick
+
+Image {
+  sourceSize.width: 70
+
+  source: Theme.darkTheme ? "qrc:/live.flowy/imports/DesignSystem/logos/FLOWY-3.svg" : "qrc:/live.flowy/imports/DesignSystem/logos/FLOWY-5.svg"
+}
diff --git a/CMakeLists.txt b/CMakeLists.txt
index bf2146d..d6100c0 100644
--- a/CMakeLists.txt
+++ b/CMakeLists.txt
@@ -18,6 +18,7 @@ set(plain_qml_files
   AppHeadline.qml
   AppSubHeadline.qml
   AppLabel.qml
+  AppLogo.qml
 )
 set(qml_singletons
   Fonts.qml
@@ -84,6 +85,7 @@ set(icons
     app-icons/vs-code.svg
     app-icons/ghostty.png
     app-icons/outlook.svg
+    logos/FLOWY-3.svg
     logos/FLOWY-4.svg
     logos/FLOWY-5.svg
     logos/FLOWY-6.svg
diff --git a/gallery/Main.qml b/gallery/Main.qml
index 0045a5d..9b21ff6 100644
--- a/gallery/Main.qml
+++ b/gallery/Main.qml
@@ -30,6 +30,8 @@ ApplicationWindow {
       anchors.top: parent.top
       anchors.margins: 10
 
+      AppLogo {}
+
       AppPrimaryButton {
         text: "Toggle theme"
         onClicked: {