feat: custom icons for transl, rot and scale (#589)

src/index.html

@@ -8,6 +8,7 @@
   <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
   <link rel="stylesheet" href="extra_styles.css">
+  <link rel="stylesheet" href="icons/iav-icons.css">
   <link rel="stylesheet" href="theme.css">
   <link rel="stylesheet" href="version.css">
   

src/main-common.ts

@@ -13,6 +13,11 @@ import '!!file-loader?context=third_party&name=preinit_vanilla.html!third_party/
 import '!!file-loader?context=third_party&name=catchSyntaxError.js!third_party/catchSyntaxError.js'
 import '!!file-loader?context=third_party&name=syntaxError.js!third_party/syntaxError.js'
 
+import '!!file-loader?context=src/res&name=icons/iav-icons.css!src/res/icons/iav-icons.css'
+import '!!file-loader?context=src/res&name=icons/iav-icons.ttf!src/res/icons/iav-icons.ttf'
+import '!!file-loader?context=src/res&name=icons/iav-icons.woff!src/res/icons/iav-icons.woff'
+import '!!file-loader?context=src/res&name=icons/iav-icons.svg!src/res/icons/iav-icons.svg'
+
 import 'zone.js'
 import { enableProdMode } from '@angular/core';
 

src/res/icons/_base.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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="967.55908"
+   height="967.55908"
+   viewBox="0 0 256 256"
+   version="1.1"
+   id="svg859"
+   sodipodi:docname="_base.svg"
+   inkscape:version="1.0 (6e3e5246a0, 2020-05-07)">
+  <defs
+     id="defs853" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.80867634"
+     inkscape:cx="475.38605"
+     inkscape:cy="524.86583"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1439"
+     inkscape:window-height="1023"
+     inkscape:window-x="167"
+     inkscape:window-y="27"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata856">
+    <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:none;stroke:#000000;stroke-width:16;stroke-miterlimit:4;stroke-dasharray:none;stroke-linejoin:bevel;stroke-linecap:square"
+       id="rect1422"
+       width="140.85201"
+       height="140.85201"
+       x="54.726311"
+       y="57.82893" />
+  </g>
+</svg>

src/res/icons/base.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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="967.55908"
+   height="967.55908"
+   viewBox="0 0 256 256"
+   version="1.1"
+   id="svg859"
+   sodipodi:docname="base.svg"
+   inkscape:version="1.0 (6e3e5246a0, 2020-05-07)">
+  <defs
+     id="defs853" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.80867634"
+     inkscape:cx="475.38605"
+     inkscape:cy="524.86583"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1439"
+     inkscape:window-height="1023"
+     inkscape:window-x="167"
+     inkscape:window-y="27"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata856">
+    <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:none;stroke:#000000;stroke-width:16;stroke-miterlimit:4;stroke-dasharray:none;stroke-linejoin:bevel;stroke-linecap:square"
+       id="rect1422"
+       width="140.85201"
+       height="140.85201"
+       x="54.726311"
+       y="57.82893" />
+  </g>
+</svg>

src/res/icons/generateFont.sh

+#! /bin/bash
+
+# [fontforge](https://fontforge.org/en-US/) needs to be installed first
+
+JSON_STRING="$(cat ./meta.json)"
+
+JSON_REMOVE_NL=${JSON_STRING//$'\n'/ }
+JSON_REMOVE_WHITESPACE=${JSON_REMOVE_NL//$' '/}
+
+# font = fontforge.font();
+# glyph = font.createChar(41, "A");
+# glyph.importOutlines("/path/to/svg/foo.svg");
+# font.generate("/output/math/foo.ttf");
+
+CSS_MAIN_CLASS='iavic'
+CSS_FONT_FILE_NAME='iav-icons'
+
+CSS="
+.$CSS_MAIN_CLASS
+{
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-style: normal;
+  font-variant: normal;
+  text-rendering: auto;
+  line-height: 1;
+}
+
+@font-face {
+  font-family: "'"'"iav-custom-icons"'"'";
+  font-style: normal;
+  font-weight: 900;
+  font-display:auto;
+  src: url(./$CSS_FONT_FILE_NAME.woff) format("'"'"woff"'"'"),url(./$CSS_FONT_FILE_NAME.ttf) format("'"'"truetype"'"'"),url(./$CSS_FONT_FILE_NAME.svg) format("'"'"svg"'"'");
+}
+
+.$CSS_MAIN_CLASS
+{
+  font-family: "'"'"iav-custom-icons"'"'";
+}
+"
+
+CSS_REMOVE_NL=${CSS//$'\n'/ }
+CSS_REMOVE_WHITESPACE=${CSS_REMOVE_NL//$' '/}
+CSS_ESCAPE_QUOTES=${CSS_REMOVE_WHITESPACE//\"/\\\"}
+
+FONTFORGE_ARG='
+double_quot='"'"'"'"'"'
+css_output="'$CSS_ESCAPE_QUOTES'";
+css_class="'$CSS_MAIN_CLASS'";
+t='$JSON_REMOVE_WHITESPACE';
+font = fontforge.font();
+for item in t:
+  content=item['"'"'content'"'"'];
+  _class=item['"'"'class'"'"'];
+  svg=item['"'"'svg'"'"'];
+  if content is None or len(content) == 0:
+    raise Exception("content field must always be defined");
+  if svg is None:
+    raise Exception("svg path must be defined");
+  if _class is None:
+    raise Exception("content field must always be defined");
+  unicode_coord=ord(content[0]);
+  glyph = font.createChar(unicode_coord, content[0]);
+  glyph.importOutlines(svg);
+  css_output=css_output + "." + css_class + "-" + _class;
+  css_output=css_output + ":before{";
+  css_output=css_output + "content:" + double_quot + content + double_quot + ";";
+  css_output=css_output + "}";
+
+import os;
+css_filename="'$CSS_FONT_FILE_NAME'.css"
+
+fd = os.open(css_filename, os.O_RDWR | os.O_CREAT);
+os.write(fd, css_output.encode());
+os.close(fd);
+
+font.generate("./'$CSS_FONT_FILE_NAME'.ttf");
+font.generate("./'$CSS_FONT_FILE_NAME'.woff");
+font.generate("./'$CSS_FONT_FILE_NAME'.svg");
+'
+
+fontforge -c "$FONTFORGE_ARG"
\ No newline at end of file

src/res/icons/iav-icons.css

+.iavic{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}@font-face{font-family:"iav-custom-icons";font-style:normal;font-weight:900;font-display:auto;src:url(./iav-icons.woff)format("woff"),url(./iav-icons.ttf)format("truetype"),url(./iav-icons.svg)format("svg");}.iavic{font-family:"iav-custom-icons";}.iavic-translation:before{content:"t";}.iavic-scaling:before{content:"s";}.iavic-rotation:before{content:"r";}
\ No newline at end of file

src/res/icons/iav-icons.svg

+<?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" >
+<!--
+2020-7-14: Created with FontForge (http://fontforge.org)
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
+<metadata>
+Created by FontForge 20170924 at Tue Jul 14 11:59:31 2020
+ By Xiao
+Copyright (c) 2020, Xiao
+</metadata>
+<defs>
+<font id="Untitled1" horiz-adv-x="1000" >
+  <font-face 
+    font-family="Untitled1"
+    font-weight="400"
+    font-stretch="normal"
+    units-per-em="1000"
+    panose-1="2 0 5 9 0 0 0 0 0 0"
+    ascent="800"
+    descent="-200"
+    bbox="86.0146 -103.857 934.173 741.024"
+    underline-thickness="50"
+    underline-position="-100"
+    unicode-range="U+0072-0074"
+  />
+    <missing-glyph />
+    <glyph glyph-name="t" unicode="t" 
+d="M352.722 741.024h125.001c17.2588 0 31.25 -13.9912 31.25 -31.25s-13.9912 -31.25 -31.25 -31.25h-125.001c-17.2588 0 -31.25 13.9912 -31.25 31.25s13.9912 31.25 31.25 31.25zM602.723 741.024h124.999c17.2588 0 31.25 -13.9912 31.25 -31.25
+s-13.9912 -31.25 -31.25 -31.25h-124.999c-17.2588 0 -31.25 13.9912 -31.25 31.25s13.9912 31.25 31.25 31.25zM852.722 741.024h50.2031l31.248 -31.25v-74.79c0 -17.2578 -13.9902 -31.249 -31.248 -31.25c-17.2588 0 -31.25 13.9912 -31.25 31.25v43.54h-18.9531
+c-17.2588 0 -31.25 13.9912 -31.25 31.25s13.9912 31.25 31.25 31.25zM352.722 665.211c17.2588 0 31.25 -13.9912 31.25 -31.25v-35.1641h351.471l31.25 -31.25v-379.723c10.9238 -5.16602 17.8906 -16.167 17.8906 -28.251s-6.9668 -23.084 -17.8906 -28.25v-113.977
+l-31.25 -31.25h-550.2l-31.25 31.25v550.2l31.25 31.25h136.229v35.1641c0 17.2588 13.9912 31.25 31.25 31.25zM902.925 541.234c17.2578 -0.000976562 31.248 -13.9922 31.248 -31.25v-125.001c0 -17.2578 -13.9902 -31.249 -31.248 -31.25
+c-17.2588 0 -31.25 13.9912 -31.25 31.25v125.001c0 17.2588 13.9912 31.25 31.25 31.25zM216.492 536.297v-487.7h487.7v487.7h-320.221h-62.5h-104.979zM902.925 291.233c17.2578 -0.000976562 31.248 -13.9922 31.248 -31.25v-100.41l-31.248 -31.25h-24.5908
+c-17.2588 0 -31.25 13.9912 -31.25 31.25c-0.000976562 14.6934 10.2344 27.4023 24.5908 30.5342v69.876c0 17.2588 13.9912 31.25 31.25 31.25z" />
+    <glyph glyph-name="s" unicode="s" 
+d="M213.774 605.359h62.501v-62.5h-31.25v-44.5625h-62.501v62.498h31.25v44.5645zM338.775 605.359h62.5v-62.5h-62.5v62.5zM463.775 605.359h62.501v-62.5h-62.501v62.5zM588.776 605.359h62.5v-62.5h-62.5v62.5zM713.774 605.359h81.4531v-43.5498h-62.5v-18.9502
+h-18.9531v62.5zM732.728 499.31h62.5v-62.5h-62.5v62.5zM182.524 435.796h62.501v-62.5h-62.501v62.5zM732.728 374.31h62.5v-62.498h-62.5v62.498zM213.774 355.732h300.575l31.251 -31.25v-300.582l-31.251 -31.25h-24.9619h-62.5h-62.5h-62.5h-62.501h-25.6123h-31.25
+v31.25v36.8945v62.5v62.5v62.501v62.5v13.6865zM245.025 293.231v-44.9355v-62.501v-62.5v-62.5v-5.64453h56.8623h62.5h62.5h56.2119v238.081h-238.074zM732.728 249.311h62.5v-62.5h-62.5v62.5zM732.728 124.311h62.5v-62.5h-62.5v62.5zM551.888 55.1504h62.501v-62.5
+h-62.501v62.5zM676.887 55.1504h62.5v-62.5h-62.5v62.5z" />
+    <glyph glyph-name="r" unicode="r" 
+d="M376.741 717.487l43.3037 -25.001l10.8232 -6.24902l16.2402 -9.37695l118.515 -68.4229h-125.001l-24.7637 14.2979l-16.2402 9.37695l-13.668 -23.6748h-72.1709l47.3359 81.9863zM213.774 605.359h33.6182v-0.302734h193.229v0.258789
+c102.103 -0.0839844 216.106 -0.251953 323.355 0.0439453l31.25 -31.25v-98.2334l3.7041 -2.13965l-3.7041 -6.41504v-125.413l26.7588 46.3477l-0.179688 0.102539l31.25 54.1279l27.0635 -15.624l0.179688 -0.103516l11.4375 -42.6895l-96.5098 -167.159v-193.01
+l-31.25 -31.25h-131.371l24.8594 -14.3525l-15.626 -27.0635l-25.2031 -43.6523l-42.6895 -11.4395l-167.155 96.5078h-193.018l-31.25 31.25v13.5654h0.00683594v3.9082v189.323h-0.0224609c-0.046875 113.932 -0.269531 228.598 0.015625 343.412zM245.025 542.859
+v-67.8027l47.9375 -27.6777l-15.626 -27.0635l-32.3115 -55.9658v-309.199h26.5625v-0.191406h193.229v0.191406h74.6807h109.854h52.4824h30.8926v3.38184v50.126l-0.0664062 -0.115234v124.996l0.0664062 0.115234v115.976v90.1611v72.1689v30.8994h-3.38086h-50.1387
+l50.1387 -28.9473v-72.1689l-175.139 101.116h-206.121l-8.25 -14.29l-15.624 -27.0635l-54.127 31.25l5.83203 10.1035h-30.8926zM178.913 374.842v-125l-1.13184 -1.96191l-22.0156 -38.1299l23.3838 -13.5v-72.1699l-81.6973 47.167l-11.4375 42.6895l91.4434 158.385z
+M729.279 227.684v-124.996l-24.9395 -43.1982l-0.553711 -0.957031h-60.2891l-8.9082 5.14355l15.626 27.0635zM297.022 128.194l27.0635 -15.624l93.9258 -54.2285h-125l-0.175781 0.101562l-27.0635 15.626zM531.793 -7.34961l46.3408 -26.7549l9.58105 16.5898
+l5.86816 10.165h-61.79z" />
+  </font>
+</defs></svg>

src/res/icons/meta.json

+[{
+  "content": "t",
+  "class": "translation",
+  "svg": "./translation/glyph.svg"
+},{
+  "content": "s",
+  "class": "scaling",
+  "svg": "./scaling/glyph.svg"
+},{
+  "content": "r",
+  "class": "rotation",
+  "svg": "./rotation/glyph.svg"
+}]
\ No newline at end of file

src/res/icons/rotation/glyph.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   inkscape:version="1.0 (6e3e5246a0, 2020-05-07)"
+   sodipodi:docname="rotate-path.svg"
+   id="svg859"
+   version="1.1"
+   viewBox="0 0 256 256"
+   height="967.55908"
+   width="967.55908">
+  <defs
+     id="defs853" />
+  <sodipodi:namedview
+     inkscape:window-maximized="0"
+     inkscape:window-y="27"
+     inkscape:window-x="167"
+     inkscape:window-height="1023"
+     inkscape:window-width="1454"
+     units="px"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="mm"
+     inkscape:cy="927.73926"
+     inkscape:cx="773.00854"
+     inkscape:zoom="0.41362181"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata856">
+    <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <path
+       transform="scale(0.26458333)"
+       d="M 364.51953 79.835938 L 349.40039 106.02148 L 303.59961 185.34766 L 373.42969 185.34766 L 386.6543 162.44141 L 402.36719 171.51367 L 426.32812 185.34766 L 547.27344 185.34766 L 432.60352 119.14453 L 416.89062 110.07227 L 406.41797 104.02539 L 364.51953 79.835938 z M 206.83984 188.32617 L 176.60352 218.5625 C 176.32726 329.65197 176.54241 440.59812 176.58789 550.83398 L 176.60938 550.83398 L 176.60938 734.01562 L 176.60938 737.79688 L 176.60352 737.79688 L 176.60352 750.92188 L 206.83984 781.1582 L 393.5957 781.1582 L 555.32812 874.53516 L 596.63281 863.4668 L 621.01758 821.23047 L 636.13672 795.04492 L 612.08398 781.1582 L 739.19336 781.1582 L 769.42969 750.92188 L 769.42969 564.17383 L 862.80859 402.4375 L 851.74219 361.13281 L 851.56836 361.0332 L 825.38281 345.91602 L 795.14648 398.28711 L 795.32031 398.38672 L 769.42969 443.23047 L 769.42969 321.88672 L 773.01367 315.67969 L 769.42969 313.60938 L 769.42969 218.5625 L 739.19336 188.32617 C 635.4233 188.61216 525.11776 188.45039 426.32812 188.36914 L 426.32812 188.61914 L 239.36719 188.61914 L 239.36719 188.32617 L 206.83984 188.32617 z M 237.07617 248.79883 L 266.9668 248.79883 L 261.32422 258.57422 L 313.69531 288.81055 L 328.8125 262.625 L 336.79492 248.79883 L 536.22852 248.79883 L 705.68555 346.63477 L 705.68555 276.80664 L 657.17383 248.79883 L 705.68555 248.79883 L 708.95703 248.79883 L 708.95703 278.69531 L 708.95703 348.52344 L 708.95703 435.75977 L 708.95703 547.97266 L 708.89258 548.08398 L 708.89258 669.02539 L 708.95703 668.91406 L 708.95703 717.41406 L 708.95703 720.68555 L 679.06641 720.68555 L 628.28711 720.68555 L 521.99609 720.68555 L 449.73828 720.68555 L 449.73828 720.87109 L 262.77734 720.87109 L 262.77734 720.68555 L 237.07617 720.68555 L 237.07617 421.51758 L 268.33984 367.36719 L 283.45898 341.18164 L 237.07617 314.40234 L 237.07617 248.79883 z M 173.10938 411.36523 L 171.70117 413.80469 L 83.224609 567.05078 L 94.291016 608.35547 L 173.33789 653.99219 L 173.33789 584.16406 L 150.71289 571.10156 L 172.01367 534.20898 L 173.10938 532.31055 L 173.10938 411.36523 z M 705.62109 553.75 L 629.12109 686.25195 L 614.00195 712.4375 L 622.62109 717.41406 L 680.95508 717.41406 L 681.49023 716.48828 L 705.62109 674.69141 L 705.62109 553.75 z M 287.38672 650.01172 L 257.15039 702.38086 L 283.33594 717.5 L 283.50586 717.59766 L 404.45117 717.59766 L 313.57227 665.12891 L 287.38672 650.01172 z M 514.54102 781.1582 L 574.32617 781.1582 L 568.64844 790.99414 L 559.37891 807.04492 L 514.54102 781.1582 z "
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:60.4724;stroke-linecap:square;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       id="path2731" />
+    <g
+       transform="matrix(0.41458666,0,0,1,39.693876,10.077571)"
+       style="opacity:1"
+       id="g2770" />
+    <g
+       id="g2770-3"
+       style="opacity:1"
+       transform="matrix(0,0.41458666,-1,0,277.19345,183.70791)" />
+    <g
+       transform="matrix(0,0.41458666,-1,0,202.41455,42.932035)"
+       style="opacity:1"
+       id="g2770-3-9" />
+    <g
+       transform="matrix(-0.41458666,0,0,-1,52.835984,284.82378)"
+       style="opacity:1"
+       id="g2770-3-7" />
+    <g
+       transform="matrix(0,0.41458666,-1,0,208.60837,183.75677)"
+       style="opacity:1"
+       id="g2770-3-3" />
+  </g>
+</svg>

src/res/icons/rotation/rotate.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   inkscape:version="1.0 (6e3e5246a0, 2020-05-07)"
+   sodipodi:docname="rotate.svg"
+   id="svg859"
+   version="1.1"
+   viewBox="0 0 256 256"
+   height="967.55908"
+   width="967.55908">
+  <defs
+     id="defs853" />
+  <sodipodi:namedview
+     inkscape:window-maximized="0"
+     inkscape:window-y="27"
+     inkscape:window-x="167"
+     inkscape:window-height="1023"
+     inkscape:window-width="1454"
+     units="px"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="mm"
+     inkscape:cy="524.86583"
+     inkscape:cx="475.38605"
+     inkscape:zoom="0.80867634"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata856">
+    <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <rect
+       y="57.82893"
+       x="54.726311"
+       height="140.85201"
+       width="140.85201"
+       id="rect1422"
+       style="fill:none;stroke:#000000;stroke-width:16;stroke-miterlimit:4;stroke-dasharray:none;stroke-linejoin:bevel;stroke-linecap:square" />
+    <rect
+       style="fill:none;stroke:#000000;stroke-width:16.00000045;stroke-linecap:square;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:96.00000267,32.00000089;stroke-dashoffset:115.2000032;paint-order:normal"
+       id="rect1422-3"
+       width="140.85202"
+       height="140.85202"
+       x="102.08652"
+       y="-21.93014"
+       transform="rotate(30)" />
+  </g>
+</svg>

src/res/icons/scaling/glyph.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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="967.55908"
+   height="967.55908"
+   viewBox="0 0 256 256"
+   version="1.1"
+   id="svg859"
+   sodipodi:docname="scale-path.svg"
+   inkscape:version="1.0 (6e3e5246a0, 2020-05-07)">
+  <defs
+     id="defs853" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.55038984"
+     inkscape:cx="762.47492"
+     inkscape:cy="532.00053"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1439"
+     inkscape:window-height="1023"
+     inkscape:window-x="167"
+     inkscape:window-y="27"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata856">
+    <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">
+    <path
+       transform="scale(0.26458333)"
+       d="M 206.83984 188.32617 L 206.83984 231.44531 L 176.60352 231.44531 L 176.60352 291.91602 L 237.07617 291.91602 L 237.07617 248.79883 L 267.3125 248.79883 L 267.3125 188.32617 L 206.83984 188.32617 z M 327.78516 188.32617 L 327.78516 248.79883 L 388.25781 248.79883 L 388.25781 188.32617 L 327.78516 188.32617 z M 448.73047 188.32617 L 448.73047 248.79883 L 509.20312 248.79883 L 509.20312 188.32617 L 448.73047 188.32617 z M 569.67578 188.32617 L 569.67578 248.79883 L 630.14844 248.79883 L 630.14844 188.32617 L 569.67578 188.32617 z M 690.61914 188.32617 L 690.61914 248.79883 L 708.95703 248.79883 L 708.95703 230.46289 L 769.42969 230.46289 L 769.42969 188.32617 L 690.61914 188.32617 z M 708.95703 290.93555 L 708.95703 351.4082 L 769.42969 351.4082 L 769.42969 290.93555 L 708.95703 290.93555 z M 176.60352 352.38867 L 176.60352 412.86133 L 237.07617 412.86133 L 237.07617 352.38867 L 176.60352 352.38867 z M 708.95703 411.88086 L 708.95703 472.35156 L 769.42969 472.35156 L 769.42969 411.88086 L 708.95703 411.88086 z M 206.83984 429.85547 L 176.60352 460.0918 L 176.60352 473.33398 L 176.60352 533.80664 L 176.60352 594.2793 L 176.60352 654.75195 L 176.60352 715.22461 L 176.60352 750.92188 L 176.60352 781.1582 L 206.83984 781.1582 L 231.62109 781.1582 L 292.09375 781.1582 L 352.56641 781.1582 L 413.03906 781.1582 L 473.51172 781.1582 L 497.66406 781.1582 L 527.90039 750.92188 L 527.90039 460.0918 L 497.66406 429.85547 L 206.83984 429.85547 z M 237.07617 490.32812 L 467.42773 490.32812 L 467.42773 720.68555 L 413.03906 720.68555 L 352.56641 720.68555 L 292.09375 720.68555 L 237.07617 720.68555 L 237.07617 715.22461 L 237.07617 654.75195 L 237.07617 594.2793 L 237.07617 533.80664 L 237.07617 490.32812 z M 708.95703 532.82422 L 708.95703 593.29688 L 769.42969 593.29688 L 769.42969 532.82422 L 708.95703 532.82422 z M 708.95703 653.76953 L 708.95703 714.24219 L 769.42969 714.24219 L 769.42969 653.76953 L 708.95703 653.76953 z M 533.98438 720.68555 L 533.98438 781.1582 L 594.45703 781.1582 L 594.45703 720.68555 L 533.98438 720.68555 z M 654.92773 720.68555 L 654.92773 781.1582 L 715.40039 781.1582 L 715.40039 720.68555 L 654.92773 720.68555 z "
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:60.4724;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:60.4724, 60.4724;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       id="path2082" />
+  </g>
+</svg>

src/res/icons/scaling/scale.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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="967.55908"
+   height="967.55908"
+   viewBox="0 0 256 256"
+   version="1.1"
+   id="svg859"
+   sodipodi:docname="scale.svg"
+   inkscape:version="1.0 (6e3e5246a0, 2020-05-07)">
+  <defs
+     id="defs853" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.55038984"
+     inkscape:cx="762.47492"
+     inkscape:cy="532.00053"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1439"
+     inkscape:window-height="1023"
+     inkscape:window-x="167"
+     inkscape:window-y="27"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata856">
+    <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:none;stroke:#000000;stroke-width:16.00000045;stroke-miterlimit:4;stroke-dasharray:16.00000045, 16.00000045000000171;stroke-linejoin:miter;stroke-linecap:butt;stroke-dashoffset:0"
+       id="rect1422"
+       width="140.85201"
+       height="140.85201"
+       x="54.726311"
+       y="57.82893" />
+    <rect
+       y="121.73264"
+       x="54.726311"
+       height="76.948296"
+       width="76.948296"
+       id="rect1422-5"
+       style="fill:none;stroke:#000000;stroke-width:16.00000045;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:160.00000445" />
+  </g>
+</svg>

src/res/icons/translation/glyph.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   inkscape:version="1.0 (6e3e5246a0, 2020-05-07)"
+   sodipodi:docname="translate-path.svg"
+   id="svg859"
+   version="1.1"
+   viewBox="0 0 256 256"
+   height="967.55908"
+   width="967.55908">
+  <defs
+     id="defs853" />
+  <sodipodi:namedview
+     inkscape:window-maximized="0"
+     inkscape:window-y="27"
+     inkscape:window-x="167"
+     inkscape:window-height="1023"
+     inkscape:window-width="1439"
+     units="px"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="mm"
+     inkscape:cy="660.97322"
+     inkscape:cx="709.31124"
+     inkscape:zoom="0.64903721"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata856">
+    <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
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <path
+       sodipodi:nodetypes="cccccccccccsccssscsccccsccccccccccsccccccccccccccccccccccccscccc"
+       transform="scale(0.26458333)"
+       d="m 341.2793,57.0625 c -16.69909,-6.1e-5 -30.23639,13.53724 -30.23633,30.236328 -6e-5,16.699092 13.53724,30.236392 30.23633,30.236332 h 120.94531 c 16.69909,6e-5 30.23639,-13.53724 30.23633,-30.236332 C 492.461,70.59974 478.9237,57.062439 462.22461,57.0625 Z m 241.89062,0 c -16.69909,-6.1e-5 -30.23639,13.53724 -30.23633,30.236328 -6e-5,16.699092 13.53724,30.236392 30.23633,30.236332 h 120.94336 c 16.69909,6e-5 30.23639,-13.53724 30.23633,-30.236332 6e-5,-16.699088 -13.53724,-30.236389 -30.23633,-30.236328 z m 241.88867,0 c -16.69908,-5.5e-5 -30.23638,13.537244 -30.23632,30.236328 -6e-5,16.699082 13.53723,30.236392 30.23632,30.236332 h 18.33789 v 42.12695 c -6e-5,16.69909 13.53724,30.23639 30.23633,30.23633 16.69833,-0.001 30.23444,-13.538 30.23438,-30.23633 V 87.298828 L 873.63281,57.0625 Z M 341.2793,130.41602 c -16.69909,-6e-5 -30.23639,13.53723 -30.23633,30.23632 v 34.02344 H 179.23242 l -30.23633,30.23633 V 757.26367 L 179.23242,787.5 h 532.35156 l 30.23633,-30.23633 V 646.98438 c 10.56967,-4.99815 17.31049,-15.64214 17.31055,-27.33399 -7e-5,-11.69185 -6.74088,-22.33584 -17.31055,-27.33398 V 224.91211 L 711.58398,194.67578 H 371.51562 v -34.02344 c 6e-5,-16.69908 -13.53724,-30.23638 -30.23632,-30.23632 z m 532.35351,119.95507 c -16.69909,-6e-5 -30.23639,13.53724 -30.23633,30.23633 v 120.94531 c -6e-5,16.69909 13.53724,30.23639 30.23633,30.23633 16.69833,-0.001 30.23444,-13.538 30.23438,-30.23633 V 280.60742 c 6e-5,-16.69833 -13.53605,-30.23531 -30.23438,-30.23633 z m -664.16406,4.77735 h 101.57422 60.47265 309.83204 c 0,157.29297 0,314.58593 0,471.8789 H 209.46875 Z m 664.16406,237.11328 c -16.69909,-6e-5 -30.23639,13.53724 -30.23633,30.23633 v 67.60937 c -13.89006,3.02952 -23.79355,15.32637 -23.79296,29.54297 -6e-5,16.69909 13.53723,30.23639 30.23632,30.23633 h 23.79297 l 30.23438,-30.23633 v -97.15234 c 6e-5,-16.69833 -13.53605,-30.23531 -30.23438,-30.23633 z"
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:60.4724;stroke-linecap:square;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       id="path1503" />
+  </g>
+</svg>

src/res/icons/translation/translate.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   inkscape:version="1.0 (6e3e5246a0, 2020-05-07)"
+   sodipodi:docname="translate.svg"
+   id="svg859"
+   version="1.1"
+   viewBox="0 0 256 256"
+   height="967.55908"
+   width="967.55908">
+  <defs
+     id="defs853" />
+  <sodipodi:namedview
+     inkscape:window-maximized="0"
+     inkscape:window-y="27"
+     inkscape:window-x="167"
+     inkscape:window-height="1023"
+     inkscape:window-width="1439"
+     units="px"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="mm"
+     inkscape:cy="554.88327"
+     inkscape:cx="827.69499"
+     inkscape:zoom="0.6470145"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata856">
+    <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <rect
+       y="59.508263"
+       x="47.422356"
+       height="140.85201"
+       width="140.85201"
+       id="rect1422"
+       style="fill:none;stroke:#000000;stroke-width:16;stroke-linecap:square;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none" />
+    <rect
+       style="fill:none;stroke:#000000;stroke-width:16;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:32, 32;stroke-dashoffset:0"
+       id="rect1422-6"
+       width="140.85202"
+       height="140.85202"
+       x="90.29702"
+       y="23.096846" />
+  </g>
+</svg>

src/ui/nehubaContainer/statusCard/statusCard.template.html

@@ -13,21 +13,21 @@
         mat-icon-button
         (click)="resetNavigation({position:true})"
         matTooltip="Reset position">
-        <i class="fas fa-crosshairs"></i>
+        <i class="iavic iavic-translation"></i>
       </button>
 
       <button
         mat-icon-button
         (click)="resetNavigation({rotation:true})"
         matTooltip="Reset rotation">
-        <i class="fas fa-compass"></i>
+        <i class="iavic iavic-rotation"></i>
       </button>
 
       <button
         mat-icon-button
         (click)="resetNavigation({zoom:true})"
         matTooltip="Reset zoom">
-        <i class="fas fa-search-plus"></i>
+        <i class="iavic iavic-scaling"></i>
       </button>
 
       <mat-divider [vertical]="true"></mat-divider>