feature/2020-08_change-raster-logo-to-vector-svg

robothemes · robothemes · commit 5d20f79591d5 · 2020-08-06T04:35:25.000+03:00
Changed png logo to svg
diff --git a/bin/v-update-web-domain-stat b/bin/v-update-web-domain-stat
@@ -81,8 +81,8 @@ build_awstats() {
     fi
 
     # Logo check
-    if [ ! -e "$dir/logo.png" ]; then
-        cp -r $HESTIA/web/images/logo.png $dir/
+    if [ ! -e "$dir/logo.svg" ]; then
+        cp -r $HESTIA/web/images/logo.svg $dir/
     fi
 
     # Icon directory check
diff --git a/install/deb/filemanager/filegator/configuration.php b/install/deb/filemanager/filegator/configuration.php
@@ -4,7 +4,7 @@
 
 $dist_config['public_path'] = '/fm/';
 $dist_config['frontend_config']['app_name'] = 'File Manager - Hestia Control Panel';
-$dist_config['frontend_config']['logo'] = '../images/logo.png';
+$dist_config['frontend_config']['logo'] = '../images/logo.svg';
 $dist_config['frontend_config']['editable'] = ['.txt', '.css', '.js', '.ts', '.html', '.php', '.py',
         '.yml', '.xml', '.md', '.log', '.csv', '.conf', '.config', '.ini', '.scss', '.sh', '.env', '.example', '.htaccess'];
 $dist_config['frontend_config']['guest_redirection'] = '/login/' ;
diff --git a/install/deb/templates/web/awstats/nav.tpl b/install/deb/templates/web/awstats/nav.tpl
@@ -10,7 +10,7 @@
 <body>
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
-    <td><img src="logo.png" alt="hestia"></td>
+    <td><img src="logo.svg" alt="hestia"></td>
     <td><form name="period" action="" method="get">
         <select name="select" ONCHANGE="change()">
 %select_month%
diff --git a/web/css/src/styles.css b/web/css/src/styles.css
@@ -643,7 +643,7 @@ a {
 }
 
 .l-logo {
-  background-image: url("/images/logo-header.png");
+  background-image: url("/images/logo-header.svg");
   background-repeat: no-repeat;
   float: left;
   height: 28px;
diff --git a/web/css/styles.min.css b/web/css/styles.min.css
diff --git a/web/images/logo-header.png b/web/images/logo-header.png
diff --git a/web/images/logo-header.svg b/web/images/logo-header.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 146.1 76.9" style="enable-background:new 0 0 146.1 76.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#B2B2B2;}
+	.st2{opacity:0.43;fill:#FFFFFF;}
+	.st3{fill:#878787;}
+	.st4{opacity:0.17;fill:#FFFFFF;}
+	.st5{fill:#C6C6C6;}
+	.st6{font-family:'LobsterTwo-Bold';}
+	.st7{font-size:49.7235px;}
+	.st8{font-size:67.915px;}
+</style>
+<g>
+	<g>
+		<g>
+			<path class="st0" d="M13.7,66.3c0,0,4.5-1.9,13.9-20.9c2.1-4.2,3.6-7,5.8-8.9c0,0,3.7-0.3,1.9,5.7C33.5,48.2,32.9,58,32.9,58
+				S27.8,68.7,27,69.5c-0.8,0.8-3.3,4.8-8.2,4.1S13.7,66.3,13.7,66.3z"/>
+			<path class="st1" d="M13.7,66.3c0,0,4.5-1.9,13.9-20.9c2.1-4.2,3.6-7,5.8-8.9c0,0,3.7-0.3,1.9,5.7C33.5,48.2,32.9,58,32.9,58
+				S27.8,68.7,27,69.5c-0.8,0.8-3.3,4.8-8.2,4.1S13.7,66.3,13.7,66.3z"/>
+			<path class="st2" d="M26.8,60.6c-5.5,11.3-7.4,9.2-7.4,9.2s-2.6-0.3-5.2-0.8c0.6,1.9,1.8,4.3,4.7,4.7c4.9,0.7,7.5-3.3,8.2-4.1
+				c0.8-0.8,5.9-11.5,5.9-11.5s0.5-7.9,1.8-13.8C32.6,48.2,29.9,54.1,26.8,60.6z"/>
+			<path class="st0" d="M2.5,0c0,0,18.7-0.6,16.9,30c-1.9,32.8,2.5,45.3,9.3,36.8c0,0-6.9,14-19.5,6.5c-7.5-4.4-7.8-12-7.8-21.2
+				C1.4,52.2,3.6,22.4,2.5,0z"/>
+			<path class="st0" d="M45.2,61.8c0,0,4.5,12.4,19.3,8.8c0.1,0,0.2,0.2,0.1,0.2c-1.7,1.1-4.8,2.6-7.5,3.6
+				C48.9,77.7,45.9,67.5,45.2,61.8z"/>
+			<path class="st3" d="M45.2,61.8c0,0,4.5,12.4,19.3,8.8c0.1,0,0.2,0.2,0.1,0.2c-1.7,1.1-6,3.5-8.6,3.8
+				C47.2,75.7,45.9,67.5,45.2,61.8z"/>
+			<path class="st0" d="M42.5,34.8c-4.4-3.1-9.5,2-9.5,2c4.6-1.8-1.8,10.4,0.4,25c1.5,10.4,9.5,13.4,9.5,13.4l0,0
+				c7,3,14.3-0.7,14.3-0.7C36,72.6,50.5,40.6,42.5,34.8z"/>
+			<path class="st0" d="M42.5,34.8c-4.3-3.3-9.5,2-9.5,2c4.6-1.8-1.8,10.4,0.4,25c1.5,10.4,9.5,13.4,9.5,13.4l0,0
+				c7,3,14.3-0.7,14.3-0.7C36,72.6,50.3,41.5,42.5,34.8z"/>
+			<path class="st0" d="M9.1,39.6C11.7,4.8,2.5,0,2.5,0c1.3,20.1-1.1,52.2-1.1,52.2c0,9.5,0.3,16.7,7.8,21.2
+				c12.7,7.5,19.5-6.5,19.5-6.5C19.9,82.5,6.4,75.5,9.1,39.6z"/>
+			<path class="st0" d="M40.1,39.7c0.3-5-2.9-5-3.2-5c-2.4,0.7-3.9,2.1-3.9,2.1c4.6-1.8-1.8,10.4,0.4,25c1.5,10.4,9.5,13.4,9.5,13.4
+				l0,0c7,3,14.3-0.7,14.3-0.7C32.8,83.3,39.7,45.1,40.1,39.7z"/>
+			<path class="st4" d="M33,36.9c0,0,1.5-1.4,3.9-2.1c0.3,0,3.5,0,3.2,5c-0.3,5.4-8.1,43.5,17,34.8c-21.1-1.9-6.8-33-14.6-39.7
+				C38.2,31.5,33,36.9,33,36.9z"/>
+			<path class="st5" d="M2.5,0L2.5,0c0,0,9.3,4.8,6.6,39.6C7,67.1,14.4,77.6,22,74c2.3-1.3,4-3.2,5.2-4.8c0.5-0.7,1-1.6,1.5-2.5
+				c-6.8,8.5-11.1-4.1-9.3-36.8C21.2-0.5,2.5,0,2.5,0z"/>
+		</g>
+	</g>
+	<text transform="matrix(1 0 0 1 47.7182 68.083)"><tspan x="0" y="0" class="st0 st6 st7">es</tspan><tspan x="38.6" y="0" class="st0 st6 st8">t</tspan><tspan x="57.8" y="0" class="st0 st6 st7">ia</tspan></text>
+</g>
+</svg>
diff --git a/web/images/logo.png b/web/images/logo.png
diff --git a/web/images/logo.svg b/web/images/logo.svg
@@ -0,0 +1,161 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 120 144" style="enable-background:new 0 0 120 144;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#SVGID_2_);}
+	.st2{opacity:0.43;fill:url(#SVGID_3_);}
+	.st3{fill:url(#SVGID_4_);}
+	.st4{fill:url(#SVGID_5_);}
+	.st5{fill:url(#SVGID_6_);}
+	.st6{fill:url(#SVGID_7_);}
+	.st7{fill:url(#SVGID_8_);}
+	.st8{fill:url(#SVGID_9_);}
+	.st9{fill:url(#SVGID_10_);}
+	.st10{opacity:0.17;fill:url(#SVGID_11_);}
+	.st11{opacity:0.25;fill:url(#SVGID_12_);}
+</style>
+<g>
+	<g>
+		
+			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-52.1654" y1="-474.6571" x2="23.5082" y2="-474.6571" gradientTransform="matrix(0.3653 -0.9308 0.9308 0.3653 494.3964 263.8136)">
+			<stop  offset="0" style="stop-color:#2A255C"/>
+			<stop  offset="0.5" style="stop-color:#672783"/>
+			<stop  offset="0.6474" style="stop-color:#652782"/>
+			<stop  offset="0.7551" style="stop-color:#60277D"/>
+			<stop  offset="0.85" style="stop-color:#562674"/>
+			<stop  offset="0.9371" style="stop-color:#4A2568"/>
+			<stop  offset="1" style="stop-color:#3F245D"/>
+		</linearGradient>
+		<path class="st0" d="M24,125c0,0,8.4-3.6,26.2-39.3c4-8,6.7-13.2,10.8-16.8c0,0,6.9-0.5,3.6,10.7c-3.3,11.2-4.5,29.8-4.5,29.8
+			s-9.6,20.2-11,21.7c-1.4,1.5-6.3,9-15.5,7.7S24,125,24,125z"/>
+		
+			<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-52.1654" y1="-474.6571" x2="23.5082" y2="-474.6571" gradientTransform="matrix(0.3653 -0.9308 0.9308 0.3653 494.3964 263.8136)">
+			<stop  offset="0" style="stop-color:#20254B"/>
+			<stop  offset="0.1286" style="stop-color:#3C2758;stop-opacity:0.8714"/>
+			<stop  offset="0.2955" style="stop-color:#5A2867;stop-opacity:0.7045"/>
+			<stop  offset="0.4657" style="stop-color:#732673;stop-opacity:0.5343"/>
+			<stop  offset="0.6381" style="stop-color:#86237B;stop-opacity:0.3619"/>
+			<stop  offset="0.8143" style="stop-color:#922180;stop-opacity:0.1857"/>
+			<stop  offset="1" style="stop-color:#952081;stop-opacity:0"/>
+		</linearGradient>
+		<path class="st1" d="M24,125c0,0,8.4-3.6,26.2-39.3c4-7.9,6.7-13.2,10.8-16.8c0,0,6.9-0.5,3.6,10.7c-3.3,11.2-4.5,29.8-4.5,29.8
+			s-9.6,20.2-11,21.7c-1.4,1.5-6.3,9-15.5,7.7S24,125,24,125z"/>
+		
+			<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-52.1654" y1="-473.3348" x2="10.6269" y2="-473.3348" gradientTransform="matrix(0.3653 -0.9308 0.9308 0.3653 494.3964 263.8136)">
+			<stop  offset="0" style="stop-color:#952081;stop-opacity:0"/>
+			<stop  offset="1.289326e-02" style="stop-color:#962081;stop-opacity:1.289326e-02"/>
+			<stop  offset="0.2279" style="stop-color:#A02985;stop-opacity:0.2279"/>
+			<stop  offset="0.4982" style="stop-color:#A52E86;stop-opacity:0.4982"/>
+			<stop  offset="1" style="stop-color:#A72F87"/>
+		</linearGradient>
+		<path class="st2" d="M48.8,114.1c-10.3,21.4-14,17.4-14,17.4s-4.9-0.6-9.9-1.6c1.1,3.6,3.5,8,8.8,8.8c9.2,1.3,14.1-6.2,15.5-7.7
+			c1.4-1.5,11-21.7,11-21.7s0.9-14.9,3.5-26C59.7,90.8,54.6,102,48.8,114.1z"/>
+		
+			<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-58.5971" y1="-507.9416" x2="67.561" y2="-507.9416" gradientTransform="matrix(0.3653 -0.9308 0.9308 0.3653 494.3964 263.8136)">
+			<stop  offset="0" style="stop-color:#2271B8"/>
+			<stop  offset="0.5" style="stop-color:#3AABE2"/>
+			<stop  offset="1" style="stop-color:#71C7D7"/>
+		</linearGradient>
+		<path class="st3" d="M2.9,0c0,0,35.2-1,31.9,56.5c-3.5,61.7,4.7,85.4,17.5,69.4c0,0-12.9,26.5-36.8,12.3
+			C1.4,129.9,0.7,115.6,0.8,98.4C0.8,98.4,5.1,42.2,2.9,0z"/>
+		
+			<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="-22.0458" y1="-396.1671" x2="-22.0458" y2="-436.4335" gradientTransform="matrix(0.3653 -0.9308 0.9308 0.3653 494.3964 263.8136)">
+			<stop  offset="0" style="stop-color:#D70953"/>
+			<stop  offset="0.5" style="stop-color:#A21A5C"/>
+			<stop  offset="1" style="stop-color:#A21A5C"/>
+		</linearGradient>
+		<path class="st4" d="M83.4,116.6c0,0,8.4,23.4,36.3,16.6c0.3-0.1,0.4,0.3,0.2,0.5c-3.3,2.1-9,4.9-14.1,6.9
+			C90.4,146.4,84.8,127.2,83.4,116.6z"/>
+		
+			<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="-21.8421" y1="-396.1671" x2="-21.8421" y2="-436.4335" gradientTransform="matrix(0.3653 -0.9308 0.9308 0.3653 494.3964 263.8136)">
+			<stop  offset="0" style="stop-color:#D70953"/>
+			<stop  offset="0.995" style="stop-color:#3A1E3E"/>
+		</linearGradient>
+		<path class="st5" d="M83.4,116.6c0,0,8.4,23.4,36.3,16.6c0.3-0.1,0.4,0.3,0.2,0.5c-3.3,2.1-11.3,6.6-16.3,7.2
+			C87.2,142.8,84.8,127.2,83.4,116.6z"/>
+		
+			<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="-38.2563" y1="-440.959" x2="32.7556" y2="-440.959" gradientTransform="matrix(0.3653 -0.9308 0.9308 0.3653 494.3964 263.8136)">
+			<stop  offset="0" style="stop-color:#E72273"/>
+			<stop  offset="0.5" style="stop-color:#D70953"/>
+			<stop  offset="1" style="stop-color:#A21A5C"/>
+		</linearGradient>
+		<path class="st6" d="M78.3,65.6c-8.2-5.8-18,3.9-18,3.9c8.7-3.4-3.4,19.5,0.7,47.1c2.9,19.6,17.8,25.2,17.8,25.2l0,0
+			c13.2,5.7,26.9-1.3,26.9-1.3C66.1,136.9,93.4,76.5,78.3,65.6z"/>
+		
+			<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="-38.2563" y1="-440.959" x2="32.8541" y2="-440.959" gradientTransform="matrix(0.3653 -0.9308 0.9308 0.3653 494.3964 263.8136)">
+			<stop  offset="0" style="stop-color:#E72273;stop-opacity:0"/>
+			<stop  offset="0.2209" style="stop-color:#E72871;stop-opacity:0.4418"/>
+			<stop  offset="0.5" style="stop-color:#E72A70"/>
+			<stop  offset="0.6013" style="stop-color:#E42A6F;stop-opacity:0.7974"/>
+			<stop  offset="0.7072" style="stop-color:#DB276C;stop-opacity:0.5856"/>
+			<stop  offset="0.8153" style="stop-color:#CB2367;stop-opacity:0.3694"/>
+			<stop  offset="0.9242" style="stop-color:#B51E61;stop-opacity:0.1515"/>
+			<stop  offset="1" style="stop-color:#A21A5C;stop-opacity:0"/>
+		</linearGradient>
+		<path class="st7" d="M78.3,65.6c-8.1-6.2-18,3.9-18,3.9c8.7-3.4-3.4,19.5,0.7,47.1c2.9,19.6,17.8,25.2,17.8,25.2l0,0
+			c13.2,5.7,26.9-1.3,26.9-1.3C66.1,136.9,92.9,78.2,78.3,65.6z"/>
+		
+			<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="-58.5971" y1="-507.9416" x2="66.0064" y2="-507.9416" gradientTransform="matrix(0.3653 -0.9308 0.9308 0.3653 494.3964 263.8136)">
+			<stop  offset="0" style="stop-color:#E2EAC1"/>
+			<stop  offset="1" style="stop-color:#71C7D7"/>
+		</linearGradient>
+		<path class="st8" d="M15.4,74.6C20.3,9.1,2.9,0,2.9,0c2.5,37.8-2.1,98.4-2.1,98.4c-0.1,17.9,0.6,31.5,14.6,39.9
+			c23.9,14.1,36.8-12.3,36.8-12.3C35.7,155.5,10.2,142.3,15.4,74.6z"/>
+		
+			<linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="-38.2563" y1="-440.959" x2="29.1296" y2="-440.959" gradientTransform="matrix(0.3653 -0.9308 0.9308 0.3653 494.3964 263.8136)">
+			<stop  offset="0" style="stop-color:#E72273;stop-opacity:0"/>
+			<stop  offset="0.2583" style="stop-color:#CF1F6A;stop-opacity:0.2583"/>
+			<stop  offset="0.566" style="stop-color:#B71C62;stop-opacity:0.566"/>
+			<stop  offset="0.8243" style="stop-color:#A81B5E;stop-opacity:0.8243"/>
+			<stop  offset="1" style="stop-color:#A21A5C"/>
+		</linearGradient>
+		<path class="st9" d="M73.7,74.9c0.6-9.4-5.5-9.4-6.1-9.4c-4.5,1.4-7.3,4.1-7.3,4.1c8.7-3.4-3.4,19.5,0.7,47.1
+			c2.9,19.6,17.8,25.2,17.8,25.2l0,0c13.2,5.7,26.9-1.3,26.9-1.3C60,157,73.1,85.1,73.7,74.9z"/>
+		
+			<linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="-35.5498" y1="-440.959" x2="32.8542" y2="-440.959" gradientTransform="matrix(0.3653 -0.9308 0.9308 0.3653 494.3964 263.8136)">
+			<stop  offset="0" style="stop-color:#E72273;stop-opacity:0"/>
+			<stop  offset="1.798216e-02" style="stop-color:#E93E7D;stop-opacity:3.596431e-02"/>
+			<stop  offset="6.854424e-02" style="stop-color:#EE779C;stop-opacity:0.1371"/>
+			<stop  offset="0.1215" style="stop-color:#F3A1B8;stop-opacity:0.2429"/>
+			<stop  offset="0.1757" style="stop-color:#F7C1D0;stop-opacity:0.3515"/>
+			<stop  offset="0.2317" style="stop-color:#FAD9E2;stop-opacity:0.4634"/>
+			<stop  offset="0.2899" style="stop-color:#FDEAF0;stop-opacity:0.5798"/>
+			<stop  offset="0.3513" style="stop-color:#FEF6F9;stop-opacity:0.7026"/>
+			<stop  offset="0.418" style="stop-color:#FFFDFE;stop-opacity:0.8361"/>
+			<stop  offset="0.5" style="stop-color:#FFFFFF"/>
+			<stop  offset="0.5596" style="stop-color:#FDFCFC;stop-opacity:0.8808"/>
+			<stop  offset="0.6219" style="stop-color:#F8F1F4;stop-opacity:0.7561"/>
+			<stop  offset="0.6856" style="stop-color:#EFDFE6;stop-opacity:0.6287"/>
+			<stop  offset="0.7503" style="stop-color:#E4C5D1;stop-opacity:0.4995"/>
+			<stop  offset="0.8156" style="stop-color:#D5A4B6;stop-opacity:0.3689"/>
+			<stop  offset="0.8815" style="stop-color:#C47B96;stop-opacity:0.2371"/>
+			<stop  offset="0.9466" style="stop-color:#B24A74;stop-opacity:0.1069"/>
+			<stop  offset="1" style="stop-color:#A21A5C;stop-opacity:0"/>
+		</linearGradient>
+		<path class="st10" d="M60.3,69.5c0,0,2.8-2.7,7.3-4.1c0.6,0,6.7,0,6.1,9.4c-0.6,10.2-15.3,82.1,32.1,65.6
+			c-39.7-3.5-12.9-62.2-27.5-74.8C70.2,59.4,60.3,69.5,60.3,69.5z"/>
+		
+			<linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="-25.0991" y1="-453.7261" x2="41.0639" y2="-568.3238" gradientTransform="matrix(0.3653 -0.9308 0.9308 0.3653 494.3964 263.8136)">
+			<stop  offset="0" style="stop-color:#2271B8;stop-opacity:0"/>
+			<stop  offset="9.571314e-03" style="stop-color:#2D75BA;stop-opacity:1.914263e-02"/>
+			<stop  offset="0.1107" style="stop-color:#799ACE;stop-opacity:0.2215"/>
+			<stop  offset="0.2075" style="stop-color:#ADBCDD;stop-opacity:0.415"/>
+			<stop  offset="0.2974" style="stop-color:#D1D8E9;stop-opacity:0.5948"/>
+			<stop  offset="0.3788" style="stop-color:#EBEDF0;stop-opacity:0.7577"/>
+			<stop  offset="0.4491" style="stop-color:#FBFAF4;stop-opacity:0.8981"/>
+			<stop  offset="0.5" style="stop-color:#FFFEF5"/>
+			<stop  offset="0.6131" style="stop-color:#FEFDF5;stop-opacity:0.7737"/>
+			<stop  offset="0.6958" style="stop-color:#F6FAF3;stop-opacity:0.6085"/>
+			<stop  offset="0.7687" style="stop-color:#E9F4F0;stop-opacity:0.4627"/>
+			<stop  offset="0.836" style="stop-color:#D6ECEB;stop-opacity:0.328"/>
+			<stop  offset="0.8994" style="stop-color:#BBE1E5;stop-opacity:0.2011"/>
+			<stop  offset="0.9592" style="stop-color:#96D3DE;stop-opacity:8.162302e-02"/>
+			<stop  offset="1" style="stop-color:#71C7D7;stop-opacity:0"/>
+		</linearGradient>
+		<path class="st11" d="M2.9,0L2.9,0c0,0,17.4,9.1,12.5,74.6c-3.9,51.8,10.1,71.7,24.3,64.9c4.3-2.5,7.6-6.1,9.7-9
+			c1-1.4,2-3,2.9-4.6c-12.8,15.9-21-7.7-17.5-69.4C38.1-1,2.9,0,2.9,0z"/>
+	</g>
+</g>
+</svg>
diff --git a/web/templates/login.html b/web/templates/login.html
@@ -5,7 +5,7 @@
                         <table>
                             <tr>
                                 <td style="padding: 22px 30px 0 42px; height: 280px; width: 170px;">
-                                    <a href="/"><img border=0 src="/images/logo.png" alt="<?=__('Hestia Control Panel');?>" style="margin: 20px; margin-top: 64px;" /></a>
+                                    <a href="/"><img border=0 src="/images/logo.svg" alt="<?=__('Hestia Control Panel');?>" style="margin: 20px; margin-top: 64px;" /></a>
                                 </td>
                                 <td style="padding: 40px 60px 0 0;">
                                     <form method="post" action="/login/" id="form_login">
diff --git a/web/templates/login_1.html b/web/templates/login_1.html
@@ -5,7 +5,7 @@
                         <table>
                             <tr>
                                 <td style="padding: 22px 30px 0 42px; height: 280px; width: 170px;">
-                                    <a href="/"><img border=0 src="/images/logo.png" alt="<?=__('Hestia Control Panel');?>" style="margin: 20px; margin-top: 64px;" /></a>
+                                    <a href="/"><img border=0 src="/images/logo.svg" alt="<?=__('Hestia Control Panel');?>" style="margin: 20px; margin-top: 64px;" /></a>
                                 </td>
                                 <td style="padding: 40px 60px 0 0;" class="animated fadeIn">
                                     <form method="post" action="/login/" id="form_login">
diff --git a/web/templates/login_2.html b/web/templates/login_2.html
@@ -5,7 +5,7 @@
                         <table>
                             <tr>
                                 <td style="padding: 22px 30px 0 42px; height: 280px; width: 170px;">
-                                    <a href="/"><img border=0 src="/images/logo.png" alt="<?=__('Hestia Control Panel');?>" style="margin: 20px; margin-top: 64px;" /></a>
+                                    <a href="/"><img border=0 src="/images/logo.svg" alt="<?=__('Hestia Control Panel');?>" style="margin: 20px; margin-top: 64px;" /></a>
                                 </td>
                                 <td style="padding: 40px 60px 0 0;" class="animated fadeIn">
                                     <form method="post" action="/login/" id="form_login">
diff --git a/web/templates/reset2fa.html b/web/templates/reset2fa.html
@@ -5,7 +5,7 @@
                         <table>
                             <tr>
                                 <td style="padding: 22px 30px 0 42px; height: 280px; width: 170px;">
-                                    <a href="/"><img border=0 src="/images/logo.png" alt="Hestia Control Panel" style="margin: 20px; margin-top: 64px;" /></a>
+                                    <a href="/"><img border=0 src="/images/logo.svg" alt="Hestia Control Panel" style="margin: 20px; margin-top: 64px;" /></a>
                                 </td>
                                 <td style="padding: 40px 60px 0 0;" class="animated fadeIn">
                                     <?php if($success){?>
diff --git a/web/templates/reset_1.html b/web/templates/reset_1.html
@@ -5,7 +5,7 @@
                         <table>
                             <tr>
                                 <td style="padding: 22px 30px 0 42px; height: 280px; width: 170px;">
-                                    <a href="/"><img border=0 src="/images/logo.png" alt="Hestia Control Panel" style="margin: 20px; margin-top: 64px;" /></a>
+                                    <a href="/"><img border=0 src="/images/logo.svg" alt="Hestia Control Panel" style="margin: 20px; margin-top: 64px;" /></a>
                                 </td>
                                 <td style="padding: 40px 60px 0 0;" class="animated fadeIn">
                                     <form method="post" action="/reset/">
diff --git a/web/templates/reset_2.html b/web/templates/reset_2.html
@@ -5,7 +5,7 @@
                         <table>
                             <tr>
                                 <td style="padding: 22px 30px 0 42px; height: 280px; width: 170px;">
-                                    <a href="/"><img border=0 src="/images/logo.png" alt="Hestia Control Panel" style="margin: 20px; margin-top: 64px;" /></a>
+                                    <a href="/"><img border=0 src="/images/logo.svg" alt="Hestia Control Panel" style="margin: 20px; margin-top: 64px;" /></a>
                                 </td>
                                 <td style="padding: 40px 60px 0 0;" class="animated fadeIn">
                                     <form method="get" action="/reset/" >
diff --git a/web/templates/reset_3.html b/web/templates/reset_3.html
@@ -5,7 +5,7 @@
                         <table>
                             <tr>
                                 <td style="padding: 22px 30px 0 42px; height: 280px; width: 170px;">
-                                    <a href="/"><img border=0 src="/images/logo.png" alt="Hestia Control Panel" style="margin: 20px; margin-top: 64px;" /></a>
+                                    <a href="/"><img border=0 src="/images/logo.svg" alt="Hestia Control Panel" style="margin: 20px; margin-top: 64px;" /></a>
                                 </td>
                                 <td style="padding: 40px 60px 0 0;" class="animated fadeIn">
                                     <form method="post">

Original file line number	Diff line number	Diff line change
`@@ -643,7 +643,7 @@ a {`
`643`	`643`	`}`
`644`	`644`
`645`	`645`	`.l-logo {`
`646`		`- background-image: url("/images/logo-header.png");`
	`646`	`+ background-image: url("/images/logo-header.svg");`
`647`	`647`	`background-repeat: no-repeat;`
`648`	`648`	`float: left;`
`649`	`649`	`height: 28px;`