diff --git a/app/assets/images/preview-logo.svg b/app/assets/images/preview-logo.svg
new file mode 100644
index 000000000..0df3b2071
--- /dev/null
+++ b/app/assets/images/preview-logo.svg
@@ -0,0 +1,3 @@
+<svg width="162" height="88" viewBox="0 0 162 88" xmlns="http://www.w3.org/2000/svg">
+    <path d="M49.2 0c14.842 0 27.437 9.58 31.886 22.866-7.2 6.092-11.952 14.945-12.61 24.912H63.6c-18.557 0-33.6-14.974-33.6-33.445V1a1 1 0 011-1h18.2zM129 21.111a1 1 0 011 1v10.945c0 17.152-13.968 31.055-31.2 31.055h-12V88h-9.6V54.556l.091-4.778C78.515 33.744 91.98 21.11 108.4 21.11H129z"/>
+</svg>
diff --git a/app/views/shared/_logo_design.html.erb b/app/views/shared/_logo_design.html.erb
index f81003a38..0d0844684 100644
--- a/app/views/shared/_logo_design.html.erb
+++ b/app/views/shared/_logo_design.html.erb
@@ -24,10 +24,6 @@
 
   <div class="crayons-card crayons-card--secondary flex-1 p-6">
     <p class="text-uppercase color-base-50 mb-4 fs-s ff-monospace">Preview:</p>
-    <svg id="color-select-preview-logo" class="p-4 radius-default" xmlns="http://www.w3.org/2000/svg" version="1" width="128" viewBox="0 0 132.000000 65.000000" role="img">
-      <title id="aldzs1ucwkayuyoa6rxtxo2ikd8bpr0q">App logo</title>
-      <path d="M0 33v32h11.3c12.5 0 17.7-1.6 21.5-6.5 3.8-4.8 4.4-9 4-28-.3-16.8-.5-18.2-2.7-21.8C30.3 2.5 26.1 1 12 1H0v32zm23.1-19.1c2.3 1.9 2.4 2.3 2.4 18.5 0 15.7-.1 16.7-2.2 18.8-1.7 1.6-3.5 2.2-7 2.2l-4.8.1-.3-20.8L11 12h4.9c3.3 0 5.6.6 7.2 1.9zM46.1 3.6c-2 2.6-2.1 3.9-2.1 29.6v26.9l2.5 2.4c2.3 2.4 2.9 2.5 16 2.5H76V54.1l-10.2-.3-10.3-.3v-15l6.3-.3 6.2-.3V27H55V12h21V1H62.1c-13.9 0-14 0-16 2.6zM87 15.2c2.1 7.9 5.5 20.8 7.6 28.8 3.2 12.3 4.3 15 7 17.7 1.9 2 4.2 3.3 5.7 3.3 3.1 0 7.1-3.1 8.5-6.7 1-2.6 15.2-55.6 15.2-56.8 0-.3-2.8-.5-6.2-.3l-6.3.3-5.6 21.5c-3.5 13.6-5.8 20.8-6.2 19.5C105.9 40 96 1.9 96 1.4c0-.2-2.9-.4-6.4-.4h-6.4L87 15.2z">
-      </path>
-    </svg>
+    <%= inline_svg_tag("preview-logo.svg", id: "color-select-preview-logo", class: "p-4 radius-default", title: "App logo") %>
   </div>
 </div>