Replace svg's with a font. simplify svg's. replace repeat icon. Make loading icon 10x cooler

frontend/chuchufe/src/App.js

@@ -4,6 +4,7 @@ import './css/fontawesome.css';
 import './css/solid.css';
 import './css/bootstrap/bootstrap.css';
 import './css/main.css';
+import './css/ChuChubeFont.css'
 import useRoom from "./util/useRoom";
 import ChooseRoom from "./components/ChooseRoom";
 import Room from "./components/Room";

frontend/chuchufe/src/components/LoadingLogo.js

@@ -1,12 +1,11 @@
 import React from "react";
-import bg from '../img/icon-bg.svg'
-import train from '../img/icon-train.svg'
 
-export default function LoadingLogo() {
-    return <div className="loadingLogoContainer">
+export default function LoadingLogo({scale}) {
+    const scaleFactor = scale === undefined ? 1 : scale;
+    return <div className="loadingLogoContainer" style={{fontSize: `${scaleFactor*80}pt`}}>
         <div className="loadingLogoContainingBlock">
-            <img className="loadingLogoBg" src={bg} alt="loading icon"/>
-            <img className="loadingLogo" src={train} alt=""/>
+            <i className="loadingLogoBg ccf ccf-logo-bg text-chuchube-red"/>
+            <i className="loadingLogo ccf ccf-logo-train text-white" style={{fontSize: `${scaleFactor*44}pt`}}/>
         </div>
     </div>
 }

frontend/chuchufe/src/components/PlayerToolbar.js

@@ -66,7 +66,7 @@ export default function PlayerToolbar({ playback, repeatEnabled, playerEnabled,
                             isController ? "Leader" : "Listener"}
                 </button>
             </div>
-            <div className="btn-group mr-2">
+            <div className="btn-group mr-2" >
                 <button className={`btn ${onButtonClass(state === PlayerState.PLAYING)}`}
                         onClick={onPlayClick}>
                     <i className="fa fa-play"/></button>
@@ -78,7 +78,8 @@ export default function PlayerToolbar({ playback, repeatEnabled, playerEnabled,
             </div>
             <div className="btn-group mr-2" title="repeat">
                 <button className={`btn ${onButtonClass(repeatEnabled)}`} onClick={onRepeatClick}>
-                    <i className="fa fa-redo-alt"/></button>
+                    <i className="ccf ccf-repeat alignMiddle"/>
+                </button>
             </div>
         </div>
         {playerEnabled &&

frontend/chuchufe/src/components/YoutubePlayer.js

@@ -101,7 +101,7 @@ export default function YoutubePlayer({ playback, onSongEnd }) {
                 if (!window.YT) {
                     setIframeAPILoading(true);
                     const tag = document.createElement('script');
-                    tag.src = 'https://www.youtube.com/iframe_api';
+                    // tag.src = 'https://www.youtube.com/iframe_api';
                     const firstScriptTag = document.getElementsByTagName('script')[0];
                     firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
                 } else {

frontend/chuchufe/src/css/ChuChubeFont.css

@@ -0,0 +1,24 @@
+/* Generated by Glyphter (http://www.glyphter.com) on  Thu Oct 29 2020*/
+@font-face {
+    font-family: 'ChuChubeFont';
+    src: url('../webfonts/ChuChubeFont.eot');
+    src: url('../webfonts/ChuChubeFont.eot?#iefix') format('embedded-opentype'),
+         url('../webfonts/ChuChubeFont.woff') format('woff'),
+         url('../webfonts/ChuChubeFont.ttf') format('truetype'),
+         url('../webfonts/ChuChubeFont.svg#ChuChubeFont') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+.ccf{
+	display: inline-block;
+   font-family: 'ChuChubeFont';
+   font-style: normal;
+   font-weight: normal;
+   line-height: 1;
+   -webkit-font-smoothing: antialiased;
+   -moz-osx-font-smoothing: grayscale
+}
+.ccf-logo:before{content:'\0041';}
+.ccf-repeat:before{content:'\0042';}
+.ccf-logo-bg:before{content:'\0043';}
+.ccf-logo-train:before{content:'\0044';}

frontend/chuchufe/src/css/main.css

@@ -27,30 +27,49 @@ input, select, textarea, button {
     left: 20px
 }
 
+.text-chuchube-red {
+    color: #ff0000ff;
+}
+
+.ccf .alignMiddle {
+    vertical-align: middle;
+    margin-top: -20%;
+}
+
 @keyframes slidein {
     from {
-        margin-left: -75%;
+        margin-left: -90%;
     }
     to {
-        margin-left: 80%;
+        margin-left: 100%;
     }
 
 }
 
 .loadingLogo {
+    position: absolute;
+    left: 0;
+    top: 22%;
+    font-size: 44pt;
+}
+
+.loadingLogoBg {
     position: absolute;
     left: 0;
     top: 0;
 }
 
 .loadingLogo {
-    animation: 3s linear infinite slidein;
+    animation: 1.5s cubic-bezier(0.4, 1.41, 0.68, -0.14) infinite slidein;
 }
 
+
 .loadingLogoContainingBlock {
     position: relative;
     overflow: hidden;
     display: inline-block;
+    width: 1em;
+    height: 1em;
 }
 
 .loadingLogoContainer {

frontend/chuchufe/src/img/icon-bg.svg

@@ -5,17 +5,15 @@
    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"
-   viewBox="0 0 156 156"
+   id="svg928"
    version="1.1"
-   id="svg887"
-   sodipodi:docname="icon-bg.svg"
-   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
-   width="156"
-   height="156">
+   viewBox="0 0 41.254954 41.222085"
+   height="155.8"
+   width="155.92424">
+  <defs
+     id="defs922" />
   <metadata
-     id="metadata893">
+     id="metadata925">
     <rdf:RDF>
       <cc:Work
          rdf:about="">
@@ -26,533 +24,12 @@
       </cc:Work>
     </rdf:RDF>
   </metadata>
-  <defs
-     id="defs891">
-    <inkscape:perspective
-       id="perspective5329"
-       inkscape:persp3d-origin="0.75619357 : 3.1889763 : 1"
-       inkscape:vp_z="1.5123871 : 4.7834644 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_x="0 : 4.7834644 : 1"
-       sodipodi:type="inkscape:persp3d" />
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective5339" />
-    <clipPath
-       id="clipPath4202"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4204"
-         d="m 20.045,731.714 h 42.114 v 37.012 H 20.045 Z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 1.9090909 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="1.7276423 : 1.9090909 : 1"
-       inkscape:persp3d-origin="0.86382113 : 1.2727273 : 1"
-       id="perspective5396" />
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective5429" />
-    <clipPath
-       id="clipPath2840"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path2842"
-         d="m 77.057,731.714 h 42.114 v 37.012 H 77.057 Z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective5499" />
-    <clipPath
-       id="clipPath3036"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path3038"
-         d="m 134.072,731.751 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective5621" />
-    <clipPath
-       id="clipPath2952"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path2954"
-         d="m 191.084,731.751 h 42.113 v 36.975 h -42.113 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <clipPath
-       id="clipPath2936"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path2938"
-         d="m 191.084,731.751 h 42.113 v 36.975 h -42.113 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective5694" />
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       id="perspective18"
-       inkscape:persp3d-origin="0.51829268 : 1.3727273 : 1"
-       inkscape:vp_z="1.0365854 : 2.0590909 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_x="0 : 2.0590909 : 1" />
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective5722" />
-    <clipPath
-       id="clipPath3216"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path3218"
-         d="m 248.098,731.74 h 42.114 v 36.986 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective5860" />
-    <clipPath
-       id="clipPath2880"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path2882"
-         d="m 305.111,731.751 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective5942" />
-    <clipPath
-       id="clipPath3112"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path3114"
-         d="m 362.126,731.751 h 42.113 v 36.975 h -42.113 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <clipPath
-       id="clipPath3100"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path3102"
-         d="m 362.126,731.751 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6017" />
-    <clipPath
-       id="clipPath2984"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path2986"
-         d="m 419.137,731.751 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6119" />
-    <clipPath
-       id="clipPath3296"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path3298"
-         d="m 476.153,731.751 h 42.113 v 36.975 h -42.113 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6219" />
-    <clipPath
-       id="clipPath2860"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path2862"
-         d="m 533.165,731.751 h 42.113 v 36.975 h -42.113 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6281" />
-    <clipPath
-       id="clipPath3080"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path3082"
-         d="m 20.045,674.69 h 42.114 v 36.975 H 20.045 Z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6343" />
-    <clipPath
-       id="clipPath2964"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path2966"
-         d="m 77.057,674.69 h 42.114 v 36.975 H 77.057 Z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6432" />
-    <clipPath
-       id="clipPath3256"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path3258"
-         d="m 134.072,674.69 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6560" />
-    <clipPath
-       id="clipPath2908"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path2910"
-         d="m 191.084,674.69 h 42.113 v 36.975 h -42.113 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6650" />
-    <clipPath
-       id="clipPath3128"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path3130"
-         d="m 248.098,674.69 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6920" />
-    <clipPath
-       id="clipPath3016"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path3018"
-         d="m 305.111,674.69 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6991" />
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7016" />
-    <clipPath
-       id="clipPath4234"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4236"
-         d="m 362.126,674.673 h 42.113 v 36.975 h -42.113 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <clipPath
-       id="clipPath4222"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4224"
-         d="m 362.126,674.673 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7091" />
-    <clipPath
-       id="clipPath4394"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4396"
-         d="m 419.137,674.673 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7169" />
-    <clipPath
-       id="clipPath4848"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4850"
-         d="m 476.152,674.673 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7231" />
-    <clipPath
-       id="clipPath4976"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4978"
-         d="m 20.044,617.671 h 42.114 v 36.975 H 20.044 Z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7293" />
-    <clipPath
-       id="clipPath4924"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4926"
-         d="m 134.07,617.671 h 42.114 v 36.975 H 134.07 Z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7355" />
-    <clipPath
-       id="clipPath4732"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4734"
-         d="m 191.083,617.671 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7417" />
-    <clipPath
-       id="clipPath4538"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4540"
-         d="m 305.109,617.68 h 42.114 v 36.966 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7567" />
-    <clipPath
-       id="clipPath4888"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4890"
-         d="m 362.141,617.646 h 42.114 v 36.974 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7715" />
-    <clipPath
-       id="clipPath4704"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4706"
-         d="m 419.137,617.646 h 42.114 v 36.974 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <clipPath
-       id="clipPath4684"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4686"
-         d="m 419.137,617.646 h 42.114 v 36.974 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7822" />
-    <clipPath
-       id="clipPath5076"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path5078"
-         d="m 476.152,617.644 h 42.135 v 37.002 h -42.135 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <clipPath
-       id="clipPath5064"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path5066"
-         d="m 476.152,617.645 h 42.135 v 37.001 h -42.135 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7961" />
-    <clipPath
-       id="clipPath5016"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path5018"
-         d="m 533.182,617.715 h 42.114 v 36.931 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-  </defs>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1029"
-     id="namedview889"
-     showgrid="false"
-     inkscape:snap-object-midpoints="true"
-     inkscape:zoom="3.2812785"
-     inkscape:cx="150.07314"
-     inkscape:cy="77.818062"
-     inkscape:window-x="0"
-     inkscape:window-y="25"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg887"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0" />
-  <flowRoot
-     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:125%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-     id="flowRoot895"
-     xml:space="preserve"
-     transform="translate(-0.08781227,46.533031)"><flowRegion
-       id="flowRegion897"><rect
-         y="52.517094"
-         x="264.42136"
-         height="49.182903"
-         width="35.07864"
-         id="rect899" /></flowRegion><flowPara
-       id="flowPara901" /></flowRoot>  <path
-     inkscape:connector-curvature="0"
-     style="fill:#ff0000"
-     d="m 152.48326,39.900011 a 19.6,19.6 0 0 0 -13.8,-13.8 c -12.1,-3.3 -60.800012,-3.3 -60.800012,-3.3 0,0 -48.7,0.1 -60.79999,3.4 a 19.6,19.6 0 0 0 -13.8000003,13.8 c -3.65999997,21.5 -5.08,54.259989 0.1,74.899989 a 19.6,19.6 0 0 0 13.8000003,13.8 c 12.09999,3.3 60.79999,3.3 60.79999,3.3 0,0 48.700012,0 60.800012,-3.3 a 19.6,19.6 0 0 0 13.8,-13.8 c 3.86,-21.53 5.05,-54.269989 -0.1,-74.999989 z"
-     id="path874-3" />
   <g
-     inkscape:label="Ebene 1"
-     inkscape:groupmode="layer"
-     transform="translate(-895.63472,2.0776107)"
-     id="layer1-0" />
+     transform="translate(-66.972211,-98.954888)"
+     id="layer1">
+    <path
+       id="path874-3"
+       d="m 107.31674,109.64406 a 5.1858333,5.1858333 0 0 0 -3.65125,-3.65125 c -3.20146,-0.87313 -16.086671,-0.87313 -16.086671,-0.87313 0,0 -12.885208,0.0265 -16.086663,0.89958 a 5.1858333,5.1858333 0 0 0 -3.65125,3.65125 c -0.968375,5.68855 -1.344084,14.35629 0.02646,19.81729 a 5.1858333,5.1858333 0 0 0 3.65125,3.65125 c 3.201456,0.87313 16.086664,0.87313 16.086664,0.87313 0,0 12.88521,0 16.08667,-0.87313 a 5.1858333,5.1858333 0 0 0 3.65125,-3.65125 c 1.02129,-5.69648 1.33614,-14.35893 -0.0265,-19.84374 z"
+       style="fill:#ff0000;stroke-width:0.26458332" />
+  </g>
 </svg>

frontend/chuchufe/src/img/icon-train.svg

@@ -7,508 +7,13 @@
    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"
-   viewBox="0 0 156 156"
+   id="svg956"
    version="1.1"
-   id="svg887"
-   sodipodi:docname="icon-train.svg"
-   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
+   viewBox="0 0 41.274998 41.274998"
+   height="156"
    width="156"
-   height="156">
-  <metadata
-     id="metadata893">
-    <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>
-  <defs
-     id="defs891">
-    <inkscape:perspective
-       id="perspective5329"
-       inkscape:persp3d-origin="0.75619357 : 3.1889763 : 1"
-       inkscape:vp_z="1.5123871 : 4.7834644 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_x="0 : 4.7834644 : 1"
-       sodipodi:type="inkscape:persp3d" />
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective5339" />
-    <clipPath
-       id="clipPath4202"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4204"
-         d="m 20.045,731.714 h 42.114 v 37.012 H 20.045 Z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 1.9090909 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="1.7276423 : 1.9090909 : 1"
-       inkscape:persp3d-origin="0.86382113 : 1.2727273 : 1"
-       id="perspective5396" />
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective5429" />
-    <clipPath
-       id="clipPath2840"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path2842"
-         d="m 77.057,731.714 h 42.114 v 37.012 H 77.057 Z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective5499" />
-    <clipPath
-       id="clipPath3036"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path3038"
-         d="m 134.072,731.751 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective5621" />
-    <clipPath
-       id="clipPath2952"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path2954"
-         d="m 191.084,731.751 h 42.113 v 36.975 h -42.113 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <clipPath
-       id="clipPath2936"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path2938"
-         d="m 191.084,731.751 h 42.113 v 36.975 h -42.113 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective5694" />
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       id="perspective18"
-       inkscape:persp3d-origin="0.51829268 : 1.3727273 : 1"
-       inkscape:vp_z="1.0365854 : 2.0590909 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_x="0 : 2.0590909 : 1" />
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective5722" />
-    <clipPath
-       id="clipPath3216"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path3218"
-         d="m 248.098,731.74 h 42.114 v 36.986 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective5860" />
-    <clipPath
-       id="clipPath2880"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path2882"
-         d="m 305.111,731.751 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective5942" />
-    <clipPath
-       id="clipPath3112"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path3114"
-         d="m 362.126,731.751 h 42.113 v 36.975 h -42.113 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <clipPath
-       id="clipPath3100"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path3102"
-         d="m 362.126,731.751 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6017" />
-    <clipPath
-       id="clipPath2984"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path2986"
-         d="m 419.137,731.751 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6119" />
-    <clipPath
-       id="clipPath3296"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path3298"
-         d="m 476.153,731.751 h 42.113 v 36.975 h -42.113 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6219" />
-    <clipPath
-       id="clipPath2860"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path2862"
-         d="m 533.165,731.751 h 42.113 v 36.975 h -42.113 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6281" />
-    <clipPath
-       id="clipPath3080"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path3082"
-         d="m 20.045,674.69 h 42.114 v 36.975 H 20.045 Z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6343" />
-    <clipPath
-       id="clipPath2964"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path2966"
-         d="m 77.057,674.69 h 42.114 v 36.975 H 77.057 Z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6432" />
-    <clipPath
-       id="clipPath3256"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path3258"
-         d="m 134.072,674.69 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6560" />
-    <clipPath
-       id="clipPath2908"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path2910"
-         d="m 191.084,674.69 h 42.113 v 36.975 h -42.113 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6650" />
-    <clipPath
-       id="clipPath3128"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path3130"
-         d="m 248.098,674.69 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6920" />
-    <clipPath
-       id="clipPath3016"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path3018"
-         d="m 305.111,674.69 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective6991" />
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7016" />
-    <clipPath
-       id="clipPath4234"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4236"
-         d="m 362.126,674.673 h 42.113 v 36.975 h -42.113 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <clipPath
-       id="clipPath4222"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4224"
-         d="m 362.126,674.673 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7091" />
-    <clipPath
-       id="clipPath4394"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4396"
-         d="m 419.137,674.673 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7169" />
-    <clipPath
-       id="clipPath4848"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4850"
-         d="m 476.152,674.673 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7231" />
-    <clipPath
-       id="clipPath4976"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4978"
-         d="m 20.044,617.671 h 42.114 v 36.975 H 20.044 Z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7293" />
-    <clipPath
-       id="clipPath4924"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4926"
-         d="m 134.07,617.671 h 42.114 v 36.975 H 134.07 Z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7355" />
-    <clipPath
-       id="clipPath4732"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4734"
-         d="m 191.083,617.671 h 42.114 v 36.975 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7417" />
-    <clipPath
-       id="clipPath4538"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4540"
-         d="m 305.109,617.68 h 42.114 v 36.966 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7567" />
-    <clipPath
-       id="clipPath4888"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4890"
-         d="m 362.141,617.646 h 42.114 v 36.974 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7715" />
-    <clipPath
-       id="clipPath4704"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4706"
-         d="m 419.137,617.646 h 42.114 v 36.974 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <clipPath
-       id="clipPath4684"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path4686"
-         d="m 419.137,617.646 h 42.114 v 36.974 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7822" />
-    <clipPath
-       id="clipPath5076"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path5078"
-         d="m 476.152,617.644 h 42.135 v 37.002 h -42.135 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <clipPath
-       id="clipPath5064"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path5066"
-         d="m 476.152,617.645 h 42.135 v 37.001 h -42.135 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 0.0045454545 : 1"
-       inkscape:vp_y="0 : 9.090909 : 0"
-       inkscape:vp_z="0.0020325203 : 0.0045454545 : 1"
-       inkscape:persp3d-origin="0.0010162602 : 0.003030303 : 1"
-       id="perspective7961" />
-    <clipPath
-       id="clipPath5016"
-       clipPathUnits="userSpaceOnUse">
-      <path
-         id="path5018"
-         d="m 533.182,617.715 h 42.114 v 36.931 h -42.114 z"
-         inkscape:connector-curvature="0" />
-    </clipPath>
-  </defs>
+   sodipodi:docname="icon-train.svg"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
   <sodipodi:namedview
      pagecolor="#ffffff"
      bordercolor="#666666"
@@ -520,109 +25,33 @@
      inkscape:pageshadow="2"
      inkscape:window-width="1920"
      inkscape:window-height="1029"
-     id="namedview889"
+     id="namedview21"
      showgrid="false"
-     inkscape:snap-object-midpoints="true"
-     inkscape:zoom="2.3202143"
-     inkscape:cx="100.24271"
-     inkscape:cy="56.508369"
+     inkscape:zoom="0.90467032"
+     inkscape:cx="363.77715"
+     inkscape:cy="1.1879704"
      inkscape:window-x="0"
      inkscape:window-y="25"
      inkscape:window-maximized="1"
-     inkscape:current-layer="svg887"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0" />
-  <flowRoot
-     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:125%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-     id="flowRoot895"
-     xml:space="preserve"
-     transform="translate(-0.08781227,46.533031)"><flowRegion
-       id="flowRegion897"><rect
-         y="52.517094"
-         x="264.42136"
-         height="49.182903"
-         width="35.07864"
-         id="rect899" /></flowRegion><flowPara
-       id="flowPara901" /></flowRoot>  <g
-     inkscape:label="Ebene 1"
-     inkscape:groupmode="layer"
-     transform="translate(-895.63472,2.0776107)"
-     id="layer1-0" />
-  <g
-     style="fill:#ffffff"
-     id="g8075-7"
-     transform="matrix(-0.52072048,0,0,0.52072048,81.169918,-134.23916)">
-    <g
-       style="fill:#ffffff"
-       transform="matrix(9.6802871,0,0,-9.6802871,76.943493,438.0967)"
-       id="g5024-5">
-      <path
-         inkscape:connector-curvature="0"
-         id="path5026-3"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="m 0,0 c 0,-0.105 0.035,-0.245 0.035,-0.35 0,-1.154 -0.944,-2.064 -2.065,-2.064 -1.119,0 -2.064,0.91 -2.064,2.064 0,0.105 0.036,0.245 0.036,0.35 z" />
-    </g>
-    <g
-       style="fill:#ffffff;stroke:none"
-       transform="matrix(9.6802871,0,0,-9.6802871,76.943493,438.0967)"
-       id="g5028-5">
-      <path
-         inkscape:connector-curvature="0"
-         id="path5030-6"
-         style="fill:#ffffff;stroke:none;stroke-width:0.01431872;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:2.61299992;stroke-dasharray:none;stroke-opacity:1"
-         d="m 0,0 c 0,-0.105 0.035,-0.245 0.035,-0.35 0,-1.154 -0.944,-2.064 -2.065,-2.064 -1.119,0 -2.064,0.91 -2.064,2.064 0,0.105 0.036,0.245 0.036,0.35 z" />
-    </g>
-    <g
-       style="fill:#ffffff"
-       transform="matrix(9.6802871,0,0,-9.6802871,25.803503,438.0967)"
-       id="g5032-2">
-      <path
-         inkscape:connector-curvature="0"
-         id="path5034-9"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="m 0,0 c 0,-0.105 0.035,-0.245 0.035,-0.35 0,-1.154 -0.944,-2.064 -2.065,-2.064 -1.119,0 -2.064,0.91 -2.064,2.064 0,0.105 0.036,0.245 0.036,0.35 z" />
-    </g>
-    <g
-       style="fill:#ffffff;stroke:none"
-       transform="matrix(9.6802871,0,0,-9.6802871,25.803503,438.0967)"
-       id="g5036-1">
-      <path
-         inkscape:connector-curvature="0"
-         id="path5038-2"
-         style="fill:#ffffff;stroke:none;stroke-width:0.01431872;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:2.61299992;stroke-dasharray:none;stroke-opacity:1"
-         d="m 0,0 c 0,-0.105 0.035,-0.245 0.035,-0.35 0,-1.154 -0.944,-2.064 -2.065,-2.064 -1.119,0 -2.064,0.91 -2.064,2.064 0,0.105 0.036,0.245 0.036,0.35 z" />
-    </g>
-    <g
-       style="fill:#ffffff"
-       transform="matrix(9.6802871,0,0,-9.6802871,-25.338427,438.0967)"
-       id="g5040-7">
-      <path
-         inkscape:connector-curvature="0"
-         id="path5042-0"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="m 0,0 c 0.035,-0.105 0.035,-0.245 0.035,-0.35 0,-1.154 -0.91,-2.064 -2.065,-2.064 -1.119,0 -2.064,0.91 -2.064,2.064 0,0.105 0.036,0.245 0.036,0.35 z" />
-    </g>
-    <g
-       style="fill:#ffffff;stroke:none"
-       transform="matrix(9.6802871,0,0,-9.6802871,-25.338427,438.0967)"
-       id="g5044-9">
-      <path
-         inkscape:connector-curvature="0"
-         id="path5046-3"
-         style="fill:#ffffff;stroke:none;stroke-width:0.01431872;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:2.61299992;stroke-dasharray:none;stroke-opacity:1"
-         d="m 0,0 c 0.035,-0.105 0.035,-0.245 0.035,-0.35 0,-1.154 -0.91,-2.064 -2.065,-2.064 -1.119,0 -2.064,0.91 -2.064,2.064 0,0.105 0.036,0.245 0.036,0.35 z" />
-    </g>
-    <g
-       style="fill:#ffffff"
-       transform="matrix(9.6802871,0,0,-9.6802871,6.160263,373.06937)"
-       id="g5048-6">
-      <path
-         inkscape:connector-curvature="0"
-         id="path5050-0"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="M 0,0 C 0,0.77 -0.56,1.399 -1.329,1.399 -2.1,1.399 -2.659,0.77 -2.659,0 v -0.7 c 0,-0.139 -0.14,-0.279 -0.28,-0.279 h -2.064 c -0.14,0 -0.28,0.14 -0.28,0.279 v 1.855 c 0,0.104 -0.07,0.21 -0.21,0.21 h -1.294 c -0.14,0 -0.21,-0.106 -0.21,-0.21 V -0.7 c 0,-0.139 -0.14,-0.279 -0.28,-0.279 h -0.56 c -0.175,0 -0.315,-0.14 -0.315,-0.28 v -4.653 c 0,-0.176 0.14,-0.316 0.315,-0.316 H 7.802 c 0.175,0 0.315,0.14 0.315,0.316 v 3.323 c 0,0.175 -0.14,0.315 -0.315,0.315 H 5.563 c -0.14,0 -0.28,0.104 -0.28,0.28 V 0.28 c 0,0.175 0.14,0.28 0.28,0.28 h 2.169 c 0.245,0 0.42,0.175 0.42,0.385 0,0.21 -0.175,0.42 -0.42,0.42 H 2.939 C 2.763,1.365 2.624,1.225 2.624,1.049 V -0.7 c 0,-0.139 -0.14,-0.279 -0.28,-0.279 H 0.28 C 0.14,-0.979 0,-0.839 0,-0.7 Z" />
-    </g>
-  </g>
+     inkscape:current-layer="svg956" />
+  <defs
+     id="defs950" />
+  <metadata
+     id="metadata953">
+    <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>
+  <path
+     style="fill:#ffffff;stroke:none;stroke-width:0.01909676;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:2.61299992;stroke-dasharray:none;stroke-opacity:1"
+     d="m 22.409775,13.615008 c -1.025609,0 -1.772502,0.839094 -1.772502,1.866036 v 0.933277 c 0,0.185383 -0.186903,0.37207 -0.37362,0.37207 h -2.752804 c -0.186717,0 -0.373104,-0.186687 -0.373104,-0.37207 v -2.332674 c 0,-0.23473 -0.1854,-0.421163 -0.420129,-0.421163 h -6.392374 c -0.3267547,0 -0.560173,0.280096 -0.560173,0.560172 0,0.280075 0.2334183,0.513664 0.560173,0.513664 h 2.892846 c 0.186717,0 0.373104,0.139708 0.373104,0.373104 v 3.032889 c 0,0.234731 -0.186387,0.373621 -0.373104,0.373621 h -2.986381 c -0.2333959,0 -0.4201293,0.186733 -0.4201293,0.420129 v 4.431771 c 0,0.23473 0.1867334,0.421163 0.4201293,0.421163 h 20.857642 c 0.233394,0 0.420129,-0.186433 0.420129,-0.421163 v -6.205822 c 0,-0.186717 -0.186735,-0.373621 -0.420129,-0.373621 h -0.746726 c -0.186716,0 -0.373621,-0.186687 -0.373621,-0.37207 V 13.94057 c 0,-0.138704 -0.09337,-0.280086 -0.280085,-0.280086 H 27.96344 c -0.186714,0 -0.280086,0.141382 -0.280086,0.280086 v 2.473751 c 0,0.185383 -0.186904,0.37207 -0.37362,0.37207 H 24.55693 c -0.186716,0 -0.37362,-0.186687 -0.37362,-0.37207 v -0.933277 c 0,-1.026942 -0.745259,-1.866036 -1.773535,-1.866036 z M 10.885414,24.440187 c 0,0.140038 -0.04703,0.3266 -0.04703,0.466638 0,1.53908 1.259285,2.752805 2.754353,2.752805 1.492401,0 2.752804,-1.213725 2.752804,-2.752805 0,-0.140038 -0.04806,-0.3266 -0.04806,-0.466638 z m 7.045564,0 c 0,0.140038 -0.04651,0.3266 -0.04651,0.466638 0,1.53908 1.258769,2.752805 2.753837,2.752805 1.492401,0 2.752803,-1.213725 2.752803,-2.752805 0,-0.140038 -0.04806,-0.3266 -0.04806,-0.466638 z m 7.046082,0 c -0.04668,0.140038 -0.04651,0.3266 -0.04651,0.466638 0,1.53908 1.213423,2.752805 2.753838,2.752805 1.492401,0 2.752802,-1.213725 2.752802,-2.752805 0,-0.140038 -0.04806,-0.3266 -0.04806,-0.466638 z"
+     id="path5030-6"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="ssssssssssssssssssssssssssssssssssscssscccsssccccsscc" />
 </svg>

frontend/chuchufe/src/img/icon.svg

@@ -11,7 +11,7 @@
    version="1.1"
    id="svg887"
    sodipodi:docname="icon.svg"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
    width="156"
    height="156">
   <metadata
@@ -22,7 +22,7 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
+        <dc:title />
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -523,9 +523,9 @@
      id="namedview889"
      showgrid="false"
      inkscape:snap-object-midpoints="true"
-     inkscape:zoom="1.4146341"
-     inkscape:cx="-188.42839"
-     inkscape:cy="68.703091"
+     inkscape:zoom="3.2812785"
+     inkscape:cx="113.04303"
+     inkscape:cy="13.243587"
      inkscape:window-x="0"
      inkscape:window-y="25"
      inkscape:window-maximized="1"
@@ -555,79 +555,24 @@
      inkscape:groupmode="layer"
      transform="translate(-895.63472,2.0776107)"
      id="layer1-0" />
-  <g
-     style="fill:#ffffff"
-     id="g8075-7"
-     transform="matrix(-0.52072048,0,0,0.52072048,81.169918,-134.23916)">
-    <g
-       style="fill:#ffffff"
-       transform="matrix(9.6802871,0,0,-9.6802871,76.943493,438.0967)"
-       id="g5024-5">
-      <path
-         inkscape:connector-curvature="0"
-         id="path5026-3"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="m 0,0 c 0,-0.105 0.035,-0.245 0.035,-0.35 0,-1.154 -0.944,-2.064 -2.065,-2.064 -1.119,0 -2.064,0.91 -2.064,2.064 0,0.105 0.036,0.245 0.036,0.35 z" />
-    </g>
-    <g
-       style="fill:#ffffff"
-       transform="matrix(9.6802871,0,0,-9.6802871,76.943493,438.0967)"
-       id="g5028-5">
-      <path
-         inkscape:connector-curvature="0"
-         id="path5030-6"
-         style="fill:#ffffff;stroke:#000000;stroke-width:0.01431872;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:2.61299992;stroke-dasharray:none;stroke-opacity:1"
-         d="m 0,0 c 0,-0.105 0.035,-0.245 0.035,-0.35 0,-1.154 -0.944,-2.064 -2.065,-2.064 -1.119,0 -2.064,0.91 -2.064,2.064 0,0.105 0.036,0.245 0.036,0.35 z" />
-    </g>
-    <g
-       style="fill:#ffffff"
-       transform="matrix(9.6802871,0,0,-9.6802871,25.803503,438.0967)"
-       id="g5032-2">
-      <path
-         inkscape:connector-curvature="0"
-         id="path5034-9"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="m 0,0 c 0,-0.105 0.035,-0.245 0.035,-0.35 0,-1.154 -0.944,-2.064 -2.065,-2.064 -1.119,0 -2.064,0.91 -2.064,2.064 0,0.105 0.036,0.245 0.036,0.35 z" />
-    </g>
-    <g
-       style="fill:#ffffff"
-       transform="matrix(9.6802871,0,0,-9.6802871,25.803503,438.0967)"
-       id="g5036-1">
-      <path
-         inkscape:connector-curvature="0"
-         id="path5038-2"
-         style="fill:#ffffff;stroke:#000000;stroke-width:0.01431872;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:2.61299992;stroke-dasharray:none;stroke-opacity:1"
-         d="m 0,0 c 0,-0.105 0.035,-0.245 0.035,-0.35 0,-1.154 -0.944,-2.064 -2.065,-2.064 -1.119,0 -2.064,0.91 -2.064,2.064 0,0.105 0.036,0.245 0.036,0.35 z" />
-    </g>
-    <g
-       style="fill:#ffffff"
-       transform="matrix(9.6802871,0,0,-9.6802871,-25.338427,438.0967)"
-       id="g5040-7">
-      <path
-         inkscape:connector-curvature="0"
-         id="path5042-0"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="m 0,0 c 0.035,-0.105 0.035,-0.245 0.035,-0.35 0,-1.154 -0.91,-2.064 -2.065,-2.064 -1.119,0 -2.064,0.91 -2.064,2.064 0,0.105 0.036,0.245 0.036,0.35 z" />
-    </g>
-    <g
-       style="fill:#ffffff"
-       transform="matrix(9.6802871,0,0,-9.6802871,-25.338427,438.0967)"
-       id="g5044-9">
-      <path
-         inkscape:connector-curvature="0"
-         id="path5046-3"
-         style="fill:#ffffff;stroke:#000000;stroke-width:0.01431872;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:2.61299992;stroke-dasharray:none;stroke-opacity:1"
-         d="m 0,0 c 0.035,-0.105 0.035,-0.245 0.035,-0.35 0,-1.154 -0.91,-2.064 -2.065,-2.064 -1.119,0 -2.064,0.91 -2.064,2.064 0,0.105 0.036,0.245 0.036,0.35 z" />
-    </g>
-    <g
-       style="fill:#ffffff"
-       transform="matrix(9.6802871,0,0,-9.6802871,6.160263,373.06937)"
-       id="g5048-6">
-      <path
-         inkscape:connector-curvature="0"
-         id="path5050-0"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="M 0,0 C 0,0.77 -0.56,1.399 -1.329,1.399 -2.1,1.399 -2.659,0.77 -2.659,0 v -0.7 c 0,-0.139 -0.14,-0.279 -0.28,-0.279 h -2.064 c -0.14,0 -0.28,0.14 -0.28,0.279 v 1.855 c 0,0.104 -0.07,0.21 -0.21,0.21 h -1.294 c -0.14,0 -0.21,-0.106 -0.21,-0.21 V -0.7 c 0,-0.139 -0.14,-0.279 -0.28,-0.279 h -0.56 c -0.175,0 -0.315,-0.14 -0.315,-0.28 v -4.653 c 0,-0.176 0.14,-0.316 0.315,-0.316 H 7.802 c 0.175,0 0.315,0.14 0.315,0.316 v 3.323 c 0,0.175 -0.14,0.315 -0.315,0.315 H 5.563 c -0.14,0 -0.28,0.104 -0.28,0.28 V 0.28 c 0,0.175 0.14,0.28 0.28,0.28 h 2.169 c 0.245,0 0.42,0.175 0.42,0.385 0,0.21 -0.175,0.42 -0.42,0.42 H 2.939 C 2.763,1.365 2.624,1.225 2.624,1.049 V -0.7 c 0,-0.139 -0.14,-0.279 -0.28,-0.279 H 0.28 C 0.14,-0.979 0,-0.839 0,-0.7 Z" />
-    </g>
-  </g>
+  <path
+     inkscape:connector-curvature="0"
+     id="path5026-3"
+     style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:5.0407238"
+     d="m 41.103865,93.886764 c 0,0.529276 -0.176425,1.234977 -0.176425,1.764253 0,5.816993 4.758443,10.404053 10.409094,10.404053 5.64057,0 10.404054,-4.58706 10.404054,-10.404053 0,-0.529276 -0.181466,-1.234977 -0.181466,-1.764253 z" />
+  <path
+     inkscape:connector-curvature="0"
+     id="path5034-9"
+     style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:5.0407238"
+     d="m 67.733506,93.886764 c 0,0.529276 -0.176425,1.234977 -0.176425,1.764253 0,5.816993 4.758443,10.404053 10.409094,10.404053 5.64057,0 10.404054,-4.58706 10.404054,-10.404053 0,-0.529276 -0.181466,-1.234977 -0.181466,-1.764253 z" />
+  <path
+     inkscape:connector-curvature="0"
+     id="path5042-0"
+     style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:5.0407238"
+     d="m 94.364156,93.886764 c -0.176425,0.529276 -0.176425,1.234977 -0.176425,1.764253 0,5.816993 4.587058,10.404053 10.409099,10.404053 5.64056,0 10.40405,-4.58706 10.40405,-10.404053 0,-0.529276 -0.18147,-1.234977 -0.18147,-1.764253 z" />
+  <path
+     id="path5050-0"
+     style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:5.0407238"
+     d="m 77.962143,60.025701 c 0,-3.881357 2.822805,-7.051972 6.699122,-7.051972 3.886398,0 6.704162,3.170615 6.704162,7.051972 v 3.528507 c 0,0.70066 0.705702,1.406362 1.411403,1.406362 h 10.40405 c 0.7057,0 1.41141,-0.705702 1.41141,-1.406362 v -9.350543 c 0,-0.524235 0.35285,-1.058552 1.05855,-1.058552 h 6.52269 c 0.70571,0 1.05856,0.534317 1.05856,1.058552 v 9.350543 c 0,0.70066 0.7057,1.406362 1.4114,1.406362 h 2.8228 c 0.88213,0 1.58783,0.705701 1.58783,1.411402 V 89.82646 c 0,0.887167 -0.7057,1.592868 -1.58783,1.592868 H 38.634417 c -0.882127,0 -1.587828,-0.705701 -1.587828,-1.592868 V 73.076135 c 0,-0.882127 0.705701,-1.587828 1.587828,-1.587828 h 11.28618 c 0.705701,0 1.411403,-0.524236 1.411403,-1.411403 V 58.614298 c 0,-0.882126 -0.705702,-1.411402 -1.411403,-1.411402 h -10.93333 c -1.234977,0 -2.117104,-0.882127 -2.117104,-1.940679 0,-1.058552 0.882127,-2.117104 2.117104,-2.117104 h 24.160189 c 0.887167,0 1.587828,0.705701 1.587828,1.592869 v 8.816226 c 0,0.70066 0.705701,1.406362 1.411403,1.406362 H 76.55074 c 0.705702,0 1.411403,-0.705702 1.411403,-1.406362 z m 16.402013,33.861062 c -0.176425,0.529276 -0.176425,1.234977 -0.176425,1.764253 0,5.816994 4.587058,10.404054 10.409089,10.404054 5.64057,0 10.40406,-4.58706 10.40406,-10.404054 0,-0.529276 -0.18147,-1.234977 -0.18147,-1.764253 z m -26.63065,0 c 0,0.529276 -0.176425,1.234977 -0.176425,1.764253 0,5.816994 4.758443,10.404054 10.409094,10.404054 5.64057,0 10.404054,-4.58706 10.404054,-10.404054 0,-0.529276 -0.181466,-1.234977 -0.181466,-1.764253 z m -26.62964,0 c 0,0.529276 -0.176426,1.234977 -0.176426,1.764253 0,5.816994 4.758444,10.404054 10.409095,10.404054 5.64057,0 10.404054,-4.58706 10.404054,-10.404054 0,-0.529276 -0.181467,-1.234977 -0.181467,-1.764253 z"
+     inkscape:connector-curvature="0" />
 </svg>