diff --git a/fhem/www/images/fhemSVG/hue_filled_aura.svg b/fhem/www/images/fhemSVG/hue_filled_aura.svg
new file mode 100644
index 000000000..274bfaf15
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hue_filled_aura.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.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="-3 -3 26 26" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="Layer_2">
+	<g>
+		<path fill="#000000" d="M16.5,11.4C13.7,8,9.6,4.7,8.4,3.9c-3.8-2.7-6-3.3-7.1-3.3H1.2C0.7,0.6,0.4,0.7,0.2,1
+			C0.1,1.1,0.1,1.3,0.1,1.4C0,1.5,0,1.6,0,1.7c0,0.2,0,0.5,0.1,0.7c0,0.1,0,0.2,0,0.3c0.1,0.3,0.2,0.6,0.3,1c0,0.1,0,0.1,0.1,0.2
+			c0.2,0.4,0.4,0.8,0.6,1.1c2.4,3.9,5.3,6.7,6.4,7.7c2.2,2.1,5.6,4.7,8.5,6c0.5,0.2,0.9,0.4,1.3,0.5c0.1,0,0.3,0.1,0.4,0.1
+			c0.2,0.1,0.5,0.1,0.7,0.1c0.1,0,0.2,0,0.3,0c0.2,0,0.3,0,0.5,0c0.1,0,0.2-0.1,0.2-0.1c0.1-0.1,0.3-0.1,0.3-0.2c0,0,0,0,0,0
+			C20.7,17.7,18.8,14.3,16.5,11.4z"/>
+		<path fill="#000000" d="M1.1,9.2c0,0.1,0.1,0.3,0.1,0.5c0.3,1.2,1,3.6,0.7,5.7c-0.2,1.3,0,2,0.5,2.5c0.6,0.6,0.7,0.7,3.3,0.4
+			c0.5,0,0.8-0.1,1.3-0.1c0.8,0,2,0.1,4.4,0.5l1.8,0.3c0.7,0.1,1.4,0.2,2,0.3c-0.4-0.2-0.8-0.4-1.2-0.7c-0.3-0.2-0.6-0.3-1-0.5
+			c-0.5-0.3-0.9-0.6-1.4-0.9c-0.3-0.2-0.6-0.4-0.9-0.6c-0.5-0.4-1-0.8-1.5-1.2c-0.2-0.2-0.4-0.3-0.6-0.5c-0.7-0.6-1.3-1.1-1.9-1.6
+			C5.9,12.7,4.2,11,2.3,8.6C2.3,8.5,2.2,8.5,2.1,8.4C1.9,8,1.6,7.5,1.3,7.1c-0.3-0.5-0.7-0.9-1-1.5C0.6,7.1,1,8.8,1.1,9.2z"/>
+	</g>
+</g>
+</svg>
diff --git a/fhem/www/images/fhemSVG/hue_filled_beyond_ceiling_pendant_table.svg b/fhem/www/images/fhemSVG/hue_filled_beyond_ceiling_pendant_table.svg
new file mode 100644
index 000000000..15b31fe8b
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hue_filled_beyond_ceiling_pendant_table.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.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="-3 -3 26 26" enable-background="new 0 0 20 20" xml:space="preserve">
+<path d="M9.9,5.5c0.1,0,0.2,0,0.2,0c4,0.1,6.2,2.2,7,3.2H3C5.6,5.7,8.9,5.5,9.9,5.5z"/>
+<path d="M0,14.5c1-2.8,3.5-4.6,4.1-5h11.9c2.5,1.6,3.7,4,4.1,5H0z"/>
+</svg>
diff --git a/fhem/www/images/fhemSVG/hue_filled_bloom.svg b/fhem/www/images/fhemSVG/hue_filled_bloom.svg
new file mode 100644
index 000000000..a93392219
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hue_filled_bloom.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.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="-3 -3 26 26" enable-background="new 0 0 20 20" xml:space="preserve">
+<path d="M5.5,4c0.1-0.1,0.4-0.2,0.7-0.2c1.6,0,4.4,1.6,6.9,4c2.8,2.6,4,5.1,4,6.3c0,0.3-0.1,0.5-0.2,0.6c-0.1,0.1-0.4,0.2-0.7,0.2
+	c-1.3,0-4-1.2-6.7-3.7C7,8.7,5.3,6.1,5.3,4.7C5.3,4.4,5.4,4.1,5.5,4z"/>
+<path d="M3.8,1C6.2,1,10.3,3.5,14,7c3.6,3.4,6,7.2,6,9.3c0,0.4-0.1,0.7-0.3,0.9c-0.2,0.2-0.6,0.3-1.2,0.3c-2.2,0-6.4-1.9-10.2-5.4
+	c-3.6-3.4-6-7.2-6-9.5c0-0.4,0.1-0.7,0.2-1c0,0,0-0.1,0.1-0.1c0-0.1,0.1-0.1,0.2-0.2C3,1.1,3.3,1,3.8,1z"/>
+<path d="M6,18.2c-3.5,0.2-5.3-0.2-6-0.4L3.5,14c0.4,0.5,0.8,0.9,1.3,1.4l0.1,0.1C5.5,16,6.5,17,7.9,17.8C7.7,18,7,18.1,6,18.2z"/>
+<path d="M14,18.9c-4.1-0.4-7.3-3.2-8.5-4.2l-0.1-0.1c-4.3-4.2-4.5-8-3.9-10.5c0.7,2.5,2.9,5.7,6.1,8.7c3.1,3,7,5.2,9.8,5.6
+	C16.3,18.9,15.4,19.1,14,18.9z"/>
+</svg>
diff --git a/fhem/www/images/fhemSVG/hue_filled_br30.svg b/fhem/www/images/fhemSVG/hue_filled_br30.svg
new file mode 100644
index 000000000..f8b7d42bd
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hue_filled_br30.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.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="-3 -3 26 26" enable-background="new 0 0 20 20" xml:space="preserve">
+<path d="M10,0c2.5,0,5.7,0.5,7,1.8c-0.2,0-0.4-0.1-0.7-0.1c-0.4-0.1-0.8-0.1-1-0.1c0,0-0.1,0-0.1,0v0c0,0,0,0,0,0c0,0-0.1,0-0.1,0
+	c0,0-0.1,0-0.1,0c-0.2,0-0.5,0-0.8,0c-0.3,0-0.7,0-1,0c-0.6,0-1.3,0-2.1-0.1c-0.4,0-0.8,0-1,0h0c0,0,0,0,0,0c0,0,0,0,0,0
+	c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c-0.2,0-0.6,0-1,0c-0.8,0-1.5,0-2.2,0.1c-0.4,0-0.7,0-1,0c-0.4,0-0.6,0-0.8,0c0,0-0.1,0-0.1,0
+	c0,0-0.1,0-0.1,0c0,0,0,0,0,0l0,0c0,0-0.1,0-0.1,0c-0.2,0-0.6,0.1-1,0.1C3.4,1.7,3.2,1.8,3,1.8C4.3,0.5,7.5,0,10,0z"/>
+<path d="M10.8,19.5c-0.4,0.1-0.6,0.4-0.7,0.5c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0c-0.1-0.1-0.3-0.4-0.7-0.5c-0.4-0.1-0.7-0.4-0.7-0.4
+	c0-0.3,0-1.3,0-2c0.7,0.1,1.4,0.2,1.4,0.2H10l0,0c0,0,0.8,0,1.5-0.2c0,0.7,0,1.6,0,2C11.5,19.1,11.3,19.4,10.8,19.5z"/>
+<path d="M12,15.6c0,0-0.1,0.1-0.3,0.2C11,16,10.1,16.1,10,16.1h0c-0.3,0-1.1-0.1-1.7-0.3C8.1,15.7,8,15.6,8,15.6
+	c0-2.4,0-5.1-1.8-8.1H10V7.5h0v0.1h3.8C12,10.5,12,13.2,12,15.6z"/>
+<path d="M15.5,6.4h-11C3.4,4.7,2.9,3.5,2.8,3c0.3-0.1,0.7-0.1,1-0.2C5.2,2.7,7.7,2.7,10,2.6c0,0,0,0,0,0c2.3,0,4.7,0.1,6.2,0.2
+	c0.3,0,0.7,0.1,1,0.2C17.1,3.5,16.6,4.7,15.5,6.4z"/>
+</svg>
diff --git a/fhem/www/images/fhemSVG/hue_filled_bridge_v1.svg b/fhem/www/images/fhemSVG/hue_filled_bridge_v1.svg
new file mode 100644
index 000000000..3d94b71a3
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hue_filled_bridge_v1.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   xml:space="preserve"
+   enable-background="new 0 0 20 20"
+   viewBox="-3 -3 26 26"
+   y="0px"
+   x="0px"
+   id="Layer_1"
+   version="1.1">
+     <path
+       id="path11"
+       d="M 10.042373,0.00677966 C 4.6898345,-0.00153735 0.04947551,4.6276361 0.17627119,10.211864 0.30306687,15.796093 5.289199,20.34416 10.254238,20.254237 15.219276,20.164314 20.355463,15.4517 20.169492,9.8305085 19.983521,4.2093166 15.394912,0.01509666 10.042373,0.00677966 Z M 10.084746,6.3 c 2.1,0 3.8,1.7 3.8,3.8 0,2.1 -1.7,3.8 -3.8,3.8 -2.1000002,0 -3.749986,-1.699406 -3.8000002,-3.8 -0.050014,-2.1005945 1.7,-3.8 3.8000002,-3.8 M 9.2847458,3.5 c 0,-0.4 0.4,-0.8 0.8000002,-0.8 0.4,0 0.8,0.4 0.8,0.8 0,0.4 -0.35,0.8 -0.8,0.8 C 9.6347458,4.3 9.2847458,3.9 9.2847458,3.5 m -2.8,0 c 0,0.4 -0.4,0.8 -0.8,0.8 -0.4,0 -0.8,-0.4 -0.8,-0.8 0,-0.4 0.4,-0.8 0.8,-0.8 0.4,0 0.8,0.4 0.8,0.8 m 7.9000002,0.8 c -0.4,0 -0.8,-0.4 -0.8,-0.8 0,-0.4 0.4,-0.8 0.8,-0.8 0.4,0 0.8,0.4 0.8,0.8 0,0.4 -0.4,0.8 -0.8,0.8"
+       fill="#000000" /><path
+       id="path13"
+       d="M10,12.8c1.5,0,2.7-1.2,2.7-2.7c0-1.5-1.2-2.7-2.7-2.7c-1.5,0-2.7,1.2-2.7,2.7   C7.2,11.6,8.5,12.8,10,12.8"
+       clip-path="url(#SVGID_2_)"
+       fill="#000000" /></svg>
diff --git a/fhem/www/images/fhemSVG/hue_filled_bridge_v2.svg b/fhem/www/images/fhemSVG/hue_filled_bridge_v2.svg
new file mode 100644
index 000000000..b1e54a996
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hue_filled_bridge_v2.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.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="-3 -3 26 26" enable-background="new 0 0 20 20" xml:space="preserve">
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="0" y="0" width="20" height="20"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  overflow="visible"/>
+	</clipPath>
+	<path clip-path="url(#SVGID_2_)" d="M19.4,2.5C18.8,1.4,17.6,0,15,0H5C5,0,3.8,0,2.5,0.6C1.4,1.2,0,2.4,0,5V15c0,0.1,0,1.3,0.6,2.5
+		C1.2,18.6,2.4,20,5,20H15c0.1,0,1.3,0,2.5-0.6c1.2-0.6,2.5-1.8,2.5-4.4V5C20,5,20,3.8,19.4,2.5 M10,6.3c2.1,0,3.8,1.7,3.8,3.8
+		c0,2.1-1.7,3.8-3.8,3.8s-3.8-1.7-3.8-3.8C6.1,8,7.9,6.3,10,6.3 M9.2,3.5c0-0.4,0.4-0.8,0.8-0.8c0.4,0,0.8,0.4,0.8,0.8
+		c0,0.4-0.4,0.8-0.8,0.8C9.5,4.3,9.2,3.9,9.2,3.5 M6.4,3.5c0,0.4-0.4,0.8-0.8,0.8c-0.4,0-0.8-0.4-0.8-0.8c0-0.4,0.4-0.8,0.8-0.8
+		C6,2.7,6.4,3.1,6.4,3.5 M14.3,4.3c-0.4,0-0.8-0.4-0.8-0.8c0-0.4,0.4-0.8,0.8-0.8c0.4,0,0.8,0.4,0.8,0.8C15.1,3.9,14.7,4.3,14.3,4.3
+		"/>
+	<path clip-path="url(#SVGID_2_)" d="M10,12.8c1.5,0,2.7-1.2,2.7-2.7c0-1.5-1.2-2.7-2.7-2.7c-1.5,0-2.7,1.2-2.7,2.7
+		C7.2,11.6,8.5,12.8,10,12.8"/>
+</g>
+</svg>
diff --git a/fhem/www/images/fhemSVG/hue_filled_entity.svg b/fhem/www/images/fhemSVG/hue_filled_entity.svg
new file mode 100644
index 000000000..2f7070fa1
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hue_filled_entity.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.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="-3 -3 26 26" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="Layer_2">
+	<g>
+		<path fill="#000000" d="M10,3C4.6,3,0.3,7,0,9.6h20C19.7,7,15.4,3,10,3z"/>
+		<path fill="#000000" d="M10,17c5.3,0,9.7-4.2,10-6.5H0C0.3,12.7,4.7,17,10,17z"/>
+	</g>
+</g>
+</svg>
diff --git a/fhem/www/images/fhemSVG/hue_filled_go.svg b/fhem/www/images/fhemSVG/hue_filled_go.svg
new file mode 100644
index 000000000..347177ce4
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hue_filled_go.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.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="-3 -3 26 26" enable-background="new 0 0 20 20" xml:space="preserve">
+<path d="M4.9,0.3C5.1,0.1,5.4,0,5.8,0c2.2,0,5.9,2.7,9,6.5c1.9,2.4,3.4,4.9,4.1,7c0.6,1.9,0.6,3.4,0,3.9c-0.2,0.2-0.5,0.3-0.9,0.3
+	c-2,0-5.4-2.4-8.4-5.8c-0.2-0.2-0.4-0.5-0.6-0.7C7,8.9,5.6,6.4,4.8,4.2C4.7,3.7,4.5,3.3,4.5,2.9S4.3,2.1,4.3,1.7
+	C4.4,1.1,4.5,0.5,4.9,0.3L4.9,0.3L4.9,0.3z"/>
+<path d="M5.7,19.5C5.1,19.8,4.6,20,4,20c-0.4,0-0.7-0.1-1-0.3c-0.7-0.5-0.9-1.6-0.6-2.7c0.9,0.9,2,1.7,3.1,2.4
+	C5.6,19.4,5.6,19.4,5.7,19.5z"/>
+<path d="M12,20l-0.1,0c-1.9,0-3.7-0.6-5.4-1.4l-0.4-0.2c-1-0.6-1.9-1.3-2.6-2l-0.2-0.3c-0.3-0.3-0.5-0.7-0.7-1
+	C1.2,12.7-1.2,6.9,3.2,1.9c0,0,0,0,0,0.1c0,0.2,0,0.3,0,0.5c0,0,0,0,0,0.1c0,0.2,0.1,0.4,0.1,0.5c0,0,0,0.1,0,0.1
+	c0,0.2,0.1,0.4,0.1,0.6c0,0,0,0.1,0,0.1c0.1,0.2,0.1,0.4,0.2,0.7C4.5,6.9,6,9.5,8,12c0.2,0.2,0.4,0.5,0.6,0.7
+	c0.1,0.1,0.1,0.2,0.2,0.2c0.1,0.2,0.3,0.3,0.4,0.5c0.1,0.1,0.2,0.2,0.2,0.3c0.1,0.1,0.3,0.3,0.4,0.4c0.1,0.1,0.2,0.2,0.2,0.3
+	c0.1,0.1,0.3,0.3,0.4,0.4c0.1,0.1,0.2,0.2,0.2,0.2c0.1,0.1,0.3,0.2,0.4,0.4c0.1,0.1,0.2,0.1,0.2,0.2c0.2,0.1,0.3,0.3,0.5,0.4
+	c0.1,0,0.1,0.1,0.2,0.1c0.2,0.2,0.4,0.3,0.6,0.5c0,0,0.1,0.1,0.1,0.1c0.2,0.1,0.3,0.2,0.5,0.4c0.1,0.1,0.1,0.1,0.2,0.1
+	c0.1,0.1,0.3,0.2,0.4,0.3c0.1,0.1,0.2,0.1,0.2,0.1c0.1,0.1,0.2,0.2,0.4,0.2c0.1,0,0.2,0.1,0.2,0.1c0.1,0.1,0.2,0.1,0.4,0.2
+	c0.1,0,0.1,0.1,0.2,0.1c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0,0.1,0.1,0.2,0.1c0.2,0.1,0.3,0.1,0.5,0.2c0,0,0,0,0.1,0
+	c0.2,0.1,0.3,0.1,0.5,0.1C15.3,19.6,13.6,20,12,20z"/>
+</svg>
diff --git a/fhem/www/images/fhemSVG/hue_filled_gu10_par16.svg b/fhem/www/images/fhemSVG/hue_filled_gu10_par16.svg
new file mode 100644
index 000000000..b99d757a0
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hue_filled_gu10_par16.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.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="-3 -3 26 26" enable-background="new 0 0 20 20" xml:space="preserve">
+<path d="M10,0c4.1,0,6.7,1.3,6.7,2.2S14.1,4.3,10,4.3C5.9,4.3,3.3,3,3.3,2.2S5.9,0,10,0z"/>
+<path d="M12.3,5.4c-0.1,1.2-0.4,3.3-1.3,4.2c-0.3,0.3-0.7,0.5-1.1,0.5c-0.4,0-0.8-0.2-1.1-0.5c-0.9-0.9-1.2-3-1.3-4.3
+	C8.3,5.5,9.1,5.5,10,5.5C10.8,5.5,11.5,5.5,12.3,5.4z"/>
+<path d="M11,19.2L11,19.2c-0.2,0-0.2,0-0.3,0l-0.5,0.1c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0-0.8-0.1l-0.2,0l-0.1,0h0
+	c-0.6-0.2-0.9-0.5-1.3-0.8c-0.1-0.1-0.2-0.2-0.3-0.3v-3.6c0.7,0.3,1.6,0.5,2.7,0.5c0.8,0,1.6-0.1,2.4-0.5l-0.1,3.7
+	C12.1,18.5,11.7,18.9,11,19.2z"/>
+<path d="M8.9,20L8.9,20C8.8,20,8.8,20,8.9,20l-0.2,0c0,0,0,0,0,0c-0.1,0-0.1,0-0.2,0l0,0l0,0h0c-0.1,0-0.2-0.1-0.3-0.2
+	c0,0,0,0-0.1-0.1v-0.9C8.2,18.9,8.4,19,8.7,19c0.2,0,0.3,0,0.5-0.1l0,0.9C9.1,19.8,9,19.9,8.9,20z"/>
+<path d="M11.3,20L11.3,20C11.2,20,11.2,20,11.3,20l-0.2,0c0,0,0,0,0,0c-0.1,0-0.1,0-0.2,0l0,0l0,0h0c-0.1,0-0.2-0.1-0.3-0.2
+	c0,0,0,0-0.1-0.1v-0.9c0.1,0.1,0.3,0.1,0.6,0.1c0.2,0,0.3,0,0.5-0.1l0,0.9C11.5,19.8,11.4,19.9,11.3,20z"/>
+<path d="M12.9,13c-3,1.9-5.9,0.1-6,0c-2.7-1.9-3.1-6.6-3.1-8.7c0.7,0.3,1.5,0.6,2.4,0.8c0,1.1,0.3,3.9,1.7,5.3
+	c0.5,0.6,1.2,0.8,2,0.8c0.8,0,1.4-0.3,2-0.8c1.4-1.4,1.6-4.3,1.7-5.3C14.4,5,15.3,4.7,16,4.4C15.9,11.2,12.9,13,12.9,13z"/>
+</svg>
diff --git a/fhem/www/images/fhemSVG/hue_filled_hds.svg b/fhem/www/images/fhemSVG/hue_filled_hds.svg
new file mode 100644
index 000000000..47b5561b4
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hue_filled_hds.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.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="-3 -3 26 26" enable-background="new 0 0 20 20" xml:space="preserve">
+<path d="M15.8,0H4.2C4.1,0,4,0.1,4,0.2v19.5C4,19.9,4.1,20,4.2,20h11.5c0.1,0,0.2-0.1,0.2-0.2V0.2C16,0.1,15.9,0,15.8,0z M12.5,17.4
+	C12.5,17.5,12.5,17.5,12.5,17.4l-5,0c0,0,0,0,0,0v-3.7h5V17.4z M12.5,12.6h-5v-2h5V12.6z M12.5,9.4h-5V7.6h5V9.4z M12.5,6.4h-5V2.6
+	c0,0,0,0,0,0h4.9c0,0,0,0,0,0V6.4z"/>
+</svg>
diff --git a/fhem/www/images/fhemSVG/hue_filled_impulse.svg b/fhem/www/images/fhemSVG/hue_filled_impulse.svg
new file mode 100644
index 000000000..7220b1ed0
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hue_filled_impulse.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.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="-3 -3 26 26" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="Layer_2">
+	<g>
+		<path fill="#000000" d="M10,15.7c5.4,0,9.7-2.3,10-5.2H0C0.3,13.4,4.6,15.7,10,15.7z"/>
+		<path fill="#000000" d="M10,4.3c-5.4,0-9.7,2.3-10,5.2h20C19.7,6.6,15.4,4.3,10,4.3z"/>
+	</g>
+</g>
+</svg>
diff --git a/fhem/www/images/fhemSVG/hue_filled_iris.svg b/fhem/www/images/fhemSVG/hue_filled_iris.svg
new file mode 100644
index 000000000..88b35e898
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hue_filled_iris.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.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="-3 -3 26 26" enable-background="new 0 0 20 20" xml:space="preserve">
+<path d="M15.6,4.6c3.3,2.8,4.8,5.6,4.3,6.7c-0.2,0.3-0.6,0.5-1.3,0.5c-1,0-3.5-0.5-8-3.8C9.6,7.1,8.7,6.3,8,5.5C6.3,3.7,5.4,2,5.4,1
+	c0,0,0,0,0,0c0-0.1,0-0.1,0-0.2c0,0,0,0,0,0c0,0,0-0.1,0-0.1c0,0,0,0,0-0.1c0,0,0,0,0,0c0,0,0-0.1,0.1-0.1c0,0,0,0,0,0
+	C5.7,0.2,6,0.1,6.8,0.1C8.6,0.1,11.8,1.3,15.6,4.6z"/>
+<path d="M12.1,19.2c-1.1,0.4-2.3,0.7-3.5,0.7c0,0,0,0,0,0c-0.4,0-0.7,0-1-0.1c-2.2-0.3-6.9-2.5-7.5-7.7C-0.2,10.1,0.5,7.9,1.4,6
+	c0.6,1.7,2,4.3,5.8,7.2c3.9,3,6.7,3.7,8.4,3.7C14.5,18,13.3,18.8,12.1,19.2z"/>
+<path d="M17.1,15.5c-1.5,0.7-4.7,0.2-9.2-3.2C3.3,8.8,2.4,5.8,2.3,4.5c0.7-1.1,1.4-2.1,2.1-2.8c0,0,0,0.1,0,0.1c0,0.1,0,0.1,0,0.2
+	c0,0.1,0,0.2,0.1,0.2c0,0.1,0,0.1,0.1,0.2c0,0.1,0.1,0.2,0.1,0.3c0,0.1,0.1,0.1,0.1,0.2c0,0.1,0.1,0.2,0.1,0.3
+	c0,0.1,0.1,0.1,0.1,0.2C5,3.4,5.1,3.5,5.1,3.6c0,0.1,0.1,0.1,0.1,0.2C5.3,3.9,5.4,4,5.5,4.2c0,0,0,0,0,0.1c0.1,0.2,0.2,0.3,0.3,0.5
+	c0,0.1,0.1,0.1,0.1,0.2C6.1,5,6.2,5.1,6.2,5.2c0.1,0.1,0.1,0.1,0.2,0.2c0.1,0.1,0.2,0.2,0.3,0.3c0.1,0.1,0.1,0.1,0.2,0.2
+	C6.9,6,7,6.1,7.1,6.2c0.1,0.1,0.1,0.1,0.2,0.2c0.1,0.1,0.2,0.2,0.3,0.3C7.6,6.8,7.7,6.9,7.8,7C7.9,7.1,8,7.1,8.1,7.2
+	c0.1,0.1,0.1,0.1,0.2,0.2c0.1,0.1,0.2,0.2,0.3,0.3c0.1,0.1,0.1,0.1,0.2,0.2C8.9,8,9.1,8.2,9.2,8.3c0.1,0.1,0.1,0.1,0.2,0.2
+	C9.6,8.6,9.8,8.7,10,8.9c4.5,3.4,7.2,4.1,8.7,4.1c0.1,0,0.3,0,0.4,0C18.5,13.8,17.9,14.7,17.1,15.5z"/>
+</svg>
diff --git a/fhem/www/images/fhemSVG/hue_filled_lightstrip.svg b/fhem/www/images/fhemSVG/hue_filled_lightstrip.svg
new file mode 100644
index 000000000..4b3dee907
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hue_filled_lightstrip.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.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="-3 -3 26 26" enable-background="new 0 0 20 20" xml:space="preserve">
+<path d="M14.3,3.2H0V0h14.1c2.2,0,3.9,0.5,4.9,1.5c1,1.1,1,2.3,1,2.4v1.4c0,0,0,0,0,0c-0.5-0.5-1-0.9-1.5-1.2l-0.8-0.4l0,0.1
+	c-1-0.4-2-0.5-3.1-0.5C14.4,3.2,14.3,3.2,14.3,3.2z"/>
+<path d="M6.3,8.5L6.3,8.5c0.4,0,7-0.3,9.7-0.9c1.6-0.4,2.3-1.2,2.6-2c0.3,0.2,0.6,0.5,0.8,0.8c0,0,0.1,0.1,0.1,0.1
+	c0.1,0.1,0.1,0.2,0.2,0.3c0,0.1,0.1,0.1,0.1,0.2c0,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.1,0.1,0.2C19.9,7.7,20,7.9,20,8
+	c-0.3,3.4-6.2,3.5-6.3,3.5c-0.8,0-8.2,0.5-9.6,0.9c-1.5,0.5-2.2,1.3-2.5,2c-0.3-0.3-0.6-0.6-0.9-0.9c0,0,0,0,0,0
+	c-0.2-0.3-0.3-0.6-0.4-0.9c0,0,0-0.1,0-0.1c0-0.2-0.1-0.3-0.1-0.5C0.3,8.6,5.7,8.5,6.3,8.5z"/>
+<path d="M20,16.8V20H5.9c-2.2,0-3.9-0.5-4.9-1.5c-1-1.1-1-2.3-1-2.4v-1.3c0.4,0.5,0.9,0.9,1.5,1.2l0.8,0.4l0-0.1
+	c1,0.4,2,0.5,3.1,0.5c0.2,0,0.3,0,0.3,0H20z"/>
+</svg>
diff --git a/fhem/www/images/fhemSVG/hue_filled_phoenix_ceiling_pendant_table_wall.svg b/fhem/www/images/fhemSVG/hue_filled_phoenix_ceiling_pendant_table_wall.svg
new file mode 100644
index 000000000..3523d3f07
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hue_filled_phoenix_ceiling_pendant_table_wall.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.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="-3 -3 26 26" enable-background="new 0 0 20 20" xml:space="preserve">
+<path fill="#000000" d="M0,9.7h20c-2,1.2-6.4,3.5-10,3.5C6.4,13.3,2,11,0,9.7z"/>
+<path fill="#000000" d="M20,9.2H0c2-0.9,6.4-2.4,10-2.4C13.6,6.7,18,8.3,20,9.2z"/>
+</svg>
diff --git a/fhem/www/images/fhemSVG/hue_filled_phoenix_recessed_spot.svg b/fhem/www/images/fhemSVG/hue_filled_phoenix_recessed_spot.svg
new file mode 100644
index 000000000..ddec16a21
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hue_filled_phoenix_recessed_spot.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.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="-3 -3 26 26" enable-background="new 0 0 20 20" xml:space="preserve">
+<path fill="#000000" d="M10,12.6c-4.2,0-6.8-0.7-7.3-1.2c0.4-0.5,3-1.2,7.3-1.2c4.2,0,6.8,0.7,7.3,1.2C16.8,11.8,14.2,12.6,10,12.6z
+	"/>
+<path fill="#000000" d="M18.5,11.5c0,0,0-0.1,0-0.1C18.5,9,10.9,9,10,9C9.1,9,1.5,9,1.5,11.4c0,0,0,0.1,0,0.1C0.5,11,0,10.6,0,10.2
+	C0,9,3.9,7.4,10,7.4c6.1,0,10,1.6,10,2.7C20,10.6,19.5,11,18.5,11.5z"/>
+</svg>
diff --git a/fhem/www/images/fhemSVG/hue_filled_storylight.svg b/fhem/www/images/fhemSVG/hue_filled_storylight.svg
new file mode 100644
index 000000000..dc26a96d0
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hue_filled_storylight.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.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="-3 -3 26 26" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="Layer_2">
+	<g>
+		<path fill="#000000" d="M7.3,16c-0.5,0.4-1.2,1.2-1.3,1.3L6,17.3c-0.2,0.1-0.3,0.3-0.2,0.3c0,0,0,0.1,0.1,0.1
+			C6.3,18,7,18.4,8.5,18.4c0.1,0,0.2,0,0.2,0c0.2,0,0.6,0,0.9-0.1c-0.4-0.3-0.8-0.6-1.1-0.9C8,16.9,7.6,16.5,7.3,16z"/>
+		<path fill="#000000" d="M9.3,14.6c-2-2.2-2.5-4.2-2.6-5.1L6.6,9.5c0,0,0,0,0,0l0,0c-0.1,1.1-0.4,4,2.8,7c1.6,1.5,3.8,2.3,5.9,2.2
+			c0.6,0,1.2-0.2,1.7-0.4c-0.2,0-0.3,0.1-0.5,0.1C13.8,18.5,11,16.4,9.3,14.6z"/>
+		<path fill="#000000" d="M18.6,10.8c-1.2-1.7-2.4-2.9-3.6-3.6l-0.1,0c-0.1-0.1-0.3-0.2-0.2-0.4c0-0.1,0.2-0.2,0.3-0.2l0.2,0
+			c0.4,0,0.7-0.1,0.8-0.3c0.2-0.2,0.3-0.4,0.3-0.8c0-1.3-1.6-3.1-3.3-4c-1-0.5-2-0.5-2.4,0c-0.2,0.2-0.2,0.5-0.2,0.8
+			c0.3,1.5,1.7,2.7,2,2.9c0.1,0.1,0.3,0.2,0.2,0.4l-0.1,0.1l-0.2,0c-0.1,0-0.1,0-0.2,0c0,0-0.8-0.2-1.7-0.2c-0.4,0-0.7,0-1,0.1
+			c-0.9,0.3-1.2,0.8-1.4,1l0,0C8,6.9,7.9,7,7.7,7C7.6,7,7.5,6.9,7.4,6.7C6.9,5.3,5.9,4.2,4.5,3.4C3.6,2.9,2.7,2.6,1.9,2.6
+			c-0.6,0-1.2,0.2-1.5,0.6C0.1,3.4,0,3.7,0,4.1c0.1,1.1,1,2.6,1.7,3.1c0.9,0.7,2.4,1.7,3.8,1.7c0.5,0,0.9-0.1,1.3-0.3l0.1,0
+			c0.1,0,0.2-0.1,0.3-0.1c0.1,0,0.3,0,0.4,0.4c0,0.1,0,0.3,0.1,0.5l0,0c0.2,0.9,0.8,2.6,2.4,4.4c1.6,1.7,4.3,3.7,6.8,3.7
+			c0.7,0,1.4-0.2,2-0.5c0.1-0.1,0.2-0.2,0.3-0.3l0,0c0.3-0.3,0.6-0.7,0.7-1.2C20.2,14.1,19.5,12,18.6,10.8z"/>
+	</g>
+</g>
+</svg>
diff --git a/fhem/www/images/fhemSVG/hue_filled_tap.svg b/fhem/www/images/fhemSVG/hue_filled_tap.svg
new file mode 100644
index 000000000..c8b6a3370
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hue_filled_tap.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.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="-3 -3 26 26" enable-background="new 0 0 20 20" xml:space="preserve">
+<path d="M10,0C4.5,0,0,4.5,0,10c0,5.5,4.5,10,10,10s10-4.5,10-10C20,4.5,15.5,0,10,0z M4.6,12.6C3.2,12.6,2,11.4,2,10
+	s1.2-2.6,2.6-2.6S7.2,8.6,7.2,10S6,12.6,4.6,12.6z M10,17.8c-1.4,0-2.6-1.2-2.6-2.6c0-1.4,1.2-2.6,2.6-2.6c1.4,0,2.6,1.2,2.6,2.6
+	C12.6,16.7,11.4,17.8,10,17.8z M14.7,12.5c-0.9-0.2-1.7-1-1.9-1.9c-0.2-0.8,0-1.6,0.5-2.2c0.5-0.6,1.2-1,2-1c0.2,0,0.4,0,0.6,0.1
+	c0.9,0.2,1.7,1,1.9,1.9c0.2,0.8,0,1.6-0.5,2.2C16.7,12.4,15.6,12.7,14.7,12.5z"/>
+</svg>
diff --git a/fhem/www/images/fhemSVG/hue_filled_white_and_color_e27_b22.svg b/fhem/www/images/fhemSVG/hue_filled_white_and_color_e27_b22.svg
new file mode 100644
index 000000000..cc6378b10
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hue_filled_white_and_color_e27_b22.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.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="-3 -3 26 26" enable-background="new 0 0 20 20" xml:space="preserve">
+<path d="M11.7,18.9c-0.1,0.1-0.3,0.2-0.5,0.3l-0.3,0.1l-0.1,0.3c0,0.1-0.2,0.3-0.4,0.5c-0.1,0-0.3,0-0.4,0c-0.2,0-0.3,0-0.4,0
+	c-0.2-0.2-0.3-0.4-0.4-0.5l-0.1-0.3l-0.3-0.1c-0.3-0.1-0.5-0.2-0.5-0.3v-2.8h3.4V18.9z"/>
+<path d="M12.4,14.4L12,14.9H8l-0.4-0.5c-0.1-0.9-0.5-5-1.3-7.9c1.9,0.4,5.3,0.4,7.6-0.1C13,9.3,12.5,13.5,12.4,14.4z"/>
+<path d="M14.4,4.9c0,0.1-0.1,0.1-0.1,0.2c-2.3,0.8-7.2,0.6-8.6,0.1c0-0.1-0.1-0.2-0.1-0.3C5.1,3.7,4,1.6,4.9,1.1C6.4,0.1,9,0,10,0
+	s3.6,0.1,5.1,1.1C16,1.6,14.9,3.7,14.4,4.9z"/>
+</svg>
diff --git a/fhem/www/images/fhemSVG/hue_filled_white_e27_b22.svg b/fhem/www/images/fhemSVG/hue_filled_white_e27_b22.svg
new file mode 100644
index 000000000..96e4aada0
--- /dev/null
+++ b/fhem/www/images/fhemSVG/hue_filled_white_e27_b22.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.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="-3 -3 26 26" enable-background="new 0 0 20 20" xml:space="preserve">
+<path d="M10.2,0c4.5,0,5,3.2,5,4.5c0,0.9-0.1,1.6-0.2,2.1c-2.4,0.3-7.5,0.3-10,0C4.9,6.1,4.8,5.4,4.8,4.5C4.8,0.2,9.3,0,10.2,0z"/>
+<path d="M11.4,19.2l-0.3,0.1L11,19.5c0,0.1-0.2,0.3-0.3,0.5c-0.1,0-0.2,0-0.4,0l-0.1,0l0,0c-0.2,0-0.3,0-0.4,0
+	c-0.1-0.2-0.3-0.4-0.3-0.5l-0.1-0.3l-0.3-0.1c-0.3-0.1-0.5-0.2-0.5-0.3v-2.8h3.4v2.8C11.8,19,11.6,19.1,11.4,19.2z"/>
+<path d="M12.9,11.3L12.9,11.3c-0.1,1.2-0.3,2.7-0.3,3.1L12.2,15H8.2l-0.4-0.5l-0.3-3.1l0-0.1c-0.2-0.8-0.6-1.5-1.1-2.1
+	C6.1,8.8,5.8,8.4,5.5,7.9C6.8,8,8.4,8,10.1,8c1.7,0,3.3-0.1,4.5-0.2c-0.2,0.3-0.4,0.6-0.6,0.9C13.6,9.5,13.1,10.2,12.9,11.3z"/>
+</svg>