diff --git a/png/nextcloud-blue.png b/png/nextcloud-blue.png
new file mode 100644
index 00000000..f4aa6549
Binary files /dev/null and b/png/nextcloud-blue.png differ
diff --git a/png/nextcloud-calendar.png b/png/nextcloud-calendar.png
index 400a8b93..f9296f39 100644
Binary files a/png/nextcloud-calendar.png and b/png/nextcloud-calendar.png differ
diff --git a/png/nextcloud-cospend.png b/png/nextcloud-cospend.png
new file mode 100644
index 00000000..3a5f5b57
Binary files /dev/null and b/png/nextcloud-cospend.png differ
diff --git a/png/nextcloud-deck.png b/png/nextcloud-deck.png
index 301912b1..9c455bf1 100644
Binary files a/png/nextcloud-deck.png and b/png/nextcloud-deck.png differ
diff --git a/png/nextcloud-files.png b/png/nextcloud-files.png
new file mode 100644
index 00000000..4c63a9ac
Binary files /dev/null and b/png/nextcloud-files.png differ
diff --git a/png/nextcloud-ncdownloader.png b/png/nextcloud-ncdownloader.png
new file mode 100644
index 00000000..cda3c846
Binary files /dev/null and b/png/nextcloud-ncdownloader.png differ
diff --git a/png/nextcloud-news.png b/png/nextcloud-news.png
index bc3d688e..3bc6a1e1 100644
Binary files a/png/nextcloud-news.png and b/png/nextcloud-news.png differ
diff --git a/png/nextcloud-notes.png b/png/nextcloud-notes.png
index 2fccfd7b..475428b5 100644
Binary files a/png/nextcloud-notes.png and b/png/nextcloud-notes.png differ
diff --git a/png/nextcloud-photos.png b/png/nextcloud-photos.png
index 183d245a..d399b14b 100644
Binary files a/png/nextcloud-photos.png and b/png/nextcloud-photos.png differ
diff --git a/png/nextcloud-tasks.png b/png/nextcloud-tasks.png
new file mode 100644
index 00000000..3de43066
Binary files /dev/null and b/png/nextcloud-tasks.png differ
diff --git a/png/nextcloud-timemanager.png b/png/nextcloud-timemanager.png
index 92d943a9..48151eab 100644
Binary files a/png/nextcloud-timemanager.png and b/png/nextcloud-timemanager.png differ
diff --git a/png/nextcloud-white.png b/png/nextcloud-white.png
new file mode 100644
index 00000000..0045cd72
Binary files /dev/null and b/png/nextcloud-white.png differ
diff --git a/png/opnsense.png b/png/opnsense.png
index a0b8ffaa..ae2fd5c9 100644
Binary files a/png/opnsense.png and b/png/opnsense.png differ
diff --git a/png/signal-transparent.png b/png/signal-transparent.png
new file mode 100644
index 00000000..916beb5c
Binary files /dev/null and b/png/signal-transparent.png differ
diff --git a/png/signal.png b/png/signal.png
new file mode 100644
index 00000000..8ce1c752
Binary files /dev/null and b/png/signal.png differ
diff --git a/svg/nextcloud-blue.svg b/svg/nextcloud-blue.svg
new file mode 100644
index 00000000..f0c70805
--- /dev/null
+++ b/svg/nextcloud-blue.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.8.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 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#0082C9;}
+</style>
+<path id="background" class="st0" d="M5,0h22c2.8,0,5,2.2,5,5v22c0,2.8-2.2,5-5,5H5c-2.8,0-5-2.2-5-5V5C0,2.2,2.2,0,5,0z"/>
+<g id="logo">
+	<path class="st1" d="M16,10c-2.8,0-5,1.9-5.7,4.4C9.7,13,8.3,12,6.8,12c-2.1,0-3.9,1.8-3.9,3.9s1.8,3.9,3.9,3.9
+		c1.5,0,2.9-1,3.5-2.3c0.8,2.5,3,4.4,5.7,4.4s5-1.9,5.7-4.3c0.6,1.3,1.9,2.3,3.5,2.3c2.1,0,3.9-1.8,3.9-3.9s-1.8-3.9-3.9-3.9
+		c-1.5,0-2.9,0.9-3.5,2.3C21,11.8,18.8,10,16,10L16,10z M16,12.3c2,0,3.6,1.6,3.6,3.6S18,19.6,16,19.6s-3.6-1.6-3.6-3.6l0,0
+		C12.4,13.9,14,12.3,16,12.3z M6.8,14.3c0.9,0,1.6,0.8,1.6,1.6s-0.8,1.6-1.6,1.6s-1.6-0.6-1.6-1.5l0,0C5.2,15.1,6,14.3,6.8,14.3
+		L6.8,14.3z M25.2,14.3c0.9,0,1.6,0.8,1.6,1.6s-0.8,1.6-1.6,1.6c-0.9,0-1.6-0.6-1.6-1.5l0,0C23.5,15.1,24.3,14.3,25.2,14.3
+		L25.2,14.3z"/>
+</g>
+</svg>
diff --git a/svg/nextcloud-calendar.svg b/svg/nextcloud-calendar.svg
index 51f6ac34..ca91fadb 100644
--- a/svg/nextcloud-calendar.svg
+++ b/svg/nextcloud-calendar.svg
@@ -1,2 +1,17 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" version="1.1" xml:space="preserve" height="32" width="32" enable-background="new 0 0 595.275 311.111" y="0px" x="0px" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 32 32"><rect rx="5" ry="5" height="32" width="32" y="-.0000052588" x="0" fill="#0082c9"/><g transform="matrix(.89286 0 0 .89286 520.21 -.19331)"><path fill="#fff" d="m-572.71 3.5765c-1.108 0-2 0.892-2 2v4c0 1.108 0.892 2 2 2s2-0.892 2-2v-4c0-1.108-0.892-2-2-2zm16 0c-1.108 0-2 0.892-2 2v4c0 1.108 0.892 2 2 2s2-0.892 2-2v-4c0-1.108-0.892-2-2-2zm-13 4v2c0 1.662-1.338 3-3 3s-3-1.338-3-3v-1.875c-1.728 0.44254-3 2.0052-3 3.875v16c0 2.216 1.784 4 4 4h20c2.216 0 4-1.784 4-4v-16c0-1.8698-1.272-3.4325-3-3.875v1.875c0 1.662-1.338 3-3 3s-3-1.338-3-3v-2h-10zm-5.9062 9h21.812c0.0554 0 0.0937 0.03835 0.0937 0.09375v11.812c0 0.0554-0.0384 0.09375-0.0937 0.09375h-21.812c-0.0554 0-0.0937-0.03835-0.0937-0.09375v-11.812c0-0.0554 0.0384-0.09375 0.0937-0.09375z"/></g></svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.8.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 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#0082C9;}
+	.st1{fill:#FFFFFF;}
+</style>
+<path id="background" class="st0" d="M5,0h22c2.8,0,5,2.2,5,5v22c0,2.8-2.2,5-5,5H5c-2.8,0-5-2.2-5-5V5C0,2.2,2.2,0,5,0z"/>
+<g transform="matrix(.89286 0 0 .89286 520.21 -.19331)">
+	<path class="st1" d="M-572.7,4.1c-1.1,0-2,0.9-2,2v4c0,1.1,0.9,2,2,2s2-0.9,2-2v-4C-570.7,5-571.6,4.1-572.7,4.1z M-556.7,4.1
+		c-1.1,0-2,0.9-2,2v4c0,1.1,0.9,2,2,2s2-0.9,2-2v-4C-554.7,5-555.6,4.1-556.7,4.1z M-569.7,8.1v2c0,1.7-1.3,3-3,3s-3-1.3-3-3V8.3
+		c-1.7,0.4-3,2-3,3.9v16c0,2.2,1.8,4,4,4h20c2.2,0,4-1.8,4-4v-16c0-1.9-1.3-3.4-3-3.9v1.9c0,1.7-1.3,3-3,3s-3-1.3-3-3v-2h-10V8.1z
+		 M-575.6,17.1h21.8c0.1,0,0.1,0,0.1,0.1V29c0,0.1,0,0.1-0.1,0.1h-21.8c-0.1,0-0.1,0-0.1-0.1L-575.6,17.1
+		C-575.7,17.2-575.7,17.1-575.6,17.1z"/>
+</g>
+</svg>
diff --git a/svg/nextcloud-cospend.svg b/svg/nextcloud-cospend.svg
new file mode 100644
index 00000000..7ceb801b
--- /dev/null
+++ b/svg/nextcloud-cospend.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.8.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 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#0082C9;}
+	.st1{fill:#FFFFFF;}
+</style>
+<g id="background_00000030482991581651019030000011180334072296597416_">
+	<path id="background" class="st0" d="M5,0h22c2.8,0,5,2.2,5,5v22c0,2.8-2.2,5-5,5H5c-2.8,0-5-2.2-5-5V5C0,2.2,2.2,0,5,0z"/>
+</g>
+<g id="logo_00000059992613453838551560000007231393915000769982_">
+	<g>
+		<path class="st1" d="M24.8,23.1c0-6.5-2.2-14.4-8.7-14.4s-8.8,8.2-8.8,14.7s2.4,5.8,8.9,5.8C22.6,29.1,24.8,29.6,24.8,23.1z
+			 M17,24.5v1.1c0,0.4-0.3,0.7-0.7,0.7h-0.6c-0.4,0-0.7-0.3-0.7-0.7v-1c-0.8-0.1-1.8-0.4-2.6-0.9c-0.3-0.2-0.4-0.6-0.2-0.9l0.6-0.9
+			c0.2-0.3,0.6-0.4,0.9-0.2c0.7,0.4,1.3,0.6,1.8,0.6c0.9,0,1.2-0.3,1.2-1c0-1.4-4.4-1.6-4.4-4.6c0-1.7,1-2.9,2.6-3.3v-1.1
+			c0-0.4,0.3-0.6,0.6-0.6h0.6c0.4,0,0.6,0.3,0.6,0.6v1.1c0.8,0.1,1.5,0.5,2.1,1c0.3,0.2,0.3,0.6,0.1,0.9L18.6,16
+			c-0.2,0.3-0.6,0.3-0.9,0.1c-0.4-0.3-0.9-0.5-1.3-0.5c-0.7,0-1.1,0.2-1.1,0.9c0,1.3,4.4,1.4,4.4,4.5C19.7,22.8,18.9,24.1,17,24.5
+			L17,24.5z"/>
+		<path class="st1" d="M18.6,2.9L16,4.3l-2.6-1.4c-0.5-0.3-1.1,0.2-0.9,0.8l1.4,4.7c0.7-0.2,1.4-0.3,2.1-0.3s1.4,0.1,2.1,0.3
+			l1.4-4.7C19.7,3.1,19.1,2.7,18.6,2.9z"/>
+	</g>
+</g>
+</svg>
diff --git a/svg/nextcloud-deck.svg b/svg/nextcloud-deck.svg
new file mode 100644
index 00000000..8af81a2d
--- /dev/null
+++ b/svg/nextcloud-deck.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.8.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 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#0082C9;}
+	.st1{fill:#FFFFFF;}
+</style>
+<g>
+	<path class="st0" d="M5,0h22c2.8,0,5,2.2,5,5v22c0,2.8-2.2,5-5,5H5c-2.8,0-5-2.2-5-5V5C0,2.2,2.2,0,5,0z"/>
+	<path class="st1" d="M5.1,14.2h21.7c1,0,1.8,0.8,1.8,1.8v10.9c0,1-0.8,1.8-1.8,1.8H5.1c-1,0-1.8-0.8-1.8-1.8V16
+		C3.3,15,4.1,14.2,5.1,14.2z"/>
+	<path class="st1" d="M6,10.6H26c0.5,0,0.9,0.4,0.9,0.9s-0.4,0.9-0.9,0.9H6c-0.5,0-0.9-0.4-0.9-0.9S5.5,10.6,6,10.6z"/>
+	<path class="st1" d="M7.9,7h16.3C24.6,7,25,7.4,25,7.9s-0.4,0.9-0.9,0.9H7.9C7.4,8.8,7,8.4,7,7.9S7.4,7,7.9,7z"/>
+	<path class="st1" d="M9.7,3.3h12.7c0.5,0,0.9,0.4,0.9,0.9s-0.4,0.9-0.9,0.9H9.7c-0.5,0-0.9-0.4-0.9-0.9S9.2,3.3,9.7,3.3z"/>
+</g>
+</svg>
diff --git a/svg/nextcloud-files.svg b/svg/nextcloud-files.svg
new file mode 100644
index 00000000..1c405098
--- /dev/null
+++ b/svg/nextcloud-files.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.8.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 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#0082C9;}
+	.st1{fill:#FFFFFF;}
+</style>
+<path id="background" class="st0" d="M5,0h22c2.8,0,5,2.2,5,5v22c0,2.8-2.2,5-5,5H5c-2.8,0-5-2.2-5-5V5C0,2.2,2.2,0,5,0z"/>
+<path id="logo" class="st1" d="M13.5,6.1H6.1c-1.4,0-2.5,1.1-2.5,2.5v14.9c0,1.4,1.1,2.5,2.5,2.5h19.9c1.4,0,2.5-1.1,2.5-2.5V11
+	c0-1.4-1.1-2.5-2.5-2.5H16L13.5,6.1z"/>
+</svg>
diff --git a/svg/nextcloud-ncdownloader.svg b/svg/nextcloud-ncdownloader.svg
new file mode 100644
index 00000000..642473be
--- /dev/null
+++ b/svg/nextcloud-ncdownloader.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.8.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 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#0082C9;}
+	.st1{fill:#FFFFFF;}
+</style>
+<g id="background">
+	<path class="st0" d="M5,0h22c2.8,0,5,2.2,5,5v22c0,2.8-2.2,5-5,5H5c-2.8,0-5-2.2-5-5V5C0,2.2,2.2,0,5,0z"/>
+</g>
+<g id="logo">
+	<g>
+		<path class="st1" d="M26.9,18.7h-8L17.8,20c-0.5,0.5-1.1,0.8-1.8,0.8s-1.4-0.3-1.8-0.8l-1.1-1.2h-8c-0.7,0-1.3,0.6-1.3,1.3v5.1
+			c0,0.7,0.6,1.3,1.3,1.3h21.8c0.7,0,1.3-0.6,1.3-1.3V20C28.2,19.3,27.6,18.7,26.9,18.7z M7.4,23.7c-0.6,0-1.1-0.5-1.1-1.1
+			s0.5-1.1,1.1-1.1s1.1,0.5,1.1,1.1S8,23.7,7.4,23.7z"/>
+		<path class="st1" d="M14.6,18.7l0.4,0.5c0.3,0.3,0.6,0.4,1,0.4s0.7-0.1,1-0.4l0.4-0.5l5.4-6.1c0.7-0.8,0.1-2.1-1-2.1h-1.7V6.8
+			c0-0.7-0.6-1.3-1.3-1.3h-5.6c-0.7,0-1.3,0.6-1.3,1.3v3.6h-1.7c-1.1,0-1.7,1.3-1,2.1L14.6,18.7z"/>
+	</g>
+</g>
+</svg>
diff --git a/svg/nextcloud-news.svg b/svg/nextcloud-news.svg
new file mode 100644
index 00000000..9807645d
--- /dev/null
+++ b/svg/nextcloud-news.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.8.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg4551" xmlns:svg="http://www.w3.org/2000/svg" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32"
+	 style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#0082C9;}
+	.st1{fill:#FFFFFF;}
+</style>
+<g>
+	<path class="st0" d="M5,0h22c2.8,0,5,2.2,5,5v22c0,2.8-2.2,5-5,5H5c-2.8,0-5-2.2-5-5V5C0,2.2,2.2,0,5,0z"/>
+	<path class="st1" d="M3.8,3.2c-0.5,0-0.9,0.4-0.9,0.9v1.8c0,0.5,0.4,0.9,0.9,0.9h24c0.5,0,0.9-0.4,0.9-0.9V4.1
+		c0-0.5-0.4-0.9-0.9-0.9H3.8z M3.8,10.5c-0.5,0-0.9,0.4-0.9,0.9v1.8c0,0.5,0.4,0.9,0.9,0.9h16.6c0.5,0,0.9-0.4,0.9-0.9v-1.8
+		c0-0.5-0.4-0.9-0.9-0.9H3.8z M3.8,17.9c-0.5,0-0.9,0.4-0.9,0.9v1.8c0,0.5,0.4,0.9,0.9,0.9h22.1c0.5,0,0.9-0.4,0.9-0.9v-1.8
+		c0-0.5-0.4-0.9-0.9-0.9H3.8z M3.8,25.3c-0.5,0-0.9,0.4-0.9,0.9V28c0,0.5,0.4,0.9,0.9,0.9h11.1c0.5,0,0.9-0.4,0.9-0.9v-1.8
+		c0-0.5-0.4-0.9-0.9-0.9H3.8z"/>
+</g>
+</svg>
diff --git a/svg/nextcloud-notes.svg b/svg/nextcloud-notes.svg
new file mode 100644
index 00000000..0732fc5f
--- /dev/null
+++ b/svg/nextcloud-notes.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.8.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 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#0082C9;}
+	.st1{fill:#FFFFFF;}
+</style>
+<g>
+	<path class="st0" d="M20,0h88c11,0,20,9,20,20v88c0,11-9,20-20,20H20c-11,0-20-9-20-20V20C0,9,9,0,20,0z"/>
+	<path class="st1" d="M15,94.2V115h20.8l61.4-61.4L76.4,32.7L15,94.2z M113.4,37.5c2.2-2.2,2.2-5.7,0-7.8l-13-13
+		c-2.2-2.2-5.7-2.2-7.8,0L82.4,26.8l20.8,20.8L113.4,37.5z"/>
+</g>
+</svg>
diff --git a/svg/nextcloud-photos.svg b/svg/nextcloud-photos.svg
new file mode 100644
index 00000000..6fe4aee8
--- /dev/null
+++ b/svg/nextcloud-photos.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.8.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 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#0082C9;}
+	.st1{fill:#FFFFFF;}
+</style>
+<g>
+	<path class="st0" d="M5,0h22c2.8,0,5,2.2,5,5v22c0,2.8-2.2,5-5,5H5c-2.8,0-5-2.2-5-5V5C0,2.2,2.2,0,5,0z"/>
+	<path class="st1" d="M4.1,5.3C3.7,5.3,3.5,5.7,3.5,6V26c0,0.4,0.4,0.8,0.8,0.8h23.5c0.4,0,0.8-0.4,0.8-0.8V6.4
+		c0-0.6-0.5-1.1-0.9-1.1L4.1,5.3z M5.3,7.1l21.5,0V16l-1.8-1.8l-5.4,7.2L14.2,16l-7.2,7.2H5.3V7.1z M9.7,8.8c-1.5,0-2.7,1.2-2.7,2.7
+		s1.2,2.7,2.7,2.7s2.7-1.2,2.7-2.7S11.2,8.8,9.7,8.8z"/>
+</g>
+</svg>
diff --git a/svg/nextcloud-tasks.svg b/svg/nextcloud-tasks.svg
new file mode 100644
index 00000000..13f77b40
--- /dev/null
+++ b/svg/nextcloud-tasks.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.8.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 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#0082C9;}
+	.st1{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.75;stroke-miterlimit:10;}
+</style>
+<path class="st0" d="M5,0h22c2.8,0,5,2.2,5,5v22c0,2.8-2.2,5-5,5H5c-2.8,0-5-2.2-5-5V5C0,2.2,2.2,0,5,0z"/>
+<path class="st1" d="M14,27.5c0,0,0.2-0.7,0.5-1.3C19.2,16.1,25.2,9.4,27.9,6.4C30.1,4,29.2,4.3,28.2,5c-3.9,2.5-11.2,10.7-14,13.5
+	c-0.5,0.5-1.7,1.8-2,1.8s-1.3-0.5-1.9-0.8c-2.2-1.3-4.3-2.5-5.6-3c-2.8-1-2,0-1.8,0.3c0.5,1,7.2,6.4,9.5,8.9
+	C13.1,26.5,14,27.5,14,27.5z"/>
+</svg>
diff --git a/svg/nextcloud-timemanager.svg b/svg/nextcloud-timemanager.svg
new file mode 100644
index 00000000..ee60b793
--- /dev/null
+++ b/svg/nextcloud-timemanager.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.8.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 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#0082C9;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<g id="background_00000104684082881717124440000005893880105572950666_">
+</g>
+<g id="icon">
+	<g>
+		<path class="st0" d="M5,0h22c2.8,0,5,2.2,5,5v22c0,2.8-2.2,5-5,5H5c-2.8,0-5-2.2-5-5V5C0,2.2,2.2,0,5,0z"/>
+		<path class="st1" d="M16,2.8c7.3,0,13.2,5.9,13.2,13.2c0,7.3-5.9,13.2-13.2,13.2C8.7,29.2,2.8,23.3,2.8,16C2.8,8.7,8.7,2.8,16,2.8
+			z M16,5.6c5.8,0,10.4,4.7,10.4,10.4c0,5.8-4.7,10.4-10.4,10.4c-5.8,0-10.4-4.7-10.4-10.4C5.6,10.2,10.2,5.6,16,5.6z"/>
+		<path class="st1" d="M16,6.3c0,0-1.8,8.1-1.8,11.6c0,1,0.8,1.8,1.8,1.8c1,0,1.8-0.8,1.8-1.8C17.8,14.4,16,6.3,16,6.3z"/>
+	</g>
+</g>
+</svg>
diff --git a/svg/nextcloud-white.svg b/svg/nextcloud-white.svg
new file mode 100644
index 00000000..99677c6b
--- /dev/null
+++ b/svg/nextcloud-white.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.8.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 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#0082C9;}
+	.st1{fill:#FFFFFF;}
+</style>
+<path id="background" class="st0" d="M5,0h22c2.8,0,5,2.2,5,5v22c0,2.8-2.2,5-5,5H5c-2.8,0-5-2.2-5-5V5C0,2.2,2.2,0,5,0z"/>
+<g id="logo">
+	<path class="st1" d="M16,10c-2.8,0-5,1.9-5.7,4.4C9.7,13,8.3,12,6.8,12c-2.1,0-3.9,1.8-3.9,3.9s1.8,3.9,3.9,3.9
+		c1.5,0,2.9-1,3.5-2.3c0.8,2.5,3,4.4,5.7,4.4s5-1.9,5.7-4.3c0.6,1.3,1.9,2.3,3.5,2.3c2.1,0,3.9-1.8,3.9-3.9s-1.8-3.9-3.9-3.9
+		c-1.5,0-2.9,0.9-3.5,2.3C21,11.8,18.8,10,16,10L16,10z M16,12.3c2,0,3.6,1.6,3.6,3.6S18,19.6,16,19.6s-3.6-1.6-3.6-3.6l0,0
+		C12.4,13.9,14,12.3,16,12.3z M6.8,14.3c0.9,0,1.6,0.8,1.6,1.6s-0.8,1.6-1.6,1.6s-1.6-0.6-1.6-1.5l0,0C5.2,15.1,6,14.3,6.8,14.3
+		L6.8,14.3z M25.2,14.3c0.9,0,1.6,0.8,1.6,1.6s-0.8,1.6-1.6,1.6c-0.9,0-1.6-0.6-1.6-1.5l0,0C23.5,15.1,24.3,14.3,25.2,14.3
+		L25.2,14.3z"/>
+</g>
+</svg>
diff --git a/svg/opnsense.svg b/svg/opnsense.svg
index a50b6ae9..6bec6fb0 100644
--- a/svg/opnsense.svg
+++ b/svg/opnsense.svg
@@ -1 +1,137 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" version="1.1" viewBox="0 0 128 128" xml:space="preserve"><g transform="matrix(1.0638 0 0 1.0684 -29.885 -16.775)"><clipPath id="_clip1"><path d="m38.8 34.1v-4.8c0-0.4 0.1-1.1 0.1-1.1l0.2-0.5v-0.2l0.2-0.4 0.1-0.1 0.1-0.2 0.1-0.1v-0.1l0.2-0.2v-0.1l0.7-0.7 0.2-0.1h0.1l0.3-0.2h0.3l0.6-0.3c0.4-0.1 0.7-0.1 1.1-0.1h94.6v9.2h9v-18.4h-103.6c-7.3 0-13.3 6.1-13.3 13.6v4.8h9z"/></clipPath><g clip-path="url(#_clip1)"><rect width="117.1" height="12" x="30.2" y="14.7" fill="#898b8d"/></g><clipPath id="_clip2"><path d="m38.8 34.1v-4.8c0-0.4 0.1-1.1 0.1-1.1l0.2-0.5v-0.2l0.2-0.4 0.1-0.1 0.1-0.2 0.1-0.1v-0.1l0.2-0.2v-0.1l0.7-0.7 0.2-0.1h0.1l0.3-0.2h0.3l0.6-0.3c0.4-0.1 0.7-0.1 1.1-0.1h94.6v9.2h9v-18.4h-103.6c-7.3 0-13.3 6.1-13.3 13.6v4.8h9z"/></clipPath><g clip-path="url(#_clip2)"><clipPath id="_clip3"><path d="m133.8 27 13.2-7.1 3.7 7.2-13.2 7.1-3.7-7.2z" clip-rule="nonzero"/></clipPath><g clip-path="url(#_clip3)"><g transform="matrix(.93998 -0 -0 .93594 28.091 15.7)"><use width="13.724" height="15.172" x="114.723" y="4.732" transform="scale(.98026 .94825)" xlink:href="#_Image4"/></g></g></g><clipPath id="_clip5"><path d="m38.8 34.1v-4.8c0-0.4 0.1-1.1 0.1-1.1l0.2-0.5v-0.2l0.2-0.4 0.1-0.1 0.1-0.2 0.1-0.1v-0.1l0.2-0.2v-0.1l0.7-0.7 0.2-0.1h0.1l0.3-0.2h0.3l0.6-0.3c0.4-0.1 0.7-0.1 1.1-0.1h94.6v9.2h9v-18.4h-103.6c-7.3 0-13.3 6.1-13.3 13.6v4.8h9z"/></clipPath><g clip-path="url(#_clip5)"><clipPath id="_clip6"><path d="m31.9 21.1 10.7 5.8-3.7 7.2-10.7-5.7 3.7-7.3z" clip-rule="nonzero"/></clipPath><g clip-path="url(#_clip6)"><g transform="matrix(.93998 -0 -0 .93594 28.091 15.7)"><use width="13.617" height="13.89" x="1.869" y="5.815" transform="scale(.97267 .99213)" xlink:href="#_Image7"/></g></g></g><rect width="80.9" height="9.2" x="47.8" y="34.1" fill="#403f41"/><rect width="80.9" height="9.2" x="47.8" y="108" fill="#403f41"/><clipPath id="_clip8"><path d="m137.7 117.1v4.9c0 0.4-0.1 1.1-0.1 1.1l-0.2 0.5v0.2l-0.2 0.4-0.1 0.1-0.1 0.2-0.1 0.1v0.1l-0.2 0.2v0.1l-0.5 0.5h-0.1l-0.1 0.1-0.2 0.1-0.1 0.1-0.3 0.2h-0.3l-0.5 0.2c-0.4 0.1-0.7 0.1-1.1 0.1h-94.7v-9.2h-9v18.4h103.6c7.3 0 13.3-6.1 13.3-13.6v-4.8h-9z"/></clipPath><g clip-path="url(#_clip8)"><rect width="117.1" height="12" x="29.2" y="124.6" fill="#898b8d"/></g><clipPath id="_clip9"><path d="m137.7 117.1v4.9c0 0.4-0.1 1.1-0.1 1.1l-0.2 0.5v0.2l-0.2 0.4-0.1 0.1-0.1 0.2-0.1 0.1v0.1l-0.2 0.2v0.1l-0.5 0.5h-0.1l-0.1 0.1-0.2 0.1-0.1 0.1-0.3 0.2h-0.3l-0.5 0.2c-0.4 0.1-0.7 0.1-1.1 0.1h-94.7v-9.2h-9v18.4h103.6c7.3 0 13.3-6.1 13.3-13.6v-4.8h-9z"/></clipPath><g clip-path="url(#_clip9)"><clipPath id="_clip10"><path d="m42.7 124.4-13.2 7.1-3.7-7.3 13.2-7.1 3.7 7.3z" clip-rule="nonzero"/></clipPath><g clip-path="url(#_clip10)"><g transform="matrix(.93998 -0 -0 .93594 28.091 15.7)"><use width="13.724" height="15.386" x="1.854" y="112.667" transform="scale(.98026 .9616)" xlink:href="#_Image11"/></g></g></g><clipPath id="_clip12"><path d="m137.7 117.1v4.9c0 0.4-0.1 1.1-0.1 1.1l-0.2 0.5v0.2l-0.2 0.4-0.1 0.1-0.1 0.2-0.1 0.1v0.1l-0.2 0.2v0.1l-0.5 0.5h-0.1l-0.1 0.1-0.2 0.1-0.1 0.1-0.3 0.2h-0.3l-0.5 0.2c-0.4 0.1-0.7 0.1-1.1 0.1h-94.7v-9.2h-9v18.4h103.6c7.3 0 13.3-6.1 13.3-13.6v-4.8h-9z"/></clipPath><g clip-path="url(#_clip12)"><clipPath id="_clip13"><path d="m144.7 130.2-10.8-5.8 3.7-7.2 10.8 5.7-3.7 7.3z" clip-rule="nonzero"/></clipPath><g clip-path="url(#_clip13)"><g transform="matrix(.93998 -0 -0 .93594 28.091 15.7)"><use width="13.617" height="13.89" x="115.728" y="109.308" transform="scale(.97267 .99213)" xlink:href="#_Image14"/></g></g></g><rect width="34.6" height="9.2" x="38.8" y="52.6" fill="#58595b"/><clipPath id="_clip15"><path d="m69.7 69.2-31.3-16.8 3.7-7.4 31.4 16.8-3.8 7.4z" clip-rule="nonzero"/></clipPath><g clip-path="url(#_clip15)"><g transform="matrix(.93998 -0 -0 .93594 28.091 15.7)"><use width="37.341" height="25.856" x="11.16" y="31.479" transform="scale(.98266 .99448)" xlink:href="#_Image16"/></g></g><rect width="34.6" height="9.2" x="103.1" y="52.6" fill="#58595b"/><clipPath id="_clip17"><path d="m106.8 69.2 31.4-16.8-3.8-7.4-31.3 16.8 3.7 7.4z" clip-rule="nonzero"/></clipPath><g clip-path="url(#_clip17)"><g transform="matrix(.93998 -0 -0 .93594 28.091 15.7)"><use width="37.341" height="25.856" x="81.206" y="31.479" transform="scale(.98266 .99448)" xlink:href="#_Image16"/></g></g><rect width="34.6" height="9.2" x="103.1" y="89.5" fill="#58595b"/><clipPath id="_clip18"><path d="m106.8 82.1 31.4 16.8-3.8 7.4-31.3-16.8 3.7-7.4z" clip-rule="nonzero"/></clipPath><g clip-path="url(#_clip18)"><g transform="matrix(.93998 -0 -0 .93594 28.091 15.7)"><use width="37.341" height="25.856" x="81.206" y="71.339" transform="scale(.98266 .99448)" xlink:href="#_Image16"/></g></g><rect width="34.6" height="9.2" x="38.8" y="89.5" fill="#58595b"/><clipPath id="_clip19"><path d="m69.7 82.1-31.3 16.8 3.7 7.4 31.4-16.8-3.8-7.4z" clip-rule="nonzero"/></clipPath><g clip-path="url(#_clip19)"><g transform="matrix(.93998 -0 -0 .93594 28.091 15.7)"><use width="37.341" height="25.856" x="11.16" y="71.339" transform="scale(.98266 .99448)" xlink:href="#_Image16"/></g></g><g fill-rule="nonzero"><path fill="url(#_Linear20)" d="m73.4 52.6v9.2l-43.6-23.3v-9.2l43.6 23.3z"/><path fill="url(#_Linear21)" d="m103.1 52.6v9.2l43.6-23.3v-9.2l-43.6 23.3z"/><path fill="url(#_Linear22)" d="m103.1 98.8v-9.3l43.6 23.3v9.3l-43.6-23.3z"/><path fill="url(#_Linear23)" d="m73.4 98.8v-9.3l-43.6 23.3v9.3l43.6-23.3z"/><path fill="#e24525" d="m103.1 80.3 25.6 13.7v-9.3l-8.3-4.4h26.3v-9.3h-26.3l8.3-4.4v-9.2l-25.6 13.6v9.3z"/><path fill="#e24525" d="m47.8 94 25.6-13.7v-9.3l-25.6-13.6v9.2l8.4 4.4h-26.4v9.3h26.3l-8.3 4.4v9.3z"/></g></g><defs><image id="_Image4" width="14" height="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAI0lEQVQokWMsLi7+z0AGYCJH00jRyIguQGwoDyE/jmqkhUYAma0EzxtWDhkAAAAASUVORK5CYII="/><image id="_Image7" width="14" height="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAPklEQVQokWNkgILi4uL/DCQARnI0MTAwMDCRqgFuIzm2UWQjC6kaent7GUm2EaaJZI3IgGiNyLbRx8YhrBEAaikMHGN+VycAAAAASUVORK5CYII="/><image id="_Image11" width="14" height="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAKUlEQVQokWM0Njb+z0AEOHv2LCMyn4kYTdjAqMbhoZGR2JRDNRtHgkYALcwFtyg+QT8AAAAASUVORK5CYII="/><image id="_Image14" width="14" height="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAP0lEQVQokWNkQAPGxsb/0cWwASZiFI1UjYzIHGJDlDo2kmIbAwMDAyOpGmCAvqF69uxZRvrZePbsWUYGBgYGAL1XC0kWB9UkAAAAAElFTkSuQmCC"/><image id="_Image16" width="38" height="26" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAaCAYAAADbhS54AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAPElEQVRIie3OsRGAIAAAMWRKPPefQyagSKXFZ4Jc637e8UPz68BJMVVMFVPFVDFVTBVTxVQxVUwVU8XUBl5UAj8RVzT1AAAAAElFTkSuQmCC"/><linearGradient id="_Linear20" x2="1" gradientTransform="matrix(43.56,0,0,43.56,29.84,45.5)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a6a8ab"/><stop offset=".24" stop-color="#a6a8ab"/><stop offset="1" stop-color="#404040"/></linearGradient><linearGradient id="_Linear21" x2="1" gradientTransform="matrix(-43.6 5.3395e-15 -5.3395e-15 -43.6 146.7 45.5)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a6a8ab"/><stop offset=".24" stop-color="#a6a8ab"/><stop offset="1" stop-color="#404040"/></linearGradient><linearGradient id="_Linear22" x2="1" gradientTransform="matrix(-43.56 5.3346e-15 -5.3346e-15 -43.56 146.68 606)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a6a8ab"/><stop offset=".24" stop-color="#a6a8ab"/><stop offset="1" stop-color="#404040"/></linearGradient><linearGradient id="_Linear23" x2="1" gradientTransform="matrix(43.53,0,0,43.53,29.9,606)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a6a8ab"/><stop offset=".24" stop-color="#a6a8ab"/><stop offset="1" stop-color="#404040"/></linearGradient></defs></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.8.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns:serif="http://www.serif.com/"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1044.2 1072.9"
+	 style="enable-background:new 0 0 1044.2 1072.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E3E4E5;}
+	.st1{fill:url(#SVGID_1_);}
+	.st2{fill:url(#SVGID_00000018219656406838003110000004114550554326945408_);}
+	.st3{fill:#939292;}
+	.st4{fill:url(#SVGID_00000121266772705328424030000005586622542749102236_);}
+	.st5{fill:url(#SVGID_00000008844410275966058580000013857137517012335279_);}
+	.st6{fill:#AAABAB;}
+	.st7{fill:url(#SVGID_00000132047970561935685200000000796427376280716469_);}
+	.st8{fill:url(#SVGID_00000075123417441256367390000007435799013592201150_);}
+	.st9{fill:url(#SVGID_00000112602479484491813430000005544344819866055831_);}
+	.st10{fill:url(#SVGID_00000172427549386416398490000016935567685292713913_);}
+	.st11{fill:url(#SVGID_00000137092795540288513380000008904414257040284039_);}
+	.st12{fill:url(#SVGID_00000066508031823207176150000017479095815013932947_);}
+	.st13{fill:url(#SVGID_00000110455586619370781630000016603426024679397035_);}
+	.st14{fill:url(#SVGID_00000080191676176016757230000001553414992579280513_);}
+	.st15{fill:#D94F00;}
+</style>
+<g>
+	<path class="st0" d="M1044.2,99.3h-80.3V82.6H118.7c-3.4,0-6.1,0.5-9.6,1.2h-0.2l-4.2,1.5l-0.7,0.2l-0.5,0.3l-0.7,0.5L99.5,88
+		l-0.7,0.2v0.3l-1.5,0.7l-1.2,1l-0.5,0.5l-0.7,0.5l-0.5,0.2v0.3l-0.5,0.5l-0.7,0.5l-0.5,0.5l-0.5,0.5l-1.2,1.2l-0.3,0.5l-0.7,0.7
+		l-0.5,0.2h0.2L88.9,97l-0.2,0.2v0.3L88.2,98v0.3l-0.5,0.5l-0.3,0.5H3.2v-5.7C15.7,40,62.9,0,118.7,0h925.5V99.3z"/>
+	
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-436.5306" y1="1080" x2="-435.5306" y2="1080" gradientTransform="matrix(18.2764 64.3654 -64.3654 18.2764 78487.6094 8429.0996)">
+		<stop  offset="0" style="stop-color:#E4E4E4"/>
+		<stop  offset="1" style="stop-color:#A2A2A2"/>
+	</linearGradient>
+	<polygon class="st1" points="963.8,82.8 1044.2,39.6 1044.2,122.1 964.1,165.1 963.8,165.1 	"/>
+	
+		<linearGradient id="SVGID_00000047022206145113723510000016437312225066538639_" gradientUnits="userSpaceOnUse" x1="-436.5306" y1="1080" x2="-435.5306" y2="1080" gradientTransform="matrix(-25.2537 64.1341 -64.1341 -25.2537 58302.6641 55347.2422)">
+		<stop  offset="0" style="stop-color:#E4E4E4"/>
+		<stop  offset="1" style="stop-color:#A2A2A2"/>
+	</linearGradient>
+	<path style="fill:url(#SVGID_00000047022206145113723510000016437312225066538639_);" d="M22.1,51.3l73.5,39.3l-0.7,0.5l-0.5,0.2
+		v0.3l-0.5,0.5l-0.7,0.5l-0.5,0.5l-0.5,0.5l-1.2,1.2l-0.3,0.5l-0.7,0.7l-0.5,0.2h0.2L88.9,97l-0.2,0.2v0.3L88.2,98v0.3l-0.5,0.5
+		L87,100l-0.2,0.2l-0.7,1.2l-0.5,0.7v0.2l-1.7,3v0.2l-0.2,0.7l-0.3,0.5l-0.2,0.5v0.3l-1.5,4.7c0-0.2-1.2,6.4-1.2,9.6v43.2L0,122.1
+		v-0.2C0,95.6,8.1,71.2,22.1,51.3z"/>
+	<rect x="160.7" y="165.1" class="st3" width="722.8" height="82.6"/>
+	<path class="st0" d="M0,973.9h80.3v16.5h845.1c3.4,0,6.1-0.2,9.3-1.2h0.3l4.4-1.5l0.5-0.3l0.5-0.2l1-0.2l3-1.7l0.7-0.5h0.2l1.2-1
+		l1.2-0.7v-0.2l0.7-0.5l0.7-0.5l0.2-0.3l0.7-0.5l0.7-0.7l0.2-0.2v-0.3l0.5-0.2l1.2-1.2v-0.2l0.5-0.2l0.5-0.7l0.5-0.5l0.5-0.7
+		l0.3-0.3l0.5-0.7l0.5-0.7h0.2l0.2-0.2h84v5.7c-12.5,53.6-59.5,93.4-115.2,93.4H0v-81.6v-1V973.9z"/>
+	
+		<linearGradient id="SVGID_00000112628465541256169330000007186168219163578302_" gradientUnits="userSpaceOnUse" x1="-436.5306" y1="1080" x2="-435.5306" y2="1080" gradientTransform="matrix(-18.2812 -64.3516 64.3516 -18.2812 -77430.6797 -7344.9043)">
+		<stop  offset="0" style="stop-color:#E4E4E4"/>
+		<stop  offset="1" style="stop-color:#A2A2A2"/>
+	</linearGradient>
+	<polygon style="fill:url(#SVGID_00000112628465541256169330000007186168219163578302_);" points="80.3,990.3 0,1033.3 0,991.3 
+		0,990.3 0,950.8 79.8,907.8 80.3,907.8 	"/>
+	
+		<linearGradient id="SVGID_00000111187167366360424160000016725278928859456667_" gradientUnits="userSpaceOnUse" x1="-436.5306" y1="1080" x2="-435.5306" y2="1080" gradientTransform="matrix(25.2512 -64.1304 64.1304 25.2512 -57255.6523 -54269.8672)">
+		<stop  offset="0" style="stop-color:#E4E4E4"/>
+		<stop  offset="1" style="stop-color:#A2A2A2"/>
+	</linearGradient>
+	<path style="fill:url(#SVGID_00000111187167366360424160000016725278928859456667_);" d="M1022,1021.5l-73.5-39.3l0.7-0.5l0.2-0.3
+		l0.7-0.5l0.7-0.7l0.2-0.2v-0.3l0.5-0.2l1.2-1.2v-0.2l0.5-0.2l0.5-0.7l0.5-0.5l0.5-0.7l0.3-0.3l0.5-0.7l0.5-0.7h0.2l0.7-1.2l1-1.5
+		l0.5-0.7l1.5-3.2l0.2-0.3l0.2-0.5v-0.3l0.2-0.5v-0.3l0.3-0.2l1.5-4.7c0,0,1.2-6.6,1.2-9.8v-43l80.3,42.7v0.2
+		C1043.9,977.3,1035.8,1001.6,1022,1021.5z"/>
+	<rect x="80.3" y="330.2" class="st6" width="308.8" height="82.6"/>
+	
+		<linearGradient id="SVGID_00000124163711919934827600000015223392067256565944_" gradientUnits="userSpaceOnUse" x1="-436.5306" y1="1080" x2="-435.5306" y2="1080" gradientTransform="matrix(-508.9776 -132.43 132.43 -508.9776 -364719.5312 492323.7812)">
+		<stop  offset="0" style="stop-color:#AAABAB"/>
+		<stop  offset="0.1" style="stop-color:#AAABAB"/>
+		<stop  offset="1" style="stop-color:#4E4E4E"/>
+	</linearGradient>
+	<polygon style="fill:url(#SVGID_00000124163711919934827600000015223392067256565944_);" points="233.1,412.7 80.3,330.7 
+		80.3,330.2 235.9,330.2 389.2,412.2 389.2,412.7 	"/>
+	<rect x="654.7" y="330.2" class="st6" width="309.1" height="82.6"/>
+	
+		<linearGradient id="SVGID_00000161603880371678629700000016987711509589370532_" gradientUnits="userSpaceOnUse" x1="-436.5306" y1="1080" x2="-435.5306" y2="1080" gradientTransform="matrix(508.9897 -132.4201 132.4201 508.9897 79730.6406 -607076.5625)">
+		<stop  offset="0" style="stop-color:#AAABAB"/>
+		<stop  offset="0.1" style="stop-color:#AAABAB"/>
+		<stop  offset="1" style="stop-color:#4E4E4E"/>
+	</linearGradient>
+	<polygon style="fill:url(#SVGID_00000161603880371678629700000016987711509589370532_);" points="810.7,412.7 963.8,330.7 
+		963.8,330.2 808,330.2 654.7,412.2 654.7,412.7 	"/>
+	<rect x="654.7" y="660.4" class="st6" width="309.1" height="82.6"/>
+	
+		<linearGradient id="SVGID_00000043436674616112000510000008081731621243629721_" gradientUnits="userSpaceOnUse" x1="-436.5306" y1="1080" x2="-435.5306" y2="1080" gradientTransform="matrix(508.982 132.4201 -132.4201 508.982 365754.6875 -491259.6562)">
+		<stop  offset="0" style="stop-color:#AAABAB"/>
+		<stop  offset="0.1" style="stop-color:#AAABAB"/>
+		<stop  offset="1" style="stop-color:#4E4E4E"/>
+	</linearGradient>
+	<polygon style="fill:url(#SVGID_00000043436674616112000510000008081731621243629721_);" points="810.7,660.4 963.8,742.2 
+		963.8,742.9 808,742.9 654.7,660.6 654.7,660.4 	"/>
+	<rect x="80.3" y="660.4" class="st6" width="308.8" height="82.6"/>
+	
+		<linearGradient id="SVGID_00000140695339908375380790000008077092379392045452_" gradientUnits="userSpaceOnUse" x1="-436.5306" y1="1080" x2="-435.5306" y2="1080" gradientTransform="matrix(-508.9709 132.4278 -132.4278 -508.9709 -78670.0703 608132.8125)">
+		<stop  offset="0" style="stop-color:#AAABAB"/>
+		<stop  offset="0.1" style="stop-color:#AAABAB"/>
+		<stop  offset="1" style="stop-color:#4E4E4E"/>
+	</linearGradient>
+	<polygon style="fill:url(#SVGID_00000140695339908375380790000008077092379392045452_);" points="233.1,660.4 80.3,742.2 
+		80.3,742.9 235.9,742.9 389.2,660.6 389.2,660.4 	"/>
+	
+		<linearGradient id="SVGID_00000027604031217678738830000007543440418495460025_" gradientUnits="userSpaceOnUse" x1="-436.5306" y1="1080" x2="-435.5306" y2="1080" gradientTransform="matrix(389.1637 0 0 389.1637 169881.8594 -420029.5)">
+		<stop  offset="0" style="stop-color:#FEFEFE"/>
+		<stop  offset="0.23" style="stop-color:#FEFEFE"/>
+		<stop  offset="1" style="stop-color:#B0B0B0"/>
+	</linearGradient>
+	<polygon style="fill:url(#SVGID_00000027604031217678738830000007543440418495460025_);" points="389.2,412.7 0,204.4 0,121.9 
+		389.2,330.2 	"/>
+	
+		<linearGradient id="SVGID_00000085942151349815611770000017634209741374218683_" gradientUnits="userSpaceOnUse" x1="-436.5306" y1="1080" x2="-435.5306" y2="1080" gradientTransform="matrix(-389.4062 0 0 -389.4062 -168943.5625 420826)">
+		<stop  offset="0" style="stop-color:#FEFEFE"/>
+		<stop  offset="0.23" style="stop-color:#FEFEFE"/>
+		<stop  offset="1" style="stop-color:#B0B0B0"/>
+	</linearGradient>
+	<polygon style="fill:url(#SVGID_00000085942151349815611770000017634209741374218683_);" points="654.7,412.7 1044.2,204.4 
+		1044.2,121.9 654.7,330.2 	"/>
+	<rect x="162.2" y="825.5" class="st3" width="722.8" height="82.3"/>
+	
+		<linearGradient id="SVGID_00000088101808087792084480000010495248900204035993_" gradientUnits="userSpaceOnUse" x1="-436.5306" y1="1080" x2="-435.5306" y2="1080" gradientTransform="matrix(-389.4062 0 0 -389.4062 -168943.5625 421364.4062)">
+		<stop  offset="0" style="stop-color:#FEFEFE"/>
+		<stop  offset="0.23" style="stop-color:#FEFEFE"/>
+		<stop  offset="1" style="stop-color:#B0B0B0"/>
+	</linearGradient>
+	<polygon style="fill:url(#SVGID_00000088101808087792084480000010495248900204035993_);" points="654.7,660.4 1044.2,868.5 
+		1044.2,951 654.7,742.9 	"/>
+	
+		<linearGradient id="SVGID_00000016785220900253764290000013796067822628165562_" gradientUnits="userSpaceOnUse" x1="-436.5306" y1="1080" x2="-435.5306" y2="1080" gradientTransform="matrix(389.1637 0 0 389.1637 169881.8594 -419491.0625)">
+		<stop  offset="0" style="stop-color:#FEFEFE"/>
+		<stop  offset="0.23" style="stop-color:#FEFEFE"/>
+		<stop  offset="1" style="stop-color:#B0B0B0"/>
+	</linearGradient>
+	<polygon style="fill:url(#SVGID_00000016785220900253764290000013796067822628165562_);" points="389.2,660.4 0,868.5 0,951 
+		389.2,742.9 	"/>
+	<polygon class="st15" points="1044.2,495.3 809,495.3 883.2,455.5 883.2,373 654.7,495.3 654.7,577.8 655,577.8 883.5,699.9 
+		883.5,617.4 809.3,577.8 1044.2,577.8 	"/>
+	<polygon class="st15" points="160.7,373 160.7,455.5 235.1,495.3 0,495.3 0,577.8 234.9,577.8 160.7,617.4 160.7,699.9 
+		389.2,577.8 389.2,577.6 389.2,495.3 	"/>
+</g>
+</svg>
diff --git a/svg/signal-transparent.svg b/svg/signal-transparent.svg
new file mode 100644
index 00000000..9044854c
--- /dev/null
+++ b/svg/signal-transparent.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.8.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 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#3A76F0;}
+</style>
+<g>
+	<path class="st0" d="M48.6,1.9l1.4,5.8C44.4,9.1,39,11.3,34,14.3l-3.1-5.1C36.4,5.9,42.4,3.4,48.6,1.9z M79.4,1.9l-1.4,5.8
+		C83.6,9.1,89,11.3,94,14.3l3.1-5.1C91.6,5.9,85.6,3.4,79.4,1.9z M9.2,30.9c-3.3,5.5-5.8,11.5-7.3,17.7l5.8,1.4
+		C9.1,44.4,11.3,39,14.3,34L9.2,30.9z M6,64c0-2.9,0.2-5.8,0.7-8.7l-5.9-0.9c-1,6.4-1,12.8,0,19.2l5.9-0.9C6.2,69.8,6,66.9,6,64z
+		 M97.1,118.8l-3.1-5.1c-5,3-10.4,5.3-16.1,6.7l1.4,5.8C85.6,124.6,91.6,122.1,97.1,118.8z M122,64c0,2.9-0.2,5.8-0.7,8.7l5.9,0.9
+		c1-6.4,1-12.8,0-19.2l-5.9,0.9C121.8,58.2,122,61.1,122,64z M126.1,79.4l-5.8-1.4c-1.4,5.7-3.6,11.1-6.6,16.1l5.1,3.1
+		C122.1,91.6,124.6,85.6,126.1,79.4z M72.7,121.4c-5.8,0.9-11.6,0.9-17.4,0l-0.9,5.9c6.4,1,12.8,1,19.2,0L72.7,121.4z M110.7,98.4
+		c-3.5,4.7-7.6,8.8-12.3,12.3l3.6,4.8c5.2-3.8,9.7-8.4,13.6-13.5L110.7,98.4z M98.4,17.3c4.7,3.5,8.8,7.6,12.3,12.3l4.8-3.6
+		c-3.8-5.2-8.4-9.7-13.5-13.5L98.4,17.3z M17.3,29.6c3.5-4.7,7.6-8.8,12.3-12.3L26,12.5c-5.2,3.8-9.7,8.4-13.5,13.5L17.3,29.6z
+		 M118.8,30.9l-5.1,3.1c3,5,5.3,10.4,6.7,16.1l5.8-1.4C124.6,42.4,122.1,36.4,118.8,30.9z M55.3,6.7c5.8-0.9,11.6-0.9,17.4,0
+		l0.9-5.9c-6.4-1-12.8-1-19.2,0L55.3,6.7z M20.4,117.1L8,120l2.9-12.4l-5.8-1.4l-2.9,12.4c-0.8,3.2,1.2,6.5,4.5,7.2
+		c0.9,0.2,1.8,0.2,2.7,0l12.4-2.8L20.4,117.1z M6.3,100.9l5.8,1.4l2-8.6c-2.9-4.9-5.1-10.2-6.5-15.7l-5.8,1.4
+		c1.3,5.3,3.3,10.4,5.9,15.2L6.3,100.9z M34.3,113.9l-8.6,2l1.4,5.8l6.3-1.5c4.8,2.6,9.9,4.6,15.2,5.9l1.4-5.8
+		C44.5,119,39.2,116.8,34.3,113.9L34.3,113.9z M64,12c-28.7,0-52,23.3-52,52c0,9.8,2.8,19.4,8,27.6L15,113l21.3-5
+		c24.3,15.3,56.4,8,71.7-16.3s8-56.4-16.3-71.7C83.4,14.8,73.8,12,64,12z"/>
+</g>
+</svg>
diff --git a/svg/signal.svg b/svg/signal.svg
new file mode 100644
index 00000000..18b8d4db
--- /dev/null
+++ b/svg/signal.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024">
+  <path fill="#3a76f0" d="M0,0v1024h1024V0H0z"/>
+  <path fill="#ffffff" d="M427.5,170.3l7.9,32A319.6,319.6,0,0,0,347,238.9l-16.9-28.3A347.6,347.6,0,0,1,427.5,170.3Zm169,0-7.9,32A319.6,319.6,0,0,1,677,238.9l17.1-28.3A350.1,350.1,0,0,0,596.5,170.3ZM210.6,330a349.5,349.5,0,0,0-40.3,97.5l32,7.9A319.6,319.6,0,0,1,238.9,347ZM193,512a318.5,318.5,0,0,1,3.6-47.8l-32.6-5a352,352,0,0,0,0,105.5l32.6-4.9A319.5,319.5,0,0,1,193,512ZM693.9,813.3,677,785.1a317.8,317.8,0,0,1-88.3,36.6l7.9,32A350.3,350.3,0,0,0,693.9,813.3ZM831,512a319.5,319.5,0,0,1-3.6,47.8l32.6,4.9a352,352,0,0,0,0-105.5l-32.6,5A318.5,318.5,0,0,1,831,512Zm22.7,84.4-32-7.9A319,319,0,0,1,785.1,677l28.3,17A348.9,348.9,0,0,0,853.7,596.4Zm-293.9,231a319.1,319.1,0,0,1-95.6,0L459.3,860a351.3,351.3,0,0,0,105.4,0Zm209-126.2a318.1,318.1,0,0,1-67.6,67.5l19.6,26.6A355.1,355.1,0,0,0,795.4,721Zm-67.6-446a318.6,318.6,0,0,1,67.6,67.6L795.4,303A354.6,354.6,0,0,0,721,228.6Zm-446,67.6a318.6,318.6,0,0,1,67.6-67.6L303,228.6A354.6,354.6,0,0,0,228.6,303ZM813.4,330l-28.3,17a317.8,317.8,0,0,1,36.6,88.3l32-7.9A348.9,348.9,0,0,0,813.4,330ZM464.2,196.6a319.1,319.1,0,0,1,95.6,0l4.9-32.6a351.3,351.3,0,0,0-105.4,0ZM272.1,804.1,204,819.9l15.9-68.1-32.1-7.5-15.9,68.1a33,33,0,0,0,24.6,39.7,34.5,34.5,0,0,0,15,0l68.1-15.7Zm-77.5-89.2,32.2,7.4,11-47.2a316.2,316.2,0,0,1-35.5-86.6l-32,7.9a353.3,353.3,0,0,0,32.4,83.7Zm154,71.4-47.2,11,7.5,32.2,34.7-8.1a349,349,0,0,0,83.7,32.4l7.9-32a316.7,316.7,0,0,1-86.3-35.7ZM512,226c-158,.1-285.9,128.2-285.9,286.1a286.7,286.7,0,0,0,43.9,152L242.5,781.5,359.8,754c133.7,84.1,310.3,44,394.4-89.6S798.3,354.2,664.7,270A286.7,286.7,0,0,0,512,226s"/>
+</svg>
\ No newline at end of file