diff --git a/kallithea/templates/base/base.html b/kallithea/templates/base/base.html
--- a/kallithea/templates/base/base.html
+++ b/kallithea/templates/base/base.html
@@ -6,7 +6,7 @@
     <div id="header-inner" class="title">
         <div id="logo">
             <div class="header">
-                <a href="${h.url('home')}"><img src="${h.url('/images/kallithea-logo.png')}" alt="Kallithea"/></a>
+                <a href="${h.url('home')}" style="display: block;"><img src="${h.url('/images/kallithea-logo.svg')}" onerror="this.src='${h.url('/images/kallithea-logo.png')}'" alt="Kallithea"/></a>
             </div>
             %if c.site_name:
              <div class="branding">- ${c.site_name}</div>
diff --git a/kallithea/templates/login.html b/kallithea/templates/login.html
--- a/kallithea/templates/login.html
+++ b/kallithea/templates/login.html
@@ -13,7 +13,7 @@
     <div id="header-inner" class="title">
         <div id="logo">
             <div class="header">
-                <a href="${h.url('home')}"><img src="${h.url('/images/kallithea-logo.png')}" alt="Kallithea"/></a>
+                <a href="${h.url('home')}" style="display: block;"><img src="${h.url('/images/kallithea-logo.svg')}" onerror="this.src='${h.url('/images/kallithea-logo.png')}'" alt="Kallithea"/></a>
             </div>
             %if c.site_name:
              <div class="branding">- ${c.site_name}</div>
diff --git a/kallithea/templates/password_reset.html b/kallithea/templates/password_reset.html
--- a/kallithea/templates/password_reset.html
+++ b/kallithea/templates/password_reset.html
@@ -13,7 +13,7 @@
     <div id="header-inner" class="title">
         <div id="logo">
             <div class="header">
-                <a href="${h.url('home')}"><img src="${h.url('/images/kallithea-logo.png')}" alt="Kallithea"/></a>
+                <a href="${h.url('home')}" style="display: block;"><img src="${h.url('/images/kallithea-logo.svg')}" onerror="this.src='${h.url('/images/kallithea-logo.png')}'" alt="Kallithea"/></a>
             </div>
             %if c.site_name:
              <div class="branding">- ${c.site_name}</div>
diff --git a/kallithea/templates/register.html b/kallithea/templates/register.html
--- a/kallithea/templates/register.html
+++ b/kallithea/templates/register.html
@@ -11,7 +11,7 @@
     <div id="header-inner" class="title">
         <div id="logo">
             <div class="header">
-                <a href="${h.url('home')}"><img src="${h.url('/images/kallithea-logo.png')}" alt="Kallithea"/></a>
+                <a href="${h.url('home')}" style="display: block;"><img src="${h.url('/images/kallithea-logo.svg')}" onerror="this.src='${h.url('/images/kallithea-logo.png')}'" alt="Kallithea"/></a>
             </div>
             %if c.site_name:
              <div class="branding">- ${c.site_name}</div>