From 64c473ae772e49ba8d987992683bbcaaa044eab8 Mon Sep 17 00:00:00 2001
From: Wuppi68 <>
Date: Sat, 20 Aug 2022 21:05:59 +0000
Subject: [PATCH] www/images: some icons --> display*.svg --> thx xenos1984

git-svn-id: https://svn.fhem.de/fhem/trunk@26340 2b470e98-0d58-463d-a4d8-8e2adae1ed80
---
 fhem/www/images/fhemSVG/display_7seg.svg      | 18 +++++
 fhem/www/images/fhemSVG/display_alpha.svg     | 61 ++++++++++++++++
 fhem/www/images/fhemSVG/display_backlight.svg | 71 +++++++++++++++++++
 fhem/www/images/fhemSVG/display_blink.svg     | 67 +++++++++++++++++
 fhem/www/images/fhemSVG/display_cursor.svg    | 63 ++++++++++++++++
 fhem/www/images/fhemSVG/display_dot.svg       | 20 ++++++
 fhem/www/images/fhemSVG/display_mixed.svg     | 58 +++++++++++++++
 fhem/www/images/fhemSVG/display_num.svg       | 48 +++++++++++++
 8 files changed, 406 insertions(+)
 create mode 100644 fhem/www/images/fhemSVG/display_7seg.svg
 create mode 100644 fhem/www/images/fhemSVG/display_alpha.svg
 create mode 100644 fhem/www/images/fhemSVG/display_backlight.svg
 create mode 100644 fhem/www/images/fhemSVG/display_blink.svg
 create mode 100644 fhem/www/images/fhemSVG/display_cursor.svg
 create mode 100644 fhem/www/images/fhemSVG/display_dot.svg
 create mode 100644 fhem/www/images/fhemSVG/display_mixed.svg
 create mode 100644 fhem/www/images/fhemSVG/display_num.svg

