diff --git a/applications/fpvviewer/examples_files/svg/SVG-logo.svg b/applications/fpvviewer/examples_files/svg/SVG-logo.svg
new file mode 100644
index 000000000..9188c8cf5
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/SVG-logo.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 195 82">
+  <title>SVG logo combined with the W3C logo, set horizontally</title>
+  <desc>The logo combines three entities displayed horizontally: the W3C logo with the text 'W3C'; the drawing of a flower or star shape with eight arms; and the text 'SVG'. These three entities are set horizontally.</desc>
+  
+  <metadata>
+    <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:cc="http://creativecommons.org/ns#" xmlns:xhtml="http://www.w3.org/1999/xhtml/vocab#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+      <cc:Work rdf:about="">
+        <dc:title>SVG logo combined with the W3C logo</dc:title>
+        <dc:format>image/svg+xml</dc:format>
+        <rdfs:seeAlso rdf:resource="http://www.w3.org/2007/10/sw-logos.html"/>
+        <dc:date>2007-11-01</dc:date>
+        <xhtml:license rdf:resource="http://www.w3.org/Consortium/Legal/2002/copyright-documents-20021231"/>
+        <cc:morePermissions rdf:resource="http://www.w3.org/2007/10/sw-logos.html#LogoWithW3C"/>
+        <cc:attributionURL rdf:reource="http://www.w3.org/2001/sw/"/>
+        <dc:description>The logo combines three entities displayed horizontally: the W3C logo with the text 'W3C'; the drawing of a flower or star shape with eight arms; and the text 'SVG'. These three entities are set horizontally.
+			</dc:description>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  
+  <text x="0" y="75" font-size="83" fill-opacity="0" font-family="Trebuchet" letter-spacing="-12">W3C</text>
+  <text x="180" y="75" font-size="83" fill-opacity="0" font-family="Trebuchet" font-weight="bold">SVG</text>
+  <defs>
+    <g id="SVG" fill="#005A9C">
+      <path id="S" d="M 5.482,31.319 C2.163,28.001 0.109,23.419 0.109,18.358 C0.109,8.232 8.322,0.024 18.443,0.024 C28.569,0.024 36.782,8.232 36.782,18.358 L26.042,18.358 C26.042,14.164 22.638,10.765 18.443,10.765 C14.249,10.765 10.850,14.164 10.850,18.358 C10.850,20.453 11.701,22.351 13.070,23.721 L13.075,23.721 C14.450,25.101 15.595,25.500 18.443,25.952 L18.443,25.952 C23.509,26.479 28.091,28.006 31.409,31.324 L31.409,31.324 C34.728,34.643 36.782,39.225 36.782,44.286 C36.782,54.412 28.569,62.625 18.443,62.625 C8.322,62.625 0.109,54.412 0.109,44.286 L10.850,44.286 C10.850,48.480 14.249,51.884 18.443,51.884 C22.638,51.884 26.042,48.480 26.042,44.286 C26.042,42.191 25.191,40.298 23.821,38.923 L23.816,38.923 C22.441,37.548 20.468,37.074 18.443,36.697 L18.443,36.692 C13.533,35.939 8.800,34.638 5.482,31.319 L5.482,31.319 L5.482,31.319 Z"/>
+      <path id="V" d="M 73.452,0.024 L60.482,62.625 L49.742,62.625 L36.782,0.024 L47.522,0.024 L55.122,36.687 L62.712,0.024 L73.452,0.024 Z"/>
+      <path id="G" d="M 91.792,25.952 L110.126,25.952 L110.126,44.286 L110.131,44.286 C110.131,54.413 101.918,62.626 91.792,62.626 C81.665,62.626 73.458,54.413 73.458,44.286 L73.458,44.286 L73.458,18.359 L73.453,18.359 C73.453,8.233 81.665,0.025 91.792,0.025 C101.913,0.025 110.126,8.233 110.126,18.359 L99.385,18.359 C99.385,14.169 95.981,10.765 91.792,10.765 C87.597,10.765 84.198,14.169 84.198,18.359 L84.198,44.286 L84.198,44.286 C84.198,48.481 87.597,51.880 91.792,51.880 C95.981,51.880 99.380,48.481 99.385,44.291 L99.385,44.286 L99.385,36.698 L91.792,36.698 L91.792,25.952 L91.792,25.952 Z"/>
+    </g>
+  </defs>
+  <g shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality">
+    <g>
+      <g id="logo" transform="scale(0.24) translate(0, 35)">
+        <g stroke-width="38.0086" stroke="#000">
+          <g id="svgstar" transform="translate(150, 150)">
+            <path id="svgbar" fill="#EDA921" d="M-84.1487,-15.8513 a22.4171,22.4171 0 1 0 0,31.7026 h168.2974 a22.4171,22.4171 0 1 0 0,-31.7026 Z"/>
+            <use xlink:href="#svgbar" transform="rotate(45)"/>
+            <use xlink:href="#svgbar" transform="rotate(90)"/>
+            <use xlink:href="#svgbar" transform="rotate(135)"/>
+          </g>
+        </g>
+        <use xlink:href="#svgstar"/>
+      </g>
+      <g id="SVG-label">
+        <use xlink:href="#SVG" transform="scale(1.08) translate(65,10)"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/applications/fpvviewer/examples_files/svg/circle-v01.svg b/applications/fpvviewer/examples_files/svg/circle-v01.svg
new file mode 100644
index 000000000..d62270416
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/circle-v01.svg
@@ -0,0 +1,22 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="12cm" height="4cm" viewBox="0 0 1200 400"
+     xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+       <rect x="1" y="1" width="1198" height="398"
+        fill="white" stroke="gray" stroke-width="2"/>
+        
+<circle cx="800" cy="200" r="100"
+        fill="blue" stroke="black" stroke-width="15"
+        stroke-dasharray="50px 40px 10px 20px"/>
+        
+<ellipse cx="300" cy="200" rx="200" ry="100"
+         fill="blue" stroke="gray" 
+         stroke-width="15" />
+<ellipse cx="500" cy="200" rx="90" ry="90"
+         fill="lightblue" stroke="red"
+         stroke-width="15" opacity="0.7" />
+        
+
+</svg>
+
diff --git a/applications/fpvviewer/examples_files/svg/suorakaide.svg b/applications/fpvviewer/examples_files/svg/suorakaide.svg
new file mode 100644
index 000000000..190ec5dcd
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/suorakaide.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="744.09448819"
+   height="1052.3622047"
+   id="svg16403"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="New document 2">
+  <defs
+     id="defs16405" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="375"
+     inkscape:cy="520"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="657"
+     inkscape:window-height="539"
+     inkscape:window-x="25"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata16408">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:#0000ff;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect16411"
+       width="251.42857"
+       height="191.42857"
+       x="165.71428"
+       y="275.21933" />
+  </g>
+</svg>
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/circle1.svg b/applications/fpvviewer/examples_files/svg/w3schools/circle1.svg
new file mode 100644
index 000000000..4ab9ed772
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/circle1.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <circle cx="100" cy="50" r="40" stroke="black"
+  stroke-width="2" fill="red" />
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/ellipse1.svg b/applications/fpvviewer/examples_files/svg/w3schools/ellipse1.svg
new file mode 100644
index 000000000..b8f00def8
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/ellipse1.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <ellipse cx="300" cy="80" rx="100" ry="50" style="fill:yellow;stroke:purple;stroke-width:2"/>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/ellipse2.svg b/applications/fpvviewer/examples_files/svg/w3schools/ellipse2.svg
new file mode 100644
index 000000000..25ac943ab
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/ellipse2.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <ellipse cx="240" cy="100" rx="220" ry="30" style="fill:purple"/>
+  <ellipse cx="220" cy="70" rx="190" ry="20" style="fill:lime"/>
+  <ellipse cx="210" cy="45" rx="170" ry="15" style="fill:yellow"/>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/ellipse3.svg b/applications/fpvviewer/examples_files/svg/w3schools/ellipse3.svg
new file mode 100644
index 000000000..3dec8a0bd
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/ellipse3.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <ellipse cx="240" cy="50" rx="220" ry="30" style="fill:yellow"/>
+  <ellipse cx="220" cy="50" rx="190" ry="20" style="fill:white"/>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/fegaussianblur1.svg b/applications/fpvviewer/examples_files/svg/w3schools/fegaussianblur1.svg
new file mode 100644
index 000000000..3ec4de139
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/fegaussianblur1.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <defs>
+    <filter id="f1" x="0" y="0">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="15" />
+    </filter>
+  </defs>
+  <rect width="90" height="90" stroke="green" stroke-width="3" fill="yellow" filter="url(#f1)" />
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/line1.svg b/applications/fpvviewer/examples_files/svg/w3schools/line1.svg
new file mode 100644
index 000000000..435be2e6f
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/line1.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2"/>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/linear1.svg b/applications/fpvviewer/examples_files/svg/w3schools/linear1.svg
new file mode 100644
index 000000000..d8d5fcc7f
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/linear1.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <defs>
+    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
+      <stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <ellipse cx="200" cy="70" rx="85" ry="55" fill="url(#grad1)" />
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/linear2.svg b/applications/fpvviewer/examples_files/svg/w3schools/linear2.svg
new file mode 100644
index 000000000..56a8464a7
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/linear2.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <defs>
+    <linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
+      <stop offset="100%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <ellipse cx="200" cy="70" rx="85" ry="55" fill="url(#grad1)" />
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/path1.svg b/applications/fpvviewer/examples_files/svg/w3schools/path1.svg
new file mode 100644
index 000000000..e5b32f8fa
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/path1.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <path d="M150 0 L75 200 L225 200 Z" />
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/path2.svg b/applications/fpvviewer/examples_files/svg/w3schools/path2.svg
new file mode 100644
index 000000000..5cc4afd24
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/path2.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+<path id="lineAB" d="M 100 350 l 150 -300" stroke="red" stroke-width="3" fill="none" />
+  <path id="lineBC" d="M 250 50 l 150 300" stroke="red" stroke-width="3" fill="none" />
+  <path d="M 175 200 l 150 0" stroke="green" stroke-width="3" fill="none" />
+  <path d="M 100 350 q 150 -300 300 0" stroke="blue" stroke-width="5" fill="none" />
+  <!-- Mark relevant points -->
+  <g stroke="black" stroke-width="3" fill="black">
+    <circle id="pointA" cx="100" cy="350" r="3" />
+    <circle id="pointB" cx="250" cy="50" r="3" />
+    <circle id="pointC" cx="400" cy="350" r="3" />
+  </g>
+  <!-- Label the points -->
+  <g font-size="30" font="sans-serif" fill="black" stroke="none" text-anchor="middle">
+    <text x="100" y="350" dx="-30">A</text>
+    <text x="250" y="50" dy="-10">B</text>
+    <text x="400" y="350" dx="30">C</text>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/polygon1.svg b/applications/fpvviewer/examples_files/svg/w3schools/polygon1.svg
new file mode 100644
index 000000000..8de319109
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/polygon1.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <polygon points="200,10 250,190 160,210" style="fill:lime;stroke:purple;stroke-width:1"/>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/polygon2.svg b/applications/fpvviewer/examples_files/svg/w3schools/polygon2.svg
new file mode 100644
index 000000000..6220a9945
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/polygon2.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <polygon points="220,10 300,210 170,250 123,234" style="fill:lime;stroke:purple;stroke-width:1"/>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/polygon3.svg b/applications/fpvviewer/examples_files/svg/w3schools/polygon3.svg
new file mode 100644
index 000000000..5f84c3888
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/polygon3.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <polygon points="100,10 40,180 190,60 10,60 160,180" style="fill:lime;stroke:purple;stroke-width:5;fill-rule:nonzero;"/>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/polygon4.svg b/applications/fpvviewer/examples_files/svg/w3schools/polygon4.svg
new file mode 100644
index 000000000..81e8e0f29
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/polygon4.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <polygon points="100,10 40,180 190,60 10,60 160,180" style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;"/>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/polyline1.svg b/applications/fpvviewer/examples_files/svg/w3schools/polyline1.svg
new file mode 100644
index 000000000..c98200335
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/polyline1.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <polyline points="20,20 40,25 60,40 80,120 120,140 200,180" style="fill:none;stroke:black;stroke-width:3" />
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/polyline2.svg b/applications/fpvviewer/examples_files/svg/w3schools/polyline2.svg
new file mode 100644
index 000000000..504a947b8
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/polyline2.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <polyline points="0,40 40,40 40,80 80,80 80,120 120,120 120,160" style="fill:white;stroke:red;stroke-width:4"/>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/radial1.svg b/applications/fpvviewer/examples_files/svg/w3schools/radial1.svg
new file mode 100644
index 000000000..1fb347941
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/radial1.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <defs>
+    <radialGradient id="grad1" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
+      <stop offset="0%" style="stop-color:rgb(255,255,255);stop-opacity:0" />
+      <stop offset="100%" style="stop-color:rgb(0,0,255);stop-opacity:1" />
+    </radialGradient>
+  </defs>
+  <ellipse cx="200" cy="70" rx="85" ry="55" fill="url(#grad1)" />
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/radial2.svg b/applications/fpvviewer/examples_files/svg/w3schools/radial2.svg
new file mode 100644
index 000000000..4db00cbc0
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/radial2.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <defs>
+    <radialGradient id="grad1" cx="20%" cy="30%" r="30%" fx="50%" fy="50%">
+      <stop offset="0%" style="stop-color:rgb(255,255,255);stop-opacity:0" />
+      <stop offset="100%" style="stop-color:rgb(0,0,255);stop-opacity:1" />
+    </radialGradient>
+  </defs>
+  <ellipse cx="200" cy="70" rx="85" ry="55" fill="url(#grad1)" />
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/rect2.svg b/applications/fpvviewer/examples_files/svg/w3schools/rect2.svg
new file mode 100644
index 000000000..eeee9fe04
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/rect2.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+ 
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <rect x="50" y="20" width="150" height="150" style="fill:blue;stroke:pink;stroke-width:5;fill-opacity:0.1;stroke-opacity:0.9"/>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/rect3.svg b/applications/fpvviewer/examples_files/svg/w3schools/rect3.svg
new file mode 100644
index 000000000..66385810c
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/rect3.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <rect x="50" y="20" width="150" height="150" style="fill:blue;stroke:pink;stroke-width:5;opacity:0.5"/>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/rect4.svg b/applications/fpvviewer/examples_files/svg/w3schools/rect4.svg
new file mode 100644
index 000000000..90c546578
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/rect4.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <rect x="50" y="20" rx="20" ry="20" width="150" height="150" style="fill:red;stroke:black;stroke-width:5;opacity:0.5"/>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/stroke0.svg b/applications/fpvviewer/examples_files/svg/w3schools/stroke0.svg
new file mode 100644
index 000000000..b71f9d43a
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/stroke0.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <g fill="none">
+    <path stroke="red" d="M5 20 l215 0" />
+    <path stroke="black" d="M5 40 l215 0" />
+    <path stroke="blue" d="M5 60 l215 0" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/stroke1.svg b/applications/fpvviewer/examples_files/svg/w3schools/stroke1.svg
new file mode 100644
index 000000000..6182d21aa
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/stroke1.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <g fill="none" stroke="black">
+    <path stroke-width="2" d="M5 20 l215 0" />
+    <path stroke-width="4" d="M5 40 l215 0" />
+    <path stroke-width="6" d="M5 60 l215 0" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/stroke2.svg b/applications/fpvviewer/examples_files/svg/w3schools/stroke2.svg
new file mode 100644
index 000000000..737499585
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/stroke2.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <g fill="none" stroke="black" stroke-width="6">
+    <path stroke-linecap="butt" d="M5 20 l215 0" />
+    <path stroke-linecap="round" d="M5 40 l215 0" />
+    <path stroke-linecap="square" d="M5 60 l215 0" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/stroke3.svg b/applications/fpvviewer/examples_files/svg/w3schools/stroke3.svg
new file mode 100644
index 000000000..20b6e1eb3
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/stroke3.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <g fill="none" stroke="black" stroke-width="4">
+    <path stroke-dasharray="5,5" d="M5 20 l215 0" />
+    <path stroke-dasharray="10,10" d="M5 40 l215 0" />
+    <path stroke-dasharray="20,10,5,5,5,10" d="M5 60 l215 0" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/text1.svg b/applications/fpvviewer/examples_files/svg/w3schools/text1.svg
new file mode 100644
index 000000000..5cb25d5a4
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/text1.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+ 
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <text x="0" y="15" fill="red">I love SVG</text>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/text2.svg b/applications/fpvviewer/examples_files/svg/w3schools/text2.svg
new file mode 100644
index 000000000..e9756b86a
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/text2.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+ 
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <text x="0" y="15" fill="red" transform="rotate(30 20,40)">I love SVG</text>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/text3.svg b/applications/fpvviewer/examples_files/svg/w3schools/text3.svg
new file mode 100644
index 000000000..5a956d0e3
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/text3.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+ 
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <path id="path1" d="M75,20 a1,1 0 0,0 100,0" />
+  </defs>
+  <text x="10" y="100" style="fill:red;">
+    <textPath xlink:href="#path1">I love SVG I love SVG</textPath>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/applications/fpvviewer/examples_files/svg/w3schools/text4.svg b/applications/fpvviewer/examples_files/svg/w3schools/text4.svg
new file mode 100644
index 000000000..33aa810b3
--- /dev/null
+++ b/applications/fpvviewer/examples_files/svg/w3schools/text4.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+ 
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <text x="10" y="20" style="fill:red;">Several lines: 
+    <tspan x="10" y="45">First line</tspan> 
+    <tspan x="10" y="70">Second line</tspan> 
+  </text>
+</svg>
\ No newline at end of file