diff --git a/imptune/static/app.css b/imptune/static/app.css
index 30a47a7..72c236f 100644
--- a/imptune/static/app.css
+++ b/imptune/static/app.css
@@ -316,16 +316,8 @@ nav.sidebar li {
 .brand-mark {
   width: 26px;
   height: 26px;
-  border-radius: 6px;
-  background: var(--im-accent);
-  color: var(--pico-primary-inverse);
-  display: grid;
-  place-items: center;
-  font-family: var(--im-mono);
-  font-size: .75rem;
-  font-weight: 700;
-  letter-spacing: -.03em;
   flex: 0 0 auto;
+  object-fit: contain;
 }
 
 .brand-name {
diff --git a/imptune/templates/base.html b/imptune/templates/base.html
index 7c4117d..6044e68 100644
--- a/imptune/templates/base.html
+++ b/imptune/templates/base.html
@@ -432,7 +432,7 @@
     <div class="nav-scrim" x-show="nav" @click="nav = false" style="display:none"></div>
     <nav class="sidebar" @click="nav = false">
       <a class="brand" href="/">
-        <span class="brand-mark">iT</span>
+        <img class="brand-mark" src="/static/favicon.png" alt="ImpTune">
         <span>
           <span class="brand-name">ImpTune</span>
           <span class="brand-sub" x-data x-text="$store.i18n.t('brand_sub')">Print packaging</span>