diff --git a/assets/icons/theme.svg b/assets/icons/theme.svg
new file mode 100644
index 0000000..0491670
--- /dev/null
+++ b/assets/icons/theme.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg fill="none" version="1.1" viewBox="0 0 30 18" xmlns="http://www.w3.org/2000/svg">
+ <g stroke="#263238" stroke-linecap="round" stroke-linejoin="round">
+  <path d="m7 14.565c3.0376 0 5.5-2.4625 5.5-5.5 0-3.0376-2.4624-5.5-5.5-5.5s-5.5 2.4624-5.5 5.5c0 3.0376 2.4624 5.5 5.5 5.5z"/>
+  <path d="m27.12 10.255c-0.4064 0.21603-0.8515 0.34988-1.3096 0.39392-0.4582 0.04404-0.9206-0.0026-1.3607-0.13723-0.8889-0.27193-1.6334-0.88584-2.0697-1.7067-0.4363-0.82084-0.5286-1.7814-0.2567-2.6703 0.2719-0.88893 0.8859-1.6334 1.7067-2.0697 0.2756-0.13995 0.568-0.24413 0.87-0.31-1.1153-0.35166-2.3136-0.33934-3.4215 0.03517-1.1078 0.37451-2.0678 1.0918-2.741 2.0481-0.6731 0.95627-1.0246 2.1019-1.0035 3.2712 0.0211 1.1693 0.4137 2.3015 1.1209 3.2328 0.7073 0.93135 1.6925 1.6136 2.8131 1.9478 1.1207 0.3343 2.3186 0.3033 3.4205-0.0883 1.1019-0.3917 2.0507-1.1238 2.7089-2.0904 0.6582-0.9666 0.9919-2.1176 0.9526-3.2864-0.3221 0.60955-0.8205 1.1079-1.43 1.43z"/>
+  <path d="m16.5 3.565-3 11"/>
+ </g>
+</svg>
diff --git a/assets/images/3dviewer_net_start_page.png b/assets/images/3dviewer_net_start_page.png
index c058341..453f18c 100644
Binary files a/assets/images/3dviewer_net_start_page.png and b/assets/images/3dviewer_net_start_page.png differ
diff --git a/website/o3dv/css/O3DVIcons/O3DVIcons.woff b/website/o3dv/css/O3DVIcons/O3DVIcons.woff
index cd425dd..2153695 100644
Binary files a/website/o3dv/css/O3DVIcons/O3DVIcons.woff and b/website/o3dv/css/O3DVIcons/O3DVIcons.woff differ
diff --git a/website/o3dv/css/icons.css b/website/o3dv/css/icons.css
index e02c8cd..9918a71 100644
--- a/website/o3dv/css/icons.css
+++ b/website/o3dv/css/icons.css
@@ -1,6 +1,6 @@
 @font-face {
     font-family: "O3DVIcons";
-    src: url("O3DVIcons/O3DVIcons.woff?635260a48b8099b02c71a5bd51ded212") format("woff");
+    src: url("O3DVIcons/O3DVIcons.woff?93f39811e559aabadab944aab78ad1e7") format("woff");
 }
 
 i[class^="icon-"]:before, i[class*=" icon-"]:before {
@@ -95,15 +95,18 @@ i[class^="icon-"]:before, i[class*=" icon-"]:before {
 .icon-share:before {
     content: "\f11b";
 }
-.icon-up_y:before {
+.icon-theme:before {
     content: "\f11c";
 }
-.icon-up_z:before {
+.icon-up_y:before {
     content: "\f11d";
 }
-.icon-visible:before {
+.icon-up_z:before {
     content: "\f11e";
 }
-.icon-warning:before {
+.icon-visible:before {
     content: "\f11f";
 }
+.icon-warning:before {
+    content: "\f120";
+}
diff --git a/website/o3dv/css/website.css b/website/o3dv/css/website.css
index a40f2b3..684f5ae 100644
--- a/website/o3dv/css/website.css
+++ b/website/o3dv/css/website.css
@@ -230,9 +230,13 @@ div.ov_sidebar_title div.ov_sidebar_title_img
 	cursor: pointer;
 }
 
-div.ov_sidebar_subtitle
+div.ov_sidebar_subtitle_icon
 {
-	overflow: auto;
+	width: 30px;
+	height: 18px;
+	margin-top: 2px;
+	margin-right: 10px;
+	float: left;
 }
 
 div.ov_sidebar_content
diff --git a/website/o3dv/js/settingssidebarpanel.js b/website/o3dv/js/settingssidebarpanel.js
index 8fb2f1b..562480c 100644
--- a/website/o3dv/js/settingssidebarpanel.js
+++ b/website/o3dv/js/settingssidebarpanel.js
@@ -135,7 +135,9 @@ OV.SettingsSidebarPanel = class extends OV.SidebarPanel
 
         let contentDiv = $('<div>').addClass ('ov_sidebar_settings_content').appendTo (this.contentDiv);
         // TODO: icon
-        let titleDiv = $('<div>').addClass ('ov_sidebar_subtitle').html ('Appearance').appendTo (contentDiv);
+        let titleDiv = $('<div>').addClass ('ov_sidebar_subtitle').appendTo (contentDiv);
+        OV.CreateSvgIcon (titleDiv, 'theme', 'ov_sidebar_subtitle_icon');
+        $('<div>').html ('Appearance').appendTo (titleDiv);
         let buttonsDiv = $('<div>').addClass ('ov_sidebar_settings_padded').appendTo (contentDiv);
         let result = {
             buttons : [],