FUNCT Add custom icons with animation

1 files changed, 174 insertions, 0 deletions

diff --git a/src/images/icons/dashboard_active.svg b/src/images/icons/dashboard_active.svg
new file mode 100644
index 0000000..a826c0c
--- /dev/null
+++ b/src/images/icons/dashboard_active.svg
@@ -0,0 +1,174 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:i="&amp;ns_ai;"
+   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"
+   version="1.1"
+   id="Dashboard_Active"
+   x="0px"
+   y="0px"
+   viewBox="0 0 300 300"
+   style="enable-background:new 0 0 300 300;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="dashboard_active.svg"><metadata
+     id="metadata4415"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs4413" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1414"
+     inkscape:window-height="738"
+     id="namedview4411"
+     showgrid="false"
+     inkscape:zoom="0.78666667"
+     inkscape:cx="64.954079"
+     inkscape:cy="150"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Dashboard_Active" /><style
+     type="text/css"
+     id="style4350">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{opacity:0.4;fill:url(#SVGID_2_);}
+	.st2{fill:#FFFFFF;}
+	.st3{font-family:'Roboto-Regular';}
+	.st4{font-size:25px;}
+	.st5{letter-spacing:6;}
+	.st6{fill:url(#SVGID_3_);}
+	.st7{fill:url(#SVGID_4_);}
+	.st8{fill:url(#SVGID_5_);}
+</style><switch
+     id="switch4352"
+     transform="matrix(1.3314132,0,0,1.3314313,-61.494983,-27.945794)"><g
+       i:extraneous="self"
+       id="g4354"><linearGradient
+         id="SVGID_1_"
+         gradientUnits="userSpaceOnUse"
+         x1="116.0821"
+         y1="254.39191"
+         x2="256.53561"
+         y2="-133.31841"><stop
+           offset="0"
+           style="stop-color:#0DF9FF"
+           id="stop4357" /><stop
+           offset="9.208472e-02"
+           style="stop-color:#0DF9FF;stop-opacity:0.853"
+           id="stop4359" /><stop
+           offset="0.6264"
+           style="stop-color:#0DF9FF;stop-opacity:0"
+           id="stop4361" /></linearGradient><circle
+         class="st0"
+         cx="159.8"
+         cy="133.60001"
+         r="101.9"
+         id="circle4363"
+         style="fill:url(#SVGID_1_)" /><linearGradient
+         id="SVGID_2_"
+         gradientUnits="userSpaceOnUse"
+         x1="-55.796902"
+         y1="435.51099"
+         x2="216.9304"
+         y2="53.692902"><stop
+           offset="0.2978"
+           style="stop-color:#FFFFFF;stop-opacity:0"
+           id="stop4366" /><stop
+           offset="0.3685"
+           style="stop-color:#FAFAFA;stop-opacity:0.1007"
+           id="stop4368" /><stop
+           offset="0.4554"
+           style="stop-color:#EBEBEB;stop-opacity:0.2245"
+           id="stop4370" /><stop
+           offset="0.5508"
+           style="stop-color:#D2D2D2;stop-opacity:0.3603"
+           id="stop4372" /><stop
+           offset="0.6523"
+           style="stop-color:#AFAFAF;stop-opacity:0.5048"
+           id="stop4374" /><stop
+           offset="0.7585"
+           style="stop-color:#828282;stop-opacity:0.6562"
+           id="stop4376" /><stop
+           offset="0.8689"
+           style="stop-color:#4B4B4B;stop-opacity:0.8133"
+           id="stop4378" /><stop
+           offset="0.9806"
+           style="stop-color:#0C0C0C;stop-opacity:0.9724"
+           id="stop4380" /><stop
+           offset="1"
+           style="stop-color:#000000"
+           id="stop4382" /></linearGradient><circle
+         class="st1"
+         cx="159.8"
+         cy="133.60001"
+         r="101.9"
+         id="circle4384"
+         style="opacity:0.4;fill:url(#SVGID_2_)" /><g
+         id="g4386"><linearGradient
+           id="SVGID_3_"
+           gradientUnits="userSpaceOnUse"
+           x1="100.2325"
+           y1="202.9649"
+           x2="293.1712"
+           y2="21.8993"><stop
+             offset="0"
+             style="stop-color:#59FF7F"
+             id="stop4389" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop4391" /></linearGradient><path
+           class="st6"
+           d="m 223.3,120.5 c 0.1,0 0.3,0.2 0.4,0.3 l 0.6,2.2 -5.3,2.4 c -0.8,0.4 -1.4,1.1 -1.6,1.9 -0.2,0.8 0,1.7 0.6,2.4 l -13.8,3.9 c -6.8,1.9 -6.8,7.2 -6.8,11 l 0,0.4 c 0,1.8 1.4,3.2 3.2,3.2 0.1,0 0.3,0 0.5,0 l 20.6,-2.9 c 0.3,0 0.5,-0.1 0.8,-0.2 l 0,20.9 0,6.5 -19.5,0 0,-4 c 0,-0.8 -0.3,-1.5 -0.9,-2.1 -0.5,-0.5 -1.2,-0.8 -1.9,-0.8 -0.1,0 -0.1,0 -0.2,0 -14.4,1.1 -26.8,1.6 -39.1,1.6 -12.3,0 -24.7,-0.5 -39.1,-1.6 -0.1,0 -0.1,0 -0.2,0 -0.7,0 -1.4,0.3 -1.9,0.8 -0.6,0.5 -0.9,1.3 -0.9,2.1 l 0,4 -19.9,0 0,-6.5 0,-20.9 c 0.3,0.1 0.5,0.1 0.8,0.2 l 20.6,2.9 c 0.1,0 0.3,0 0.5,0 1.8,0 3.2,-1.4 3.2,-3.2 l 0,-0.4 c 0,-3.8 0,-9.1 -6.8,-11 l -13.8,-3.9 c 0.5,-0.7 0.8,-1.6 0.6,-2.4 -0.2,-0.9 -0.8,-1.6 -1.6,-1.9 l -5.3,-2.4 0.6,-2.2 c 0,-0.1 0.3,-0.3 0.3,-0.3 l 11.5,0 -2,2.7 c 0,0 0,0 0,0.1 -0.8,1.2 -1,2.6 -0.4,3.8 0.6,1.2 1.8,1.8 3.2,1.8 0.2,0 0.4,0 0.6,0 17.8,-1.5 34.1,-2.2 49.9,-2.2 15.8,0 32.2,0.7 49.9,2.2 0.2,0 0.4,0 0.6,0 1.4,0 2.6,-0.7 3.2,-1.8 0.6,-1.2 0.5,-2.6 -0.3,-3.8 0,0 0,0 0,-0.1 l -2,-2.7 11.1,0 m -62,29 c 9,0 18.2,-0.3 28.8,-1 2.3,-0.1 4.1,-1.8 4.5,-4.2 l 0.5,-2.5 c 0.2,-1.2 -0.1,-2.5 -0.9,-3.5 -0.9,-1.1 -2.3,-1.8 -3.8,-1.8 l -59.4,0 c -1.5,0 -2.9,0.7 -3.8,1.8 -0.8,1 -1.2,2.3 -0.9,3.5 l 0.5,2.5 c 0.5,2.4 2.2,4.1 4.6,4.2 11.6,0.7 20.9,1 29.9,1 m -0.6,-48.7 c -11.8,0 -23.7,0.8 -37,2.3 -2.2,0.3 -3.4,1.5 -3.9,2.2 l -10.1,12.4 -11.7,0 c -1.3,0 -2.7,1.1 -3.1,2.4 l -1.1,4 c -0.1,0.5 0.2,0.7 0.7,1 l 6.7,3 -2.7,3.3 18,5.1 c 4.9,1.4 4.7,4.7 4.7,8.7 0,0.2 -0.2,0.4 -0.4,0.4 0,0 0,0 -0.1,0 l -20.6,-2.9 c -1.7,-0.2 -3.2,-1.4 -4,-2.9 l 0,26.5 0,6.8 c 0,1.4 1.1,2.5 2.5,2.5 l 20.3,0 c 1.4,0 2.5,-1.1 2.5,-2.5 l 0,-4.4 c 14.1,1.1 26.7,1.6 39.3,1.6 12.6,0 25.2,-0.5 39.3,-1.6 l 0,4.4 c 0,1.4 1.1,2.5 2.5,2.5 l 20.3,0 c 1.4,0 2.5,-1.1 2.5,-2.5 l 0,-6.8 0,-26.5 c -0.8,1.5 -2.3,2.7 -4,2.9 l -20.6,2.9 c 0,0 0,0 -0.1,0 -0.2,0 -0.4,-0.2 -0.4,-0.4 0,-4 -0.2,-7.3 4.7,-8.7 l 18,-5.1 -2.7,-3.3 6.7,-3 c 0.5,-0.2 0.8,-0.4 0.7,-1 l -1.1,-4 c -0.4,-1.3 -1.7,-2.4 -3.1,-2.4 l -11.7,0 -10.1,-12.4 c -0.5,-0.7 -1.7,-1.9 -3.9,-2.2 -13.4,-1.5 -25.2,-2.3 -37,-2.3 l 0,0 z m -50.5,25.3 c -0.8,0 -0.9,-0.6 -0.5,-1.1 L 122,108.6 c 0.5,-0.7 1.1,-1 2,-1.1 12.9,-1.6 24.8,-2.3 36.7,-2.3 11.9,0 23.7,0.8 36.7,2.3 0.9,0.1 1.5,0.5 2,1.1 l 12.3,16.4 c 0.4,0.5 0.3,1.1 -0.5,1.1 -0.1,0 -0.2,0 -0.3,0 -17.7,-1.4 -33.9,-2.2 -50.2,-2.2 -16.3,0 -32.5,0.7 -50.2,2.2 -0.1,0 -0.2,0 -0.3,0 l 0,0 z m 51.1,20.6 c -9.4,0 -18.8,-0.3 -29.8,-1 -1.1,-0.1 -1.7,-0.9 -1.9,-1.9 l -0.5,-2.5 c -0.2,-1 0.9,-1.9 1.9,-1.9 l 59.3,0 c 1.1,0 2.1,0.9 1.9,1.9 l -0.5,2.5 c -0.2,1 -0.9,1.9 -1.9,1.9 -10.5,0.7 -19.5,1 -28.5,1 l 0,0 z"
+           id="path4393"
+           style="fill:url(#SVGID_3_)"
+           inkscape:connector-curvature="0" /><g
+           id="g4395"><linearGradient
+             id="SVGID_4_"
+             gradientUnits="userSpaceOnUse"
+             x1="2.9056001"
+             y1="287.95541"
+             x2="319.34351"
+             y2="-15.3967"
+             gradientTransform="matrix(1,0.00546456,-0.00546456,1,-2.0192,-3.0212)"><stop
+               offset="0"
+               style="stop-color:#00ADDC"
+               id="stop4398" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop4400" /></linearGradient><path
+             class="st7"
+             d="m 158.9,238.8 c -0.2,0 -0.4,0 -0.6,0 C 100.3,238.5 53.4,191.1 53.7,133.1 54,75.3 101.1,28.5 158.8,28.5 c 0.2,0 0.4,0 0.6,0 58,0.3 104.9,47.7 104.6,105.7 l 0,0 C 263.7,192 216.6,238.8 158.9,238.8 Z M 158.8,32.2 c -55.7,0 -101.2,45.2 -101.5,100.9 -0.3,55.9 45,101.7 100.9,102 0.2,0 0.4,0 0.6,0 55.7,0 101.2,-45.2 101.5,-100.9 0.3,-55.9 -45,-101.7 -100.9,-102 -0.2,0 -0.4,0 -0.6,0 z"
+             id="path4402"
+             style="fill:url(#SVGID_4_)"
+             inkscape:connector-curvature="0" /><linearGradient
+             id="SVGID_5_"
+             gradientUnits="userSpaceOnUse"
+             x1="100.2325"
+             y1="202.9649"
+             x2="293.1712"
+             y2="21.8993"><stop
+               offset="0"
+               style="stop-color:#00ADDC"
+               id="stop4405" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop4407" /></linearGradient><path
+             class="st8"
+             d="m 223.3,120.5 c 0.1,0 0.3,0.2 0.4,0.3 l 0.6,2.2 -5.3,2.4 c -0.8,0.4 -1.4,1.1 -1.6,1.9 -0.2,0.8 0,1.7 0.6,2.4 l -13.8,3.9 c -6.8,1.9 -6.8,7.2 -6.8,11 l 0,0.4 c 0,1.8 1.4,3.2 3.2,3.2 0.1,0 0.3,0 0.5,0 l 20.6,-2.9 c 0.3,0 0.5,-0.1 0.8,-0.2 l 0,20.9 0,6.5 -19.5,0 0,-4 c 0,-0.8 -0.3,-1.5 -0.9,-2.1 -0.5,-0.5 -1.2,-0.8 -1.9,-0.8 -0.1,0 -0.1,0 -0.2,0 -14.4,1.1 -26.8,1.6 -39.1,1.6 -12.3,0 -24.7,-0.5 -39.1,-1.6 -0.1,0 -0.1,0 -0.2,0 -0.7,0 -1.4,0.3 -1.9,0.8 -0.6,0.5 -0.9,1.3 -0.9,2.1 l 0,4 -19.9,0 0,-6.5 0,-20.9 c 0.3,0.1 0.5,0.1 0.8,0.2 l 20.6,2.9 c 0.1,0 0.3,0 0.5,0 1.8,0 3.2,-1.4 3.2,-3.2 l 0,-0.4 c 0,-3.8 0,-9.1 -6.8,-11 l -13.8,-3.9 c 0.5,-0.7 0.8,-1.6 0.6,-2.4 -0.2,-0.9 -0.8,-1.6 -1.6,-1.9 l -5.3,-2.4 0.6,-2.2 c 0,-0.1 0.3,-0.3 0.3,-0.3 l 11.5,0 -2,2.7 c 0,0 0,0 0,0.1 -0.8,1.2 -1,2.6 -0.4,3.8 0.6,1.2 1.8,1.8 3.2,1.8 0.2,0 0.4,0 0.6,0 17.8,-1.5 34.1,-2.2 49.9,-2.2 15.8,0 32.2,0.7 49.9,2.2 0.2,0 0.4,0 0.6,0 1.4,0 2.6,-0.7 3.2,-1.8 0.6,-1.2 0.5,-2.6 -0.3,-3.8 0,0 0,0 0,-0.1 l -2,-2.7 11.1,0 m -62,29 c 9,0 18.2,-0.3 28.8,-1 2.3,-0.1 4.1,-1.8 4.5,-4.2 l 0.5,-2.5 c 0.2,-1.2 -0.1,-2.5 -0.9,-3.5 -0.9,-1.1 -2.3,-1.8 -3.8,-1.8 l -59.4,0 c -1.5,0 -2.9,0.7 -3.8,1.8 -0.8,1 -1.2,2.3 -0.9,3.5 l 0.5,2.5 c 0.5,2.4 2.2,4.1 4.6,4.2 11.6,0.7 20.9,1 29.9,1 m -0.6,-48.7 c -11.8,0 -23.7,0.8 -37,2.3 -2.2,0.3 -3.4,1.5 -3.9,2.2 l -10.1,12.4 -11.7,0 c -1.3,0 -2.7,1.1 -3.1,2.4 l -1.1,4 c -0.1,0.5 0.2,0.7 0.7,1 l 6.7,3 -2.7,3.3 18,5.1 c 4.9,1.4 4.7,4.7 4.7,8.7 0,0.2 -0.2,0.4 -0.4,0.4 0,0 0,0 -0.1,0 l -20.6,-2.9 c -1.7,-0.2 -3.2,-1.4 -4,-2.9 l 0,26.5 0,6.8 c 0,1.4 1.1,2.5 2.5,2.5 l 20.3,0 c 1.4,0 2.5,-1.1 2.5,-2.5 l 0,-4.4 c 14.1,1.1 26.7,1.6 39.3,1.6 12.6,0 25.2,-0.5 39.3,-1.6 l 0,4.4 c 0,1.4 1.1,2.5 2.5,2.5 l 20.3,0 c 1.4,0 2.5,-1.1 2.5,-2.5 l 0,-6.8 0,-26.5 c -0.8,1.5 -2.3,2.7 -4,2.9 l -20.6,2.9 c 0,0 0,0 -0.1,0 -0.2,0 -0.4,-0.2 -0.4,-0.4 0,-4 -0.2,-7.3 4.7,-8.7 l 18,-5.1 -2.7,-3.3 6.7,-3 c 0.5,-0.2 0.8,-0.4 0.7,-1 l -1.1,-4 c -0.4,-1.3 -1.7,-2.4 -3.1,-2.4 l -11.7,0 -10.1,-12.4 c -0.5,-0.7 -1.7,-1.9 -3.9,-2.2 -13.4,-1.5 -25.2,-2.3 -37,-2.3 l 0,0 z m -50.5,25.3 c -0.8,0 -0.9,-0.6 -0.5,-1.1 L 122,108.6 c 0.5,-0.7 1.1,-1 2,-1.1 12.9,-1.6 24.8,-2.3 36.7,-2.3 11.9,0 23.7,0.8 36.7,2.3 0.9,0.1 1.5,0.5 2,1.1 l 12.3,16.4 c 0.4,0.5 0.3,1.1 -0.5,1.1 -0.1,0 -0.2,0 -0.3,0 -17.7,-1.4 -33.9,-2.2 -50.2,-2.2 -16.3,0 -32.5,0.7 -50.2,2.2 -0.1,0 -0.2,0 -0.3,0 l 0,0 z m 51.1,20.6 c -9.4,0 -18.8,-0.3 -29.8,-1 -1.1,-0.1 -1.7,-0.9 -1.9,-1.9 l -0.5,-2.5 c -0.2,-1 0.9,-1.9 1.9,-1.9 l 59.3,0 c 1.1,0 2.1,0.9 1.9,1.9 l -0.5,2.5 c -0.2,1 -0.9,1.9 -1.9,1.9 -10.5,0.7 -19.5,1 -28.5,1 l 0,0 z"
+             id="path4409"
+             style="fill:url(#SVGID_5_)"
+             inkscape:connector-curvature="0" /></g></g></g></switch></svg>
\ No newline at end of file