diff --git a/docs/source/_static/favicon.png b/docs/source/_static/favicon.png
deleted file mode 100644
index bac2794..0000000
Binary files a/docs/source/_static/favicon.png and /dev/null differ
diff --git a/docs/source/_static/favicon.svg b/docs/source/_static/favicon.svg
new file mode 100644
index 0000000..af52b6d
--- /dev/null
+++ b/docs/source/_static/favicon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.c{fill:#9cc;}.d{fill:#2d5955;}.e{stroke:#2d5955;stroke-width:3.2px;}.e,.f{fill:none;stroke-miterlimit:10;}.g{fill:#666;mix-blend-mode:multiply;}.f{stroke:#666;stroke-width:3.3px;}.h{opacity:.36;}.i{isolation:isolate;}.j{fill:#fff;opacity:.24;}</style></defs><g class="i"><g id="a"><circle class="f" cx="24.31" cy="24.31" r="21.69"/></g><g id="b"><circle class="e" cx="23.69" cy="23.69" r="21.69"/><polygon class="g" points="21.2 22.96 15.21 43.89 27.68 25.98 33.66 5.05 21.2 22.96"/><polygon class="c" points="14.34 43.15 26.8 25.24 20.32 22.23 14.34 43.15"/><polygon class="d" points="32.79 4.32 20.32 22.23 26.8 25.24 32.79 4.32"/><polyline class="h" points="14.34 43.15 26.8 25.24 32.79 4.32"/><circle class="j" cx="23.61" cy="23.64" r="1.55"/></g></g></svg>
\ No newline at end of file
diff --git a/docs/source/conf.py b/docs/source/conf.py
index f261b16..2bc295e 100644
--- a/docs/source/conf.py
+++ b/docs/source/conf.py
@@ -35,8 +35,8 @@ html_static_path = ['_static']
 # -- Sphinxawsome-theme options ------------------------------------------------
 # https://sphinxawesome.xyz/how-to/configure/
 
-html_logo = "_static/favicon.png"
-html_favicon  = "_static/favicon.png"
+html_logo = "_static/favicon.svg"
+html_favicon  = "_static/favicon.svg"
 
 html_sidebars = {
   "about": ["sidebar_main_nav_links.html"],
diff --git a/jdav_web/static/admin/img/favicon.png b/jdav_web/static/admin/img/favicon.png
deleted file mode 100644
index bac2794..0000000
Binary files a/jdav_web/static/admin/img/favicon.png and /dev/null differ
diff --git a/jdav_web/static/admin/img/favicon.svg b/jdav_web/static/admin/img/favicon.svg
new file mode 100644
index 0000000..af52b6d
--- /dev/null
+++ b/jdav_web/static/admin/img/favicon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.c{fill:#9cc;}.d{fill:#2d5955;}.e{stroke:#2d5955;stroke-width:3.2px;}.e,.f{fill:none;stroke-miterlimit:10;}.g{fill:#666;mix-blend-mode:multiply;}.f{stroke:#666;stroke-width:3.3px;}.h{opacity:.36;}.i{isolation:isolate;}.j{fill:#fff;opacity:.24;}</style></defs><g class="i"><g id="a"><circle class="f" cx="24.31" cy="24.31" r="21.69"/></g><g id="b"><circle class="e" cx="23.69" cy="23.69" r="21.69"/><polygon class="g" points="21.2 22.96 15.21 43.89 27.68 25.98 33.66 5.05 21.2 22.96"/><polygon class="c" points="14.34 43.15 26.8 25.24 20.32 22.23 14.34 43.15"/><polygon class="d" points="32.79 4.32 20.32 22.23 26.8 25.24 32.79 4.32"/><polyline class="h" points="14.34 43.15 26.8 25.24 32.79 4.32"/><circle class="j" cx="23.61" cy="23.64" r="1.55"/></g></g></svg>
\ No newline at end of file
diff --git a/jdav_web/static/admin/img/favicon_bright.svg b/jdav_web/static/admin/img/favicon_bright.svg
new file mode 100644
index 0000000..51fbe8b
--- /dev/null
+++ b/jdav_web/static/admin/img/favicon_bright.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.27;fill:url(#SVGID_1_);}
+	.st1{fill:none;stroke:#999999;stroke-width:3.3;stroke-miterlimit:10;}
+	.st2{fill:none;stroke:#508480;stroke-width:3.2;stroke-miterlimit:10;}
+	.st3{fill:none;stroke:url(#SVGID_00000121983970493329986990000017723393330248815746_);stroke-width:3.2;stroke-miterlimit:10;}
+	.st4{fill:#999999;}
+	.st5{fill:#BADDD9;}
+	.st6{fill:#508480;}
+	.st7{opacity:0.36;}
+	.st8{opacity:0.24;fill:#FFFFFF;}
+</style>
+<g id="Logo_x5F_Schatten">
+	<radialGradient id="SVGID_1_" cx="20.8612" cy="20.647" r="22.9444" gradientUnits="userSpaceOnUse">
+		<stop  offset="0" style="stop-color:#FFFFFF"/>
+		<stop  offset="1" style="stop-color:#000000"/>
+	</radialGradient>
+	<circle class="st0" cx="23.6" cy="23.6" r="22.9"/>
+	<circle class="st1" cx="24.3" cy="24.3" r="21.7"/>
+</g>
+<g id="LogooVordergrund">
+	<circle class="st2" cx="23.7" cy="23.7" r="21.7"/>
+	
+		<linearGradient id="SVGID_00000165954078947660943750000008230134672540192957_" gradientUnits="userSpaceOnUse" x1="3.5175" y1="12.0447" x2="43.8685" y2="35.3413">
+		<stop  offset="0" style="stop-color:#BADDD9;stop-opacity:0.1"/>
+		<stop  offset="1" style="stop-color:#508480"/>
+	</linearGradient>
+	
+		<circle style="fill:none;stroke:url(#SVGID_00000165954078947660943750000008230134672540192957_);stroke-width:3.2;stroke-miterlimit:10;" cx="23.7" cy="23.7" r="21.7"/>
+	<polygon class="st4" points="21.2,23 15.2,43.9 27.7,26 33.7,5 	"/>
+	<polygon class="st5" points="14.3,43.2 26.8,25.2 20.3,22.2 	"/>
+	<polygon class="st6" points="32.8,4.3 20.3,22.2 26.8,25.2 	"/>
+	<polyline class="st7" points="14.3,43.2 26.8,25.2 32.8,4.3 	"/>
+	<circle class="st8" cx="23.6" cy="23.6" r="1.5"/>
+</g>
+</svg>
diff --git a/jdav_web/templates/admin/base_site.html b/jdav_web/templates/admin/base_site.html
index f7b8bd8..426b26a 100644
--- a/jdav_web/templates/admin/base_site.html
+++ b/jdav_web/templates/admin/base_site.html
@@ -2,7 +2,7 @@
 {% load static i18n %}
 
 {# Setup favicon #}
-{% block extrahead %}<link rel="shortcut icon" type="image/png" href="{% static 'admin/img/favicon.png' %}"/>{% endblock %}
+{% block extrahead %}<link rel="shortcut icon" type="image/png" href="{% static 'admin/img/favicon.svg' %}"/>{% endblock %}
 
 {# Setup browser tab label #}
 {% block title %}{{ title }} | KOMPASS {% endblock %}
@@ -12,7 +12,7 @@
     <h1 id="site-name">
         <a href="{% url 'admin:index' %}">
             {# Your logo here #}
-            <img src="{% static 'admin/img/logo_sidebar.png' %}" alt="KOMPASS" height="50px" width="50px">
+            <img src="{% static 'admin/img/favicon_bright.svg' %}" alt="KOMPASS" height="50px" width="50px">
             <br><br>
             </span>
         </a>
diff --git a/jdav_web/templates/admin/index.html b/jdav_web/templates/admin/index.html
index 6d60e91..f5484b7 100644
--- a/jdav_web/templates/admin/index.html
+++ b/jdav_web/templates/admin/index.html
@@ -123,7 +123,7 @@ Hier kannst du E-Mails an deine Gruppe oder an andere Menschen in der JDAV {% se
             {% if link.icon %}
                 <img src="{{ link.icon.url }}" alt="">
                 {% else %}
-                <img src="{% static 'admin/img/favicon.png' %}" style="transform: scale(0.8);" alt="">
+                <img src="{% static 'admin/img/favicon.svg' %}" style="transform: scale(0.8);" alt="">
                 {% endif %}
             <div class="icon-text">
                 <span class="icon-title">{{ link.title }}</span>
@@ -134,7 +134,7 @@ Hier kannst du E-Mails an deine Gruppe oder an andere Menschen in der JDAV {% se
         {% endfor %}
 
         <a href="{% settings_value 'DOCS_LINK' %}" class="icon-item" target="_blank">
-            <img src="{% static 'admin/img/favicon.png' %}" style="transform: scale(0.8);" alt="">
+            <img src="{% static 'admin/img/favicon.svg' %}" style="transform: scale(0.8);" alt="">
             <div class="icon-text">
                 <span class="icon-title">Kompass-Dokumentation</span>
                 <span class="icon-subtext">Anleitung zur Benutzung des Kompasses</span>