diff --git a/fhem/www/images/fhemSVG/display_7seg.svg b/fhem/www/images/fhemSVG/display_7seg.svg
new file mode 100644
index 000000000..93ffdb8b6
--- /dev/null
+++ b/fhem/www/images/fhemSVG/display_7seg.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="220px" height="120px" viewBox="-110 -60 220 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" stroke="none" fill="#000000">
+<defs>
+<path id="display_7seg_hor" d="M -22,0 L -17,-5 H 17 L 22,0 L 17,5 H -17 Z"/>
+<path id="display_7seg_ver" d="M 0,-22 L -5,-17 V 17 L 0,22 L 5,17 V -17 Z"/>
+</defs>
+<g id="display_7seg_digit">
+<use xlink:href="#display_7seg_hor" transform="translate(0,0)"/>
+<use xlink:href="#display_7seg_hor" transform="translate(0,48)"/>
+<use xlink:href="#display_7seg_hor" transform="translate(0,-48)"/>
+<use xlink:href="#display_7seg_ver" transform="translate(-24,-24)"/>
+<use xlink:href="#display_7seg_ver" transform="translate(-24,24)"/>
+<use xlink:href="#display_7seg_ver" transform="translate(24,-24)"/>
+<use xlink:href="#display_7seg_ver" transform="translate(24,24)"/>
+</g>
+<use xlink:href="#display_7seg_digit" transform="translate(72,0)"/>
+<use xlink:href="#display_7seg_digit" transform="translate(-72,0)"/>
+</svg>
diff --git a/fhem/www/images/fhemSVG/display_alpha.svg b/fhem/www/images/fhemSVG/display_alpha.svg
new file mode 100644
index 000000000..d16ff2e58
--- /dev/null
+++ b/fhem/www/images/fhemSVG/display_alpha.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="220px" height="100px" viewBox="-110 -50 220 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" stroke="none" fill="#000000">
+<defs>
+<rect id="display_alpha_dot" x="-5" y="-5" width="10" height="10"/>
+</defs>
+<use xlink:href="#display_alpha_dot" transform="translate(-24,-36)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-12,-36)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(0,-36)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(12,-36)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-24,0)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-12,0)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(0,0)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(12,0)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-24,36)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-12,36)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(0,36)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(12,36)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-24,-24)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(24,-24)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-24,-12)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(24,-12)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-24,24)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(24,24)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-24,12)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(24,12)"/>
+<g transform="translate(-72,0)">
+<use xlink:href="#display_alpha_dot" transform="translate(-12,-36)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(0,-36)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(12,-36)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-24,12)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-12,12)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(0,12)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(12,12)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(24,12)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-24,-24)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(24,-24)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-24,-12)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(24,-12)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-24,0)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(24,0)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-24,24)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(24,24)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-24,36)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(24,36)"/>
+</g>
+<g transform="translate(72,0)">
+<use xlink:href="#display_alpha_dot" transform="translate(-12,-36)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(0,-36)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(12,-36)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-12,36)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(0,36)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(12,36)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-24,-24)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(24,-24)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-24,24)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(24,24)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-24,-12)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-24,0)"/>
+<use xlink:href="#display_alpha_dot" transform="translate(-24,12)"/>
+</g>
+</svg>
diff --git a/fhem/www/images/fhemSVG/display_backlight.svg b/fhem/www/images/fhemSVG/display_backlight.svg
new file mode 100644
index 000000000..b753cea12
--- /dev/null
+++ b/fhem/www/images/fhemSVG/display_backlight.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="268px" height="148px" viewBox="-134 -74 268 148" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" stroke="none" fill="#000000">
+<defs>
+<rect id="display_backlight_dot" x="-5" y="-5" width="10" height="10"/>
+<rect id="display_backlight_backlight" x="-5" y="-10" width="10" height="20" rx="5" ry="5"/>
+</defs>
+<use xlink:href="#display_backlight_dot" transform="translate(-12,36)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(0,36)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(12,36)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(0,24)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(0,12)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(0,0)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(0,-12)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(0,-24)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(-12,-24)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(0,-36)"/>
+<g transform="translate(-72,0)">
+<use xlink:href="#display_backlight_dot" transform="translate(-12,-36)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(0,-36)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(12,-36)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(-24,12)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(-12,12)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(0,12)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(12,12)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(24,12)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(-24,-24)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(24,-24)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(-24,-12)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(24,-12)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(-24,0)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(24,0)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(-24,24)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(24,24)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(-24,36)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(24,36)"/>
+</g>
+<g transform="translate(72,0)">
+<use xlink:href="#display_backlight_dot" transform="translate(-24,12)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(-12,12)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(0,12)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(12,12)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(24,12)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(-24,-12)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(-12,-12)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(0,-12)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(12,-12)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(24,-12)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(-12,36)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(12,36)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(-12,24)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(12,24)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(-12,0)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(12,0)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(-12,-24)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(12,-24)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(-12,-36)"/>
+<use xlink:href="#display_backlight_dot" transform="translate(12,-36)"/>
+</g>
+<use xlink:href="#display_backlight_backlight" transform="translate(0,60)"/>
+<use xlink:href="#display_backlight_backlight" transform="translate(0,-60)"/>
+<use xlink:href="#display_backlight_backlight" transform="translate(120,0) rotate(90)"/>
+<use xlink:href="#display_backlight_backlight" transform="translate(-120,0) rotate(90)"/>
+<use xlink:href="#display_backlight_backlight" transform="translate(120,60) rotate(-45)"/>
+<use xlink:href="#display_backlight_backlight" transform="translate(-120,60) rotate(45)"/>
+<use xlink:href="#display_backlight_backlight" transform="translate(120,-60) rotate(45)"/>
+<use xlink:href="#display_backlight_backlight" transform="translate(-120,-60) rotate(-45)"/>
+<use xlink:href="#display_backlight_backlight" transform="translate(60,60) rotate(-22.5)"/>
+<use xlink:href="#display_backlight_backlight" transform="translate(-60,60) rotate(22.5)"/>
+<use xlink:href="#display_backlight_backlight" transform="translate(60,-60) rotate(22.5)"/>
+<use xlink:href="#display_backlight_backlight" transform="translate(-60,-60) rotate(-22.5)"/>
+</svg>
diff --git a/fhem/www/images/fhemSVG/display_blink.svg b/fhem/www/images/fhemSVG/display_blink.svg
new file mode 100644
index 000000000..458c0ef37
--- /dev/null
+++ b/fhem/www/images/fhemSVG/display_blink.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="220px" height="148px" viewBox="-110 -74 220 148" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" stroke="none" fill="#000000">
+<defs>
+<rect id="display_blink_dot" x="-5" y="-5" width="10" height="10"/>
+<rect id="display_blink_blink" x="-5" y="-10" width="10" height="20" rx="5" ry="5"/>
+</defs>
+<use xlink:href="#display_blink_dot" transform="translate(-12,36)"/>
+<use xlink:href="#display_blink_dot" transform="translate(0,36)"/>
+<use xlink:href="#display_blink_dot" transform="translate(12,36)"/>
+<use xlink:href="#display_blink_dot" transform="translate(0,24)"/>
+<use xlink:href="#display_blink_dot" transform="translate(0,12)"/>
+<use xlink:href="#display_blink_dot" transform="translate(0,0)"/>
+<use xlink:href="#display_blink_dot" transform="translate(0,-12)"/>
+<use xlink:href="#display_blink_dot" transform="translate(0,-24)"/>
+<use xlink:href="#display_blink_dot" transform="translate(-12,-24)"/>
+<use xlink:href="#display_blink_dot" transform="translate(0,-36)"/>
+<g transform="translate(-72,0)">
+<use xlink:href="#display_blink_dot" transform="translate(-12,-36)"/>
+<use xlink:href="#display_blink_dot" transform="translate(0,-36)"/>
+<use xlink:href="#display_blink_dot" transform="translate(12,-36)"/>
+<use xlink:href="#display_blink_dot" transform="translate(-24,12)"/>
+<use xlink:href="#display_blink_dot" transform="translate(-12,12)"/>
+<use xlink:href="#display_blink_dot" transform="translate(0,12)"/>
+<use xlink:href="#display_blink_dot" transform="translate(12,12)"/>
+<use xlink:href="#display_blink_dot" transform="translate(24,12)"/>
+<use xlink:href="#display_blink_dot" transform="translate(-24,-24)"/>
+<use xlink:href="#display_blink_dot" transform="translate(24,-24)"/>
+<use xlink:href="#display_blink_dot" transform="translate(-24,-12)"/>
+<use xlink:href="#display_blink_dot" transform="translate(24,-12)"/>
+<use xlink:href="#display_blink_dot" transform="translate(-24,0)"/>
+<use xlink:href="#display_blink_dot" transform="translate(24,0)"/>
+<use xlink:href="#display_blink_dot" transform="translate(-24,24)"/>
+<use xlink:href="#display_blink_dot" transform="translate(24,24)"/>
+<use xlink:href="#display_blink_dot" transform="translate(-24,36)"/>
+<use xlink:href="#display_blink_dot" transform="translate(24,36)"/>
+</g>
+<g transform="translate(72,0)">
+<use xlink:href="#display_blink_dot" transform="translate(-24,12)"/>
+<use xlink:href="#display_blink_dot" transform="translate(-12,12)"/>
+<use xlink:href="#display_blink_dot" transform="translate(0,12)"/>
+<use xlink:href="#display_blink_dot" transform="translate(12,12)"/>
+<use xlink:href="#display_blink_dot" transform="translate(24,12)"/>
+<use xlink:href="#display_blink_dot" transform="translate(-24,-12)"/>
+<use xlink:href="#display_blink_dot" transform="translate(-12,-12)"/>
+<use xlink:href="#display_blink_dot" transform="translate(0,-12)"/>
+<use xlink:href="#display_blink_dot" transform="translate(12,-12)"/>
+<use xlink:href="#display_blink_dot" transform="translate(24,-12)"/>
+<use xlink:href="#display_blink_dot" transform="translate(-12,36)"/>
+<use xlink:href="#display_blink_dot" transform="translate(12,36)"/>
+<use xlink:href="#display_blink_dot" transform="translate(-12,24)"/>
+<use xlink:href="#display_blink_dot" transform="translate(12,24)"/>
+<use xlink:href="#display_blink_dot" transform="translate(-12,0)"/>
+<use xlink:href="#display_blink_dot" transform="translate(12,0)"/>
+<use xlink:href="#display_blink_dot" transform="translate(-12,-24)"/>
+<use xlink:href="#display_blink_dot" transform="translate(12,-24)"/>
+<use xlink:href="#display_blink_dot" transform="translate(-12,-36)"/>
+<use xlink:href="#display_blink_dot" transform="translate(12,-36)"/>
+</g>
+<use xlink:href="#display_blink_blink" transform="translate(0,60)"/>
+<use xlink:href="#display_blink_blink" transform="translate(0,-60)"/>
+<use xlink:href="#display_blink_blink" transform="translate(30,0) rotate(90)"/>
+<use xlink:href="#display_blink_blink" transform="translate(-30,0) rotate(90)"/>
+<use xlink:href="#display_blink_blink" transform="translate(30,60) rotate(-45)"/>
+<use xlink:href="#display_blink_blink" transform="translate(-30,60) rotate(45)"/>
+<use xlink:href="#display_blink_blink" transform="translate(30,-60) rotate(45)"/>
+<use xlink:href="#display_blink_blink" transform="translate(-30,-60) rotate(-45)"/>
+</svg>
diff --git a/fhem/www/images/fhemSVG/display_cursor.svg b/fhem/www/images/fhemSVG/display_cursor.svg
new file mode 100644
index 000000000..163f6f191
--- /dev/null
+++ b/fhem/www/images/fhemSVG/display_cursor.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="220px" height="124px" viewBox="-110 -50 220 124" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" stroke="none" fill="#000000">
+<defs>
+<rect id="display_cursor_dot" x="-5" y="-5" width="10" height="10"/>
+</defs>
+<use xlink:href="#display_cursor_dot" transform="translate(-12,36)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(0,36)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(12,36)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(0,24)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(0,12)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(0,0)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(0,-12)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(0,-24)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(-12,-24)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(0,-36)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(-24,60)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(-12,60)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(0,60)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(12,60)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(24,60)"/>
+<g transform="translate(-72,0)">
+<use xlink:href="#display_cursor_dot" transform="translate(-12,-36)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(0,-36)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(12,-36)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(-24,12)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(-12,12)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(0,12)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(12,12)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(24,12)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(-24,-24)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(24,-24)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(-24,-12)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(24,-12)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(-24,0)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(24,0)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(-24,24)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(24,24)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(-24,36)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(24,36)"/>
+</g>
+<g transform="translate(72,0)">
+<use xlink:href="#display_cursor_dot" transform="translate(-24,12)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(-12,12)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(0,12)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(12,12)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(24,12)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(-24,-12)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(-12,-12)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(0,-12)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(12,-12)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(24,-12)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(-12,36)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(12,36)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(-12,24)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(12,24)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(-12,0)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(12,0)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(-12,-24)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(12,-24)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(-12,-36)"/>
+<use xlink:href="#display_cursor_dot" transform="translate(12,-36)"/>
+</g>
+</svg>
diff --git a/fhem/www/images/fhemSVG/display_dot.svg b/fhem/www/images/fhemSVG/display_dot.svg
new file mode 100644
index 000000000..09837101c
--- /dev/null
+++ b/fhem/www/images/fhemSVG/display_dot.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="220px" height="100px" viewBox="-110 -50 220 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" stroke="none" fill="#000000">
+<g id="display_dot_char">
+<g id="display_dot_row">
+<rect id="display_dot_dot" x="-5" y="-5" width="10" height="10"/>
+<use xlink:href="#display_dot_dot" transform="translate(-12,0)"/>
+<use xlink:href="#display_dot_dot" transform="translate(-24,0)"/>
+<use xlink:href="#display_dot_dot" transform="translate(12,0)"/>
+<use xlink:href="#display_dot_dot" transform="translate(24,0)"/>
+</g>
+<use xlink:href="#display_dot_row" transform="translate(0,-12)"/>
+<use xlink:href="#display_dot_row" transform="translate(0,-24)"/>
+<use xlink:href="#display_dot_row" transform="translate(0,-36)"/>
+<use xlink:href="#display_dot_row" transform="translate(0,12)"/>
+<use xlink:href="#display_dot_row" transform="translate(0,24)"/>
+<use xlink:href="#display_dot_row" transform="translate(0,36)"/>
+</g>
+<use xlink:href="#display_dot_char" transform="translate(-72,0)"/>
+<use xlink:href="#display_dot_char" transform="translate(72,0)"/>
+</svg>
diff --git a/fhem/www/images/fhemSVG/display_mixed.svg b/fhem/www/images/fhemSVG/display_mixed.svg
new file mode 100644
index 000000000..7d067e11e
--- /dev/null
+++ b/fhem/www/images/fhemSVG/display_mixed.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="220px" height="100px" viewBox="-110 -50 220 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" stroke="none" fill="#000000">
+<defs>
+<rect id="display_mixed_dot" x="-5" y="-5" width="10" height="10"/>
+</defs>
+<use xlink:href="#display_mixed_dot" transform="translate(-12,36)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(0,36)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(12,36)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(0,24)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(0,12)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(0,0)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(0,-12)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(0,-24)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(-12,-24)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(0,-36)"/>
+<g transform="translate(-72,0)">
+<use xlink:href="#display_mixed_dot" transform="translate(-12,-36)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(0,-36)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(12,-36)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(-24,12)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(-12,12)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(0,12)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(12,12)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(24,12)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(-24,-24)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(24,-24)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(-24,-12)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(24,-12)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(-24,0)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(24,0)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(-24,24)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(24,24)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(-24,36)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(24,36)"/>
+</g>
+<g transform="translate(72,0)">
+<use xlink:href="#display_mixed_dot" transform="translate(-24,12)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(-12,12)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(0,12)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(12,12)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(24,12)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(-24,-12)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(-12,-12)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(0,-12)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(12,-12)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(24,-12)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(-12,36)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(12,36)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(-12,24)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(12,24)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(-12,0)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(12,0)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(-12,-24)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(12,-24)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(-12,-36)"/>
+<use xlink:href="#display_mixed_dot" transform="translate(12,-36)"/>
+</g>
+</svg>
diff --git a/fhem/www/images/fhemSVG/display_num.svg b/fhem/www/images/fhemSVG/display_num.svg
new file mode 100644
index 000000000..db604bf10
--- /dev/null
+++ b/fhem/www/images/fhemSVG/display_num.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="220px" height="100px" viewBox="-110 -50 220 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" stroke="none" fill="#000000">
+<defs>
+<rect id="display_num_dot" x="-5" y="-5" width="10" height="10"/>
+</defs>
+<use xlink:href="#display_num_dot" transform="translate(-24,36)"/>
+<use xlink:href="#display_num_dot" transform="translate(-12,36)"/>
+<use xlink:href="#display_num_dot" transform="translate(0,36)"/>
+<use xlink:href="#display_num_dot" transform="translate(12,36)"/>
+<use xlink:href="#display_num_dot" transform="translate(24,36)"/>
+<use xlink:href="#display_num_dot" transform="translate(-12,-36)"/>
+<use xlink:href="#display_num_dot" transform="translate(0,-36)"/>
+<use xlink:href="#display_num_dot" transform="translate(12,-36)"/>
+<use xlink:href="#display_num_dot" transform="translate(-24,-24)"/>
+<use xlink:href="#display_num_dot" transform="translate(24,-24)"/>
+<use xlink:href="#display_num_dot" transform="translate(24,-12)"/>
+<use xlink:href="#display_num_dot" transform="translate(12,0)"/>
+<use xlink:href="#display_num_dot" transform="translate(0,12)"/>
+<use xlink:href="#display_num_dot" transform="translate(-12,24)"/>
+<g transform="translate(-72,0)">
+<use xlink:href="#display_num_dot" transform="translate(-12,36)"/>
+<use xlink:href="#display_num_dot" transform="translate(0,36)"/>
+<use xlink:href="#display_num_dot" transform="translate(12,36)"/>
+<use xlink:href="#display_num_dot" transform="translate(0,24)"/>
+<use xlink:href="#display_num_dot" transform="translate(0,12)"/>
+<use xlink:href="#display_num_dot" transform="translate(0,0)"/>
+<use xlink:href="#display_num_dot" transform="translate(0,-12)"/>
+<use xlink:href="#display_num_dot" transform="translate(0,-24)"/>
+<use xlink:href="#display_num_dot" transform="translate(-12,-24)"/>
+<use xlink:href="#display_num_dot" transform="translate(0,-36)"/>
+</g>
+<g transform="translate(72,0)">
+<use xlink:href="#display_num_dot" transform="translate(-24,-36)"/>
+<use xlink:href="#display_num_dot" transform="translate(-12,-36)"/>
+<use xlink:href="#display_num_dot" transform="translate(0,-36)"/>
+<use xlink:href="#display_num_dot" transform="translate(12,-36)"/>
+<use xlink:href="#display_num_dot" transform="translate(24,-36)"/>
+<use xlink:href="#display_num_dot" transform="translate(-12,36)"/>
+<use xlink:href="#display_num_dot" transform="translate(0,36)"/>
+<use xlink:href="#display_num_dot" transform="translate(12,36)"/>
+<use xlink:href="#display_num_dot" transform="translate(-24,24)"/>
+<use xlink:href="#display_num_dot" transform="translate(24,24)"/>
+<use xlink:href="#display_num_dot" transform="translate(24,12)"/>
+<use xlink:href="#display_num_dot" transform="translate(12,0)"/>
+<use xlink:href="#display_num_dot" transform="translate(0,-12)"/>
+<use xlink:href="#display_num_dot" transform="translate(12,-24)"/>
+</g>
+</svg>