diff --git a/client/public/img/favicon-black.ico b/client/public/img/favicon-black.ico
new file mode 100644
index 00000000..f4cbbbd3
Binary files /dev/null and b/client/public/img/favicon-black.ico differ
diff --git a/client/public/img/favicon-black.svg b/client/public/img/favicon-black.svg
new file mode 100644
index 00000000..c8f3f7ea
--- /dev/null
+++ b/client/public/img/favicon-black.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{display:none;}
+	.st1{display:inline;fill:#14161A;}
+	.st2{fill:#000000;}
+	.st3{display:inline;}
+	.st4{display:inline;opacity:0.1;fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
+</style>
+<g id="Dark">
+	<g id="Background" class="st0">
+		<rect class="st1" width="1024" height="1024"/>
+	</g>
+	<g id="Logo_Kopie">
+		<g>
+			<g>
+				<polygon class="st2" points="691.29,698.7 624.71,636.53 332.33,636.53 398.91,698.7 				"/>
+				<polygon class="st2" points="398.91,480.75 332.33,542.92 624.71,542.92 691.29,480.75 				"/>
+				<polygon class="st2" points="691.27,387.12 624.71,324.93 332.35,324.93 398.91,387.12 				"/>
+				<path class="st2" d="M301.56,448.66l-43.98-43.99L94.49,567.73c-5.86,5.85-9.09,13.68-9.08,21.99c0,8.31,3.22,16.12,9.08,21.97
+					l163.08,163.08l43.98-43.97L160.47,589.73L301.56,448.66z"/>
+				<path class="st2" d="M929.13,411.95L766.1,248.85l-43.97,43.99l141.01,141.09L722.14,575.02l43.97,43.97l163.02-163.04
+					c5.88-5.9,9.12-13.72,9.12-22.03C938.22,425.6,935,417.81,929.13,411.95z"/>
+			</g>
+		</g>
+	</g>
+</g>
+<g id="LIght" class="st0">
+	<g id="Logo" class="st3">
+		<g>
+			<g>
+				<polygon points="691.29,698.7 624.71,636.53 332.33,636.53 398.91,698.7 				"/>
+				<polygon points="398.91,480.75 332.33,542.92 624.71,542.92 691.29,480.75 				"/>
+				<polygon points="691.27,387.12 624.71,324.93 332.35,324.93 398.91,387.12 				"/>
+				<path d="M301.56,448.66l-43.98-43.99L94.49,567.73c-5.86,5.85-9.09,13.68-9.08,21.99c0,8.31,3.22,16.12,9.08,21.97
+					l163.08,163.08l43.98-43.97L160.47,589.73L301.56,448.66z"/>
+				<path d="M929.13,411.95L766.1,248.85l-43.97,43.99l141.01,141.09L722.14,575.02l43.97,43.97l163.02-163.04
+					c5.88-5.9,9.12-13.72,9.12-22.03C938.22,425.6,935,417.81,929.13,411.95z"/>
+			</g>
+		</g>
+	</g>
+</g>
+<g id="Grid" class="st0">
+	<rect x="-0.34" y="-1" class="st4" width="170.72" height="1024"/>
+	<rect x="170.38" y="-1" class="st4" width="170.72" height="1024"/>
+	<rect x="341.11" y="-1" class="st4" width="170.72" height="1024"/>
+	<rect x="511.83" y="-1" class="st4" width="170.72" height="1024"/>
+	<rect x="682.55" y="-1" class="st4" width="170.72" height="1024"/>
+	<rect x="853.28" y="-1" class="st4" width="170.72" height="1024"/>
+
+		<rect x="426.47" y="-427.81" transform="matrix(4.489812e-11 1 -1 4.489812e-11 596.0214 -427.6383)" class="st4" width="170.72" height="1024"/>
+
+		<rect x="426.47" y="-257.09" transform="matrix(4.489279e-11 1 -1 4.489279e-11 766.7448 -256.9149)" class="st4" width="170.72" height="1024"/>
+
+		<rect x="426.47" y="-86.36" transform="matrix(4.489812e-11 1 -1 4.489812e-11 937.4681 -86.1915)" class="st4" width="170.72" height="1024"/>
+
+		<rect x="426.47" y="84.36" transform="matrix(4.489812e-11 1 -1 4.489812e-11 1108.1915 84.5319)" class="st4" width="170.72" height="1024"/>
+
+		<rect x="426.47" y="255.09" transform="matrix(4.489279e-11 1 -1 4.489279e-11 1278.9149 255.2552)" class="st4" width="170.72" height="1024"/>
+
+		<rect x="426.47" y="425.81" transform="matrix(4.489812e-11 1 -1 4.489812e-11 1449.6383 425.9786)" class="st4" width="170.72" height="1024"/>
+	<rect x="938.64" class="st4" width="85.36" height="1024"/>
+</g>
+</svg>
diff --git a/client/public/img/favicon_clear-16.png b/client/public/img/favicon_clear-16.png
deleted file mode 100644
index 04dcd0cc..00000000
Binary files a/client/public/img/favicon_clear-16.png and /dev/null differ
diff --git a/client/public/img/favicon_clear-256.png b/client/public/img/favicon_clear-256.png
deleted file mode 100644
index 5abc0011..00000000
Binary files a/client/public/img/favicon_clear-256.png and /dev/null differ
diff --git a/client/public/img/favicon_clear-32.png b/client/public/img/favicon_clear-32.png
deleted file mode 100644
index 7d720bc6..00000000
Binary files a/client/public/img/favicon_clear-32.png and /dev/null differ
diff --git a/client/public/index.html b/client/public/index.html
index b546efb4..f7a89ed6 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -6,9 +6,8 @@
   <meta content="utf-8" http-equiv="encoding">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-  <link rel="icon" type="image/png" href="./img/favicon_clear-16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="./img/favicon_clear-32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="./img/favicon_clear-256.png" sizes="256x256">
+  <link rel="icon" type="image/svg+xml" href="/img/favicon-black.svg">
+  <link rel="alternate icon" href="/img/favicon-black.ico">
 
   <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
   <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.js"></script>