diff --git a/packages/mindplot/assets/icons/arrow_merge.svg b/packages/mindplot/assets/icons/arrow_merge.svg
index ceeac80f..2b64da37 100644
--- a/packages/mindplot/assets/icons/arrow_merge.svg
+++ b/packages/mindplot/assets/icons/arrow_merge.svg
@@ -1,51 +1,99 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-<path style="fill:#00B4D7;" d="M253.626,369.977v66.486H92.159V203.761c-16.622,16.622-33.243,33.243-33.243,33.243l-47.49-47.49
-	L125.402,75.537l113.977,113.977l-47.49,47.49l-33.243-33.243v166.216H253.626z"/>
-<path style="fill:#0093C4;" d="M125.402,403.22V75.537L11.425,189.514l47.49,47.49c0,0,16.622-16.622,33.243-33.243v232.702h161.466
-	V403.22L125.402,403.22L125.402,403.22z"/>
-<path d="M261.705,444.542H84.079V223.265l-25.164,25.164L0,189.514L125.402,64.112l125.402,125.402l-58.915,58.916l-25.164-25.164
-	v138.632h94.981V444.542z M100.238,428.384h145.309v-50.328h-94.981v-193.8l41.322,41.322l36.064-36.064L125.402,86.963
-	L22.851,189.514l36.064,36.064l41.322-41.322L100.238,428.384L100.238,428.384z"/>
-<rect x="81.706" y="103.523" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 44.4541 326.2014)" style="fill:#FFFFFF;" width="16.158" height="100.741"/>
-<path style="fill:#00B4D7;" d="M258.374,142.023V75.537H419.84v232.702c16.622-16.622,33.243-33.243,33.243-33.243l47.49,47.49
-	L386.598,436.463L272.622,322.486l47.49-47.49l33.243,33.243V142.023L258.374,142.023L258.374,142.023z"/>
-<path style="fill:#0093C4;" d="M386.598,108.78v327.683l113.977-113.977l-47.49-47.49c0,0-16.622,16.622-33.243,33.243V75.537
-	H258.374v33.243H386.598z"/>
-<path d="M386.598,447.888L261.197,322.486l58.916-58.915l25.164,25.164V150.102h-94.981V67.458h177.626v221.277l25.164-25.164
-	L512,322.486L386.598,447.888z M284.048,322.486l102.551,102.552l102.551-102.552l-36.064-36.064l-41.322,41.322V83.616H266.453
-	v50.328h94.981v193.799l-41.322-41.322L284.048,322.486z"/>
-<rect x="414.135" y="307.73" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 467.5492 909.8661)" style="fill:#FFFFFF;" width="16.158" height="100.741"/>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 512 512"
+   style="enable-background:new 0 0 512 512;"
+   xml:space="preserve"
+   sodipodi:docname="arrow_merge.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs1658" /><sodipodi:namedview
+   id="namedview1656"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   showgrid="false"
+   inkscape:zoom="1.0820312"
+   inkscape:cx="255.53791"
+   inkscape:cy="256"
+   inkscape:window-width="1296"
+   inkscape:window-height="776"
+   inkscape:window-x="0"
+   inkscape:window-y="25"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<path
+   style="fill:#00B4D7;"
+   d="M253.626,369.977v66.486H92.159V203.761c-16.622,16.622-33.243,33.243-33.243,33.243l-47.49-47.49  L125.402,75.537l113.977,113.977l-47.49,47.49l-33.243-33.243v166.216H253.626z"
+   id="path1609" />
+
+<path
+   d="M261.705,444.542H84.079V223.265l-25.164,25.164L0,189.514L125.402,64.112l125.402,125.402l-58.915,58.916l-25.164-25.164  v138.632h94.981V444.542z M100.238,428.384h145.309v-50.328h-94.981v-193.8l41.322,41.322l36.064-36.064L125.402,86.963  L22.851,189.514l36.064,36.064l41.322-41.322L100.238,428.384L100.238,428.384z"
+   id="path1613" />
+
+<path
+   style="fill:#00B4D7;"
+   d="M258.374,142.023V75.537H419.84v232.702c16.622-16.622,33.243-33.243,33.243-33.243l47.49,47.49  L386.598,436.463L272.622,322.486l47.49-47.49l33.243,33.243V142.023L258.374,142.023L258.374,142.023z"
+   id="path1617" />
+
+<path
+   d="M386.598,447.888L261.197,322.486l58.916-58.915l25.164,25.164V150.102h-94.981V67.458h177.626v221.277l25.164-25.164  L512,322.486L386.598,447.888z M284.048,322.486l102.551,102.552l102.551-102.552l-36.064-36.064l-41.322,41.322V83.616H266.453  v50.328h94.981v193.799l-41.322-41.322L284.048,322.486z"
+   id="path1621" />
+
+<g
+   id="g1625">
+</g>
+<g
+   id="g1627">
+</g>
+<g
+   id="g1629">
+</g>
+<g
+   id="g1631">
+</g>
+<g
+   id="g1633">
+</g>
+<g
+   id="g1635">
+</g>
+<g
+   id="g1637">
+</g>
+<g
+   id="g1639">
+</g>
+<g
+   id="g1641">
+</g>
+<g
+   id="g1643">
+</g>
+<g
+   id="g1645">
+</g>
+<g
+   id="g1647">
+</g>
+<g
+   id="g1649">
+</g>
+<g
+   id="g1651">
+</g>
+<g
+   id="g1653">
+</g>
+</svg>
diff --git a/packages/mindplot/assets/icons/arrowc_rotate_anticlockwise.svg b/packages/mindplot/assets/icons/arrowc_rotate_anticlockwise.svg
index fb0c71d6..15b0a6d2 100644
--- a/packages/mindplot/assets/icons/arrowc_rotate_anticlockwise.svg
+++ b/packages/mindplot/assets/icons/arrowc_rotate_anticlockwise.svg
@@ -1,61 +1,90 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-<path style="fill:#00B4D7;" d="M395.16,84.375c56.665,42.354,93.55,109.84,93.55,186.169c0,128.572-104.139,232.711-232.711,232.711
-	S23.288,399.117,23.288,270.545c0-15.94,1.629-31.532,4.654-46.542H105.9c-4.538,14.661-6.981,30.368-6.981,46.542
-	c0,86.802,70.278,157.08,157.08,157.08s157.08-70.28,157.08-157.08c0-56.897-30.368-106.466-75.631-134.042v64.229h-75.631V8.744
-	h180.351v75.631H395.16z"/>
-<g>
-	<path style="fill:#0093C4;" d="M221.092,427.625c5.906,0,11.716-0.387,17.454-1.021c-78.567-8.682-139.626-75.165-139.626-156.059
-		c0-16.173,2.444-31.882,6.981-46.542H70.993c-4.538,14.661-6.981,30.368-6.981,46.542
-		C64.012,357.345,134.291,427.625,221.092,427.625z"/>
-	<path style="fill:#0093C4;" d="M395.16,84.375l-26.305-8.744c56.665,42.354,84.949,118.584,84.949,194.912
-		c0,122.68-94.874,222.882-215.257,231.831c5.782,0.43,11.561,0.88,17.454,0.88c128.572,0,232.711-104.139,232.711-232.711
-		C488.71,194.215,451.825,126.729,395.16,84.375z"/>
-</g>
-<path d="M255.999,512c-64.519,0-125.161-25.109-170.754-70.702S14.543,335.063,14.543,270.545c0-16.14,1.624-32.38,4.827-48.27
-	l1.414-7.016h96.976l-3.507,11.33c-4.372,14.127-6.59,28.917-6.59,43.956c0,81.793,66.543,148.336,148.336,148.336
-	s148.336-66.543,148.336-148.336c0-46.623-21.467-89.481-58.142-117.489v56.42h-93.12V0h197.84v93.12H419.36
-	c21.007,19.331,38.618,42.349,51.603,67.6c17.579,34.187,26.494,71.138,26.494,109.824c0,64.519-25.109,125.161-70.702,170.754
-	C381.159,486.89,320.518,512,255.999,512z M35.214,232.746c-2.113,12.501-3.182,25.184-3.182,37.797
-	c0,59.848,23.29,116.097,65.58,158.387s98.54,65.58,158.387,65.58s116.097-23.29,158.387-65.58s65.58-98.54,65.58-158.387
-	c0-35.877-8.263-70.137-24.557-101.827c-15.516-30.171-38.159-56.915-65.484-77.338l-21.07-15.748h64.569V17.489H270.561v174.497
-	h58.143v-71.05l13.294,8.1c23.898,14.56,43.889,35.003,57.811,59.121c14.402,24.946,22.013,53.435,22.013,82.389
-	c0,91.436-74.388,165.824-165.824,165.824c-91.435,0-165.824-74.388-165.824-165.824c0-12.823,1.446-25.489,4.307-37.797H35.214
-	V232.746z"/>
-<g>
-	<rect x="287.977" y="43.65" style="fill:#FFFFFF;" width="17.489" height="81.449"/>
-	<rect x="287.977" y="142.555" style="fill:#FFFFFF;" width="17.489" height="23.27"/>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 512 512"
+   style="enable-background:new 0 0 512 512;"
+   xml:space="preserve"
+   sodipodi:docname="arrowc_rotate_anticlockwise.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs391" /><sodipodi:namedview
+   id="namedview389"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   showgrid="false"
+   inkscape:zoom="1.0742188"
+   inkscape:cx="255.53455"
+   inkscape:cy="256"
+   inkscape:window-width="1312"
+   inkscape:window-height="776"
+   inkscape:window-x="0"
+   inkscape:window-y="25"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<path
+   style="fill:#00B4D7;"
+   d="M395.16,84.375c56.665,42.354,93.55,109.84,93.55,186.169c0,128.572-104.139,232.711-232.711,232.711  S23.288,399.117,23.288,270.545c0-15.94,1.629-31.532,4.654-46.542H105.9c-4.538,14.661-6.981,30.368-6.981,46.542  c0,86.802,70.278,157.08,157.08,157.08s157.08-70.28,157.08-157.08c0-56.897-30.368-106.466-75.631-134.042v64.229h-75.631V8.744  h180.351v75.631H395.16z"
+   id="path342" />
+
+<path
+   d="M255.999,512c-64.519,0-125.161-25.109-170.754-70.702S14.543,335.063,14.543,270.545c0-16.14,1.624-32.38,4.827-48.27  l1.414-7.016h96.976l-3.507,11.33c-4.372,14.127-6.59,28.917-6.59,43.956c0,81.793,66.543,148.336,148.336,148.336  s148.336-66.543,148.336-148.336c0-46.623-21.467-89.481-58.142-117.489v56.42h-93.12V0h197.84v93.12H419.36  c21.007,19.331,38.618,42.349,51.603,67.6c17.579,34.187,26.494,71.138,26.494,109.824c0,64.519-25.109,125.161-70.702,170.754  C381.159,486.89,320.518,512,255.999,512z M35.214,232.746c-2.113,12.501-3.182,25.184-3.182,37.797  c0,59.848,23.29,116.097,65.58,158.387s98.54,65.58,158.387,65.58s116.097-23.29,158.387-65.58s65.58-98.54,65.58-158.387  c0-35.877-8.263-70.137-24.557-101.827c-15.516-30.171-38.159-56.915-65.484-77.338l-21.07-15.748h64.569V17.489H270.561v174.497  h58.143v-71.05l13.294,8.1c23.898,14.56,43.889,35.003,57.811,59.121c14.402,24.946,22.013,53.435,22.013,82.389  c0,91.436-74.388,165.824-165.824,165.824c-91.435,0-165.824-74.388-165.824-165.824c0-12.823,1.446-25.489,4.307-37.797H35.214  V232.746z"
+   id="path350" />
+
+<g
+   id="g358">
+</g>
+<g
+   id="g360">
+</g>
+<g
+   id="g362">
+</g>
+<g
+   id="g364">
+</g>
+<g
+   id="g366">
+</g>
+<g
+   id="g368">
+</g>
+<g
+   id="g370">
+</g>
+<g
+   id="g372">
+</g>
+<g
+   id="g374">
+</g>
+<g
+   id="g376">
+</g>
+<g
+   id="g378">
+</g>
+<g
+   id="g380">
+</g>
+<g
+   id="g382">
+</g>
+<g
+   id="g384">
+</g>
+<g
+   id="g386">
+</g>
+</svg>
diff --git a/packages/mindplot/assets/icons/arrowc_rotate_clockwise.svg b/packages/mindplot/assets/icons/arrowc_rotate_clockwise.svg
index bdb2f614..e47d5574 100644
--- a/packages/mindplot/assets/icons/arrowc_rotate_clockwise.svg
+++ b/packages/mindplot/assets/icons/arrowc_rotate_clockwise.svg
@@ -1,60 +1,90 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-<path style="fill:#00B4D7;" d="M116.838,84.375c-56.665,42.354-93.55,109.84-93.55,186.169
-	c0,128.572,104.139,232.711,232.711,232.711S488.71,399.117,488.71,270.545c0-15.94-1.629-31.532-4.654-46.542h-77.958
-	c4.538,14.661,6.981,30.368,6.981,46.542c0,86.802-70.278,157.08-157.08,157.08s-157.08-70.28-157.08-157.08
-	c0-56.897,30.368-106.466,75.631-134.042v64.229h75.631V8.744H69.83v75.631H116.838z"/>
-<g>
-	<path style="fill:#0093C4;" d="M290.905,427.623c-5.906,0-11.716-0.387-17.454-1.021c78.568-8.681,139.628-75.164,139.628-156.057
-		c0-16.173-2.444-31.882-6.981-46.542h34.907c4.538,14.661,6.981,30.368,6.981,46.542
-		C447.985,357.345,377.707,427.623,290.905,427.623z"/>
-	<path style="fill:#0093C4;" d="M116.838,84.375l26.305-8.744c-56.665,42.354-84.948,118.584-84.948,194.912
-		c0,122.68,94.874,222.882,215.257,231.831c-5.782,0.43-11.561,0.88-17.454,0.88c-128.572,0-232.711-104.139-232.711-232.711
-		C23.288,194.215,60.173,126.729,116.838,84.375z"/>
-</g>
-<path d="M255.999,512c-64.519,0-125.161-25.109-170.754-70.702S14.544,335.063,14.544,270.545c0-38.687,8.915-75.637,26.494-109.824
-	c12.985-25.251,30.596-48.27,51.602-67.6H61.086V0h197.84v209.475h-93.12v-56.42c-36.676,28.007-58.142,70.865-58.142,117.489
-	c0,81.793,66.543,148.336,148.336,148.336s148.336-66.543,148.336-148.336c0-15.039-2.218-29.829-6.59-43.957l-3.507-11.33h96.976
-	l1.414,7.016c3.203,15.89,4.827,32.13,4.827,48.27c0,64.519-25.109,125.161-70.702,170.754C381.159,486.89,320.518,512,255.999,512z
-	 M78.574,75.631h64.568l-21.069,15.748c-27.324,20.423-49.967,47.167-65.483,77.338c-16.296,31.689-24.557,65.948-24.557,101.827
-	c0,59.848,23.29,116.097,65.58,158.387c42.289,42.29,98.539,65.58,158.387,65.58s116.097-23.29,158.387-65.58
-	s65.58-98.54,65.58-158.387c0-12.615-1.069-25.298-3.182-37.797h-59.268c2.861,12.308,4.307,24.976,4.307,37.797
-	c0,91.436-74.388,165.824-165.824,165.824c-91.435,0-165.824-74.388-165.824-165.824c0-28.953,7.612-57.443,22.013-82.389
-	c13.923-24.118,33.914-44.561,57.811-59.121l13.294-8.1v71.051h58.143V17.489H78.574V75.631z"/>
-<g>
-	<rect x="206.528" y="43.65" style="fill:#FFFFFF;" width="17.489" height="81.449"/>
-	<rect x="206.528" y="142.555" style="fill:#FFFFFF;" width="17.489" height="23.271"/>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 512 512"
+   style="enable-background:new 0 0 512 512;"
+   xml:space="preserve"
+   sodipodi:docname="arrowc_rotate_clockwise.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs869" /><sodipodi:namedview
+   id="namedview867"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   showgrid="false"
+   inkscape:zoom="1.0820312"
+   inkscape:cx="255.53791"
+   inkscape:cy="256"
+   inkscape:window-width="1296"
+   inkscape:window-height="776"
+   inkscape:window-x="0"
+   inkscape:window-y="25"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<path
+   style="fill:#00B4D7;"
+   d="M116.838,84.375c-56.665,42.354-93.55,109.84-93.55,186.169  c0,128.572,104.139,232.711,232.711,232.711S488.71,399.117,488.71,270.545c0-15.94-1.629-31.532-4.654-46.542h-77.958  c4.538,14.661,6.981,30.368,6.981,46.542c0,86.802-70.278,157.08-157.08,157.08s-157.08-70.28-157.08-157.08  c0-56.897,30.368-106.466,75.631-134.042v64.229h75.631V8.744H69.83v75.631H116.838z"
+   id="path820" />
+
+<path
+   d="M255.999,512c-64.519,0-125.161-25.109-170.754-70.702S14.544,335.063,14.544,270.545c0-38.687,8.915-75.637,26.494-109.824  c12.985-25.251,30.596-48.27,51.602-67.6H61.086V0h197.84v209.475h-93.12v-56.42c-36.676,28.007-58.142,70.865-58.142,117.489  c0,81.793,66.543,148.336,148.336,148.336s148.336-66.543,148.336-148.336c0-15.039-2.218-29.829-6.59-43.957l-3.507-11.33h96.976  l1.414,7.016c3.203,15.89,4.827,32.13,4.827,48.27c0,64.519-25.109,125.161-70.702,170.754C381.159,486.89,320.518,512,255.999,512z   M78.574,75.631h64.568l-21.069,15.748c-27.324,20.423-49.967,47.167-65.483,77.338c-16.296,31.689-24.557,65.948-24.557,101.827  c0,59.848,23.29,116.097,65.58,158.387c42.289,42.29,98.539,65.58,158.387,65.58s116.097-23.29,158.387-65.58  s65.58-98.54,65.58-158.387c0-12.615-1.069-25.298-3.182-37.797h-59.268c2.861,12.308,4.307,24.976,4.307,37.797  c0,91.436-74.388,165.824-165.824,165.824c-91.435,0-165.824-74.388-165.824-165.824c0-28.953,7.612-57.443,22.013-82.389  c13.923-24.118,33.914-44.561,57.811-59.121l13.294-8.1v71.051h58.143V17.489H78.574V75.631z"
+   id="path828" />
+
+<g
+   id="g836">
+</g>
+<g
+   id="g838">
+</g>
+<g
+   id="g840">
+</g>
+<g
+   id="g842">
+</g>
+<g
+   id="g844">
+</g>
+<g
+   id="g846">
+</g>
+<g
+   id="g848">
+</g>
+<g
+   id="g850">
+</g>
+<g
+   id="g852">
+</g>
+<g
+   id="g854">
+</g>
+<g
+   id="g856">
+</g>
+<g
+   id="g858">
+</g>
+<g
+   id="g860">
+</g>
+<g
+   id="g862">
+</g>
+<g
+   id="g864">
+</g>
+</svg>
diff --git a/packages/mindplot/assets/icons/arrowc_turn_left.svg b/packages/mindplot/assets/icons/arrowc_turn_left.svg
index cca66f74..dd71b3f6 100644
--- a/packages/mindplot/assets/icons/arrowc_turn_left.svg
+++ b/packages/mindplot/assets/icons/arrowc_turn_left.svg
@@ -1,43 +1,90 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-<polygon style="fill:#00B4D7;" points="395.386,476.106 503.013,476.106 503.013,171.161 186.109,171.161 257.861,99.409 
-	198.068,39.616 12.71,224.975 198.068,410.333 257.861,350.54 186.109,278.789 395.386,278.789 "/>
-<polygon style="fill:#0093C4;" points="395.386,476.106 449.199,476.106 449.199,224.975 12.71,224.975 198.068,410.333 
-	257.861,350.54 186.109,278.789 395.386,278.789 "/>
-<rect x="61.567" y="289.229" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 27.7548 607.9285)" style="fill:#FFFFFF;" width="156.434" height="17.974"/>
-<path d="M512,485.093H386.398V287.776H207.806l62.765,62.765l-72.503,72.503L0,224.975L198.068,26.907l72.503,72.502l-62.765,62.765
-	H512V485.093z M404.372,467.119h89.654V180.148H164.413l80.739-80.739l-47.084-47.083L25.419,224.975l172.649,172.649l47.084-47.084
-	l-80.739-80.739h239.959V467.119z"/>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 512 512"
+   style="enable-background:new 0 0 512 512;"
+   xml:space="preserve"
+   sodipodi:docname="arrowc_turn_left.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs1277" /><sodipodi:namedview
+   id="namedview1275"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   showgrid="false"
+   inkscape:zoom="1.0820312"
+   inkscape:cx="255.53791"
+   inkscape:cy="256"
+   inkscape:window-width="1296"
+   inkscape:window-height="776"
+   inkscape:window-x="0"
+   inkscape:window-y="25"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<polygon
+   style="fill:#00B4D7;"
+   points="395.386,476.106 503.013,476.106 503.013,171.161 186.109,171.161 257.861,99.409   198.068,39.616 12.71,224.975 198.068,410.333 257.861,350.54 186.109,278.789 395.386,278.789 "
+   id="polygon1236" />
+
+
+<path
+   d="M512,485.093H386.398V287.776H207.806l62.765,62.765l-72.503,72.503L0,224.975L198.068,26.907l72.503,72.502l-62.765,62.765  H512V485.093z M404.372,467.119h89.654V180.148H164.413l80.739-80.739l-47.084-47.083L25.419,224.975l172.649,172.649l47.084-47.084  l-80.739-80.739h239.959V467.119z"
+   id="path1242" />
+<g
+   id="g1244">
+</g>
+<g
+   id="g1246">
+</g>
+<g
+   id="g1248">
+</g>
+<g
+   id="g1250">
+</g>
+<g
+   id="g1252">
+</g>
+<g
+   id="g1254">
+</g>
+<g
+   id="g1256">
+</g>
+<g
+   id="g1258">
+</g>
+<g
+   id="g1260">
+</g>
+<g
+   id="g1262">
+</g>
+<g
+   id="g1264">
+</g>
+<g
+   id="g1266">
+</g>
+<g
+   id="g1268">
+</g>
+<g
+   id="g1270">
+</g>
+<g
+   id="g1272">
+</g>
+</svg>
diff --git a/packages/mindplot/assets/icons/arrowc_turn_right.svg b/packages/mindplot/assets/icons/arrowc_turn_right.svg
index 7080f18e..239c8858 100644
--- a/packages/mindplot/assets/icons/arrowc_turn_right.svg
+++ b/packages/mindplot/assets/icons/arrowc_turn_right.svg
@@ -1,43 +1,90 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-<polygon style="fill:#00B4D7;" points="116.615,476.107 8.987,476.107 8.987,171.162 325.891,171.162 254.139,99.409 
-	313.932,39.616 499.291,224.975 313.932,410.333 254.139,350.54 325.891,278.789 116.615,278.789 "/>
-<polygon style="fill:#0093C4;" points="116.615,476.107 62.801,476.107 62.801,224.975 499.291,224.975 313.932,410.333 
-	254.139,350.54 325.891,278.789 116.615,278.789 "/>
-<rect x="363.227" y="220.002" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 424.536 772.2866)" style="fill:#FFFFFF;" width="17.974" height="156.434"/>
-<path d="M125.602,485.094H0v-322.92h304.194l-62.765-62.765l72.503-72.503L512,224.975L313.932,423.043l-72.503-72.503
-	l62.765-62.765H125.602V485.094z M17.974,467.12h89.654V269.802h239.959l-80.739,80.739l47.084,47.084l172.649-172.649
-	L313.932,52.325l-47.084,47.084l80.739,80.739H17.974V467.12z"/>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 512 512"
+   style="enable-background:new 0 0 512 512;"
+   xml:space="preserve"
+   sodipodi:docname="arrowc_turn_right.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs2375" /><sodipodi:namedview
+   id="namedview2373"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   showgrid="false"
+   inkscape:zoom="1.0820312"
+   inkscape:cx="255.53791"
+   inkscape:cy="256"
+   inkscape:window-width="1296"
+   inkscape:window-height="776"
+   inkscape:window-x="0"
+   inkscape:window-y="25"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<polygon
+   style="fill:#00B4D7;"
+   points="116.615,476.107 8.987,476.107 8.987,171.162 325.891,171.162 254.139,99.409   313.932,39.616 499.291,224.975 313.932,410.333 254.139,350.54 325.891,278.789 116.615,278.789 "
+   id="polygon2334" />
+
+
+<path
+   d="M125.602,485.094H0v-322.92h304.194l-62.765-62.765l72.503-72.503L512,224.975L313.932,423.043l-72.503-72.503  l62.765-62.765H125.602V485.094z M17.974,467.12h89.654V269.802h239.959l-80.739,80.739l47.084,47.084l172.649-172.649  L313.932,52.325l-47.084,47.084l80.739,80.739H17.974V467.12z"
+   id="path2340" />
+<g
+   id="g2342">
+</g>
+<g
+   id="g2344">
+</g>
+<g
+   id="g2346">
+</g>
+<g
+   id="g2348">
+</g>
+<g
+   id="g2350">
+</g>
+<g
+   id="g2352">
+</g>
+<g
+   id="g2354">
+</g>
+<g
+   id="g2356">
+</g>
+<g
+   id="g2358">
+</g>
+<g
+   id="g2360">
+</g>
+<g
+   id="g2362">
+</g>
+<g
+   id="g2364">
+</g>
+<g
+   id="g2366">
+</g>
+<g
+   id="g2368">
+</g>
+<g
+   id="g2370">
+</g>
+</svg>
diff --git a/packages/mindplot/assets/icons/flag_blue.svg b/packages/mindplot/assets/icons/flag_blue.svg
new file mode 100644
index 00000000..96b838c1
--- /dev/null
+++ b/packages/mindplot/assets/icons/flag_blue.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 501.551 501.551"
+   style="enable-background:new 0 0 501.551 501.551;"
+   xml:space="preserve"
+   sodipodi:docname="flag_blue.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs129" /><sodipodi:namedview
+   id="namedview127"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   showgrid="false"
+   inkscape:zoom="1.0906169"
+   inkscape:cx="250.7755"
+   inkscape:cy="250.7755"
+   inkscape:window-width="1312"
+   inkscape:window-height="773"
+   inkscape:window-x="0"
+   inkscape:window-y="25"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<rect
+   x="39.706"
+   y="48.065"
+   style="fill:#ACB3BA;"
+   width="50.155"
+   height="453.486"
+   id="rect86" />
+<path
+   style="fill:#1e90ff"
+   d="M477.518,88.816v282.122c-124.343-91.951-247.641,80.457-371.984,10.449  c-5.224-3.135-10.449-6.269-15.673-10.449V88.816c5.224,4.18,10.449,7.314,15.673,10.449  C229.878,170.318,353.176-2.09,477.518,88.816z"
+   id="path88" />
+<path
+   style="fill:#9AA9B5;"
+   d="M89.861,48.065v42.841c-7.314,4.18-15.673,6.269-25.078,6.269s-17.763-2.09-25.078-6.269V48.065  H89.861z"
+   id="path90" />
+<circle
+   style="fill:#0000ff"
+   cx="64.784"
+   cy="40.751"
+   r="40.751"
+   id="circle92" />
+<path
+   style="fill:#4169e1"
+   d="M105.535,99.265v282.122c-5.224-3.135-10.449-6.269-15.673-10.449V88.816  C95.086,92.996,100.31,96.131,105.535,99.265z"
+   id="path94" />
+<g
+   id="g96">
+</g>
+<g
+   id="g98">
+</g>
+<g
+   id="g100">
+</g>
+<g
+   id="g102">
+</g>
+<g
+   id="g104">
+</g>
+<g
+   id="g106">
+</g>
+<g
+   id="g108">
+</g>
+<g
+   id="g110">
+</g>
+<g
+   id="g112">
+</g>
+<g
+   id="g114">
+</g>
+<g
+   id="g116">
+</g>
+<g
+   id="g118">
+</g>
+<g
+   id="g120">
+</g>
+<g
+   id="g122">
+</g>
+<g
+   id="g124">
+</g>
+</svg>
diff --git a/packages/mindplot/assets/icons/flag_green.svg b/packages/mindplot/assets/icons/flag_green.svg
new file mode 100644
index 00000000..6730497d
--- /dev/null
+++ b/packages/mindplot/assets/icons/flag_green.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 501.551 501.551"
+   style="enable-background:new 0 0 501.551 501.551;"
+   xml:space="preserve"
+   sodipodi:docname="flag_green.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs129" /><sodipodi:namedview
+   id="namedview127"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   showgrid="false"
+   inkscape:zoom="1.0906169"
+   inkscape:cx="250.7755"
+   inkscape:cy="250.7755"
+   inkscape:window-width="1312"
+   inkscape:window-height="773"
+   inkscape:window-x="0"
+   inkscape:window-y="25"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<rect
+   x="39.706"
+   y="48.065"
+   style="fill:#ACB3BA;"
+   width="50.155"
+   height="453.486"
+   id="rect86" />
+<path
+   style="fill:#3cb371"
+   d="M477.518,88.816v282.122c-124.343-91.951-247.641,80.457-371.984,10.449  c-5.224-3.135-10.449-6.269-15.673-10.449V88.816c5.224,4.18,10.449,7.314,15.673,10.449  C229.878,170.318,353.176-2.09,477.518,88.816z"
+   id="path88" />
+<path
+   style="fill:#9AA9B5;"
+   d="M89.861,48.065v42.841c-7.314,4.18-15.673,6.269-25.078,6.269s-17.763-2.09-25.078-6.269V48.065  H89.861z"
+   id="path90" />
+<circle
+   style="fill:#2e8b57"
+   cx="64.784"
+   cy="40.751"
+   r="40.751"
+   id="circle92" />
+<path
+   style="fill:#2e8b57"
+   d="M105.535,99.265v282.122c-5.224-3.135-10.449-6.269-15.673-10.449V88.816  C95.086,92.996,100.31,96.131,105.535,99.265z"
+   id="path94" />
+<g
+   id="g96">
+</g>
+<g
+   id="g98">
+</g>
+<g
+   id="g100">
+</g>
+<g
+   id="g102">
+</g>
+<g
+   id="g104">
+</g>
+<g
+   id="g106">
+</g>
+<g
+   id="g108">
+</g>
+<g
+   id="g110">
+</g>
+<g
+   id="g112">
+</g>
+<g
+   id="g114">
+</g>
+<g
+   id="g116">
+</g>
+<g
+   id="g118">
+</g>
+<g
+   id="g120">
+</g>
+<g
+   id="g122">
+</g>
+<g
+   id="g124">
+</g>
+</svg>
diff --git a/packages/mindplot/assets/icons/flag_orange.svg b/packages/mindplot/assets/icons/flag_orange.svg
new file mode 100644
index 00000000..aa114e15
--- /dev/null
+++ b/packages/mindplot/assets/icons/flag_orange.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 501.551 501.551"
+   style="enable-background:new 0 0 501.551 501.551;"
+   xml:space="preserve"
+   sodipodi:docname="flag_orange.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs129" /><sodipodi:namedview
+   id="namedview127"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   showgrid="false"
+   inkscape:zoom="1.0906169"
+   inkscape:cx="250.7755"
+   inkscape:cy="250.7755"
+   inkscape:window-width="1312"
+   inkscape:window-height="773"
+   inkscape:window-x="0"
+   inkscape:window-y="25"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<rect
+   x="39.706"
+   y="48.065"
+   style="fill:#ACB3BA;"
+   width="50.155"
+   height="453.486"
+   id="rect86" />
+<path
+   style="fill:#ffa500"
+   d="M477.518,88.816v282.122c-124.343-91.951-247.641,80.457-371.984,10.449  c-5.224-3.135-10.449-6.269-15.673-10.449V88.816c5.224,4.18,10.449,7.314,15.673,10.449  C229.878,170.318,353.176-2.09,477.518,88.816z"
+   id="path88" />
+<path
+   style="fill:#9AA9B5;"
+   d="M89.861,48.065v42.841c-7.314,4.18-15.673,6.269-25.078,6.269s-17.763-2.09-25.078-6.269V48.065  H89.861z"
+   id="path90" />
+<circle
+   style="fill:#ff8c00"
+   cx="64.784"
+   cy="40.751"
+   r="40.751"
+   id="circle92" />
+<path
+   style="fill:#ff8c00"
+   d="M105.535,99.265v282.122c-5.224-3.135-10.449-6.269-15.673-10.449V88.816  C95.086,92.996,100.31,96.131,105.535,99.265z"
+   id="path94" />
+<g
+   id="g96">
+</g>
+<g
+   id="g98">
+</g>
+<g
+   id="g100">
+</g>
+<g
+   id="g102">
+</g>
+<g
+   id="g104">
+</g>
+<g
+   id="g106">
+</g>
+<g
+   id="g108">
+</g>
+<g
+   id="g110">
+</g>
+<g
+   id="g112">
+</g>
+<g
+   id="g114">
+</g>
+<g
+   id="g116">
+</g>
+<g
+   id="g118">
+</g>
+<g
+   id="g120">
+</g>
+<g
+   id="g122">
+</g>
+<g
+   id="g124">
+</g>
+</svg>
diff --git a/packages/mindplot/assets/icons/flag_pink.svg b/packages/mindplot/assets/icons/flag_pink.svg
new file mode 100644
index 00000000..317f97cb
--- /dev/null
+++ b/packages/mindplot/assets/icons/flag_pink.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 501.551 501.551"
+   style="enable-background:new 0 0 501.551 501.551;"
+   xml:space="preserve"
+   sodipodi:docname="flag_pink.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs129" /><sodipodi:namedview
+   id="namedview127"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   showgrid="false"
+   inkscape:zoom="1.0906169"
+   inkscape:cx="250.7755"
+   inkscape:cy="250.7755"
+   inkscape:window-width="1312"
+   inkscape:window-height="773"
+   inkscape:window-x="0"
+   inkscape:window-y="25"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<rect
+   x="39.706"
+   y="48.065"
+   style="fill:#ACB3BA;"
+   width="50.155"
+   height="453.486"
+   id="rect86" />
+<path
+   style="fill:#ffb6c1"
+   d="M477.518,88.816v282.122c-124.343-91.951-247.641,80.457-371.984,10.449  c-5.224-3.135-10.449-6.269-15.673-10.449V88.816c5.224,4.18,10.449,7.314,15.673,10.449  C229.878,170.318,353.176-2.09,477.518,88.816z"
+   id="path88" />
+<path
+   style="fill:#9AA9B5;"
+   d="M89.861,48.065v42.841c-7.314,4.18-15.673,6.269-25.078,6.269s-17.763-2.09-25.078-6.269V48.065  H89.861z"
+   id="path90" />
+<circle
+   style="fill:#ee82ee"
+   cx="64.784"
+   cy="40.751"
+   r="40.751"
+   id="circle92" />
+<path
+   style="fill:#ee82ee"
+   d="M105.535,99.265v282.122c-5.224-3.135-10.449-6.269-15.673-10.449V88.816  C95.086,92.996,100.31,96.131,105.535,99.265z"
+   id="path94" />
+<g
+   id="g96">
+</g>
+<g
+   id="g98">
+</g>
+<g
+   id="g100">
+</g>
+<g
+   id="g102">
+</g>
+<g
+   id="g104">
+</g>
+<g
+   id="g106">
+</g>
+<g
+   id="g108">
+</g>
+<g
+   id="g110">
+</g>
+<g
+   id="g112">
+</g>
+<g
+   id="g114">
+</g>
+<g
+   id="g116">
+</g>
+<g
+   id="g118">
+</g>
+<g
+   id="g120">
+</g>
+<g
+   id="g122">
+</g>
+<g
+   id="g124">
+</g>
+</svg>
diff --git a/packages/mindplot/assets/icons/flag_purple.svg b/packages/mindplot/assets/icons/flag_purple.svg
new file mode 100644
index 00000000..bc928468
--- /dev/null
+++ b/packages/mindplot/assets/icons/flag_purple.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 501.551 501.551"
+   style="enable-background:new 0 0 501.551 501.551;"
+   xml:space="preserve"
+   sodipodi:docname="flag_purple.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs129" /><sodipodi:namedview
+   id="namedview127"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   showgrid="false"
+   inkscape:zoom="1.0906169"
+   inkscape:cx="250.7755"
+   inkscape:cy="250.7755"
+   inkscape:window-width="1312"
+   inkscape:window-height="773"
+   inkscape:window-x="0"
+   inkscape:window-y="25"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<rect
+   x="39.706"
+   y="48.065"
+   style="fill:#ACB3BA;"
+   width="50.155"
+   height="453.486"
+   id="rect86" />
+<path
+   style="fill:#c71585"
+   d="M477.518,88.816v282.122c-124.343-91.951-247.641,80.457-371.984,10.449  c-5.224-3.135-10.449-6.269-15.673-10.449V88.816c5.224,4.18,10.449,7.314,15.673,10.449  C229.878,170.318,353.176-2.09,477.518,88.816z"
+   id="path88" />
+<path
+   style="fill:#9AA9B5;"
+   d="M89.861,48.065v42.841c-7.314,4.18-15.673,6.269-25.078,6.269s-17.763-2.09-25.078-6.269V48.065  H89.861z"
+   id="path90" />
+<circle
+   style="fill:#ee82ee"
+   cx="64.784"
+   cy="40.751"
+   r="40.751"
+   id="circle92" />
+<path
+   style="fill:#9932cc"
+   d="M105.535,99.265v282.122c-5.224-3.135-10.449-6.269-15.673-10.449V88.816  C95.086,92.996,100.31,96.131,105.535,99.265z"
+   id="path94" />
+<g
+   id="g96">
+</g>
+<g
+   id="g98">
+</g>
+<g
+   id="g100">
+</g>
+<g
+   id="g102">
+</g>
+<g
+   id="g104">
+</g>
+<g
+   id="g106">
+</g>
+<g
+   id="g108">
+</g>
+<g
+   id="g110">
+</g>
+<g
+   id="g112">
+</g>
+<g
+   id="g114">
+</g>
+<g
+   id="g116">
+</g>
+<g
+   id="g118">
+</g>
+<g
+   id="g120">
+</g>
+<g
+   id="g122">
+</g>
+<g
+   id="g124">
+</g>
+</svg>
diff --git a/packages/mindplot/assets/icons/flag_yellow.svg b/packages/mindplot/assets/icons/flag_yellow.svg
new file mode 100644
index 00000000..04d3bec3
--- /dev/null
+++ b/packages/mindplot/assets/icons/flag_yellow.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 501.551 501.551" style="enable-background:new 0 0 501.551 501.551;" xml:space="preserve">
+<rect x="39.706" y="48.065" style="fill:#ACB3BA;" width="50.155" height="453.486"/>
+<path style="fill:#FFD15C;" d="M477.518,88.816v282.122c-124.343-91.951-247.641,80.457-371.984,10.449
+	c-5.224-3.135-10.449-6.269-15.673-10.449V88.816c5.224,4.18,10.449,7.314,15.673,10.449
+	C229.878,170.318,353.176-2.09,477.518,88.816z"/>
+<path style="fill:#9AA9B5;" d="M89.861,48.065v42.841c-7.314,4.18-15.673,6.269-25.078,6.269s-17.763-2.09-25.078-6.269V48.065
+	H89.861z"/>
+<circle style="fill:#FF7058;" cx="64.784" cy="40.751" r="40.751"/>
+<path style="fill:#F8B64C;" d="M105.535,99.265v282.122c-5.224-3.135-10.449-6.269-15.673-10.449V88.816
+	C95.086,92.996,100.31,96.131,105.535,99.265z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/packages/mindplot/assets/icons/number_1.svg b/packages/mindplot/assets/icons/number_1.svg
index c05acf6c..b630131c 100644
--- a/packages/mindplot/assets/icons/number_1.svg
+++ b/packages/mindplot/assets/icons/number_1.svg
@@ -1,4 +1,55 @@
-<svg width="48px" height="48px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="6" y="6" width="36" height="36" rx="3" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M21.2261 18L26.0001 13.0166V34" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48px"
+   height="48px"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg2413"
+   sodipodi:docname="number_1.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2417" />
+  <sodipodi:namedview
+     id="namedview2415"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="11.541667"
+     inkscape:cx="6.8880866"
+     inkscape:cy="24"
+     inkscape:window-width="1296"
+     inkscape:window-height="776"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2413" />
+  <rect
+     x="6"
+     y="6"
+     width="36"
+     height="36"
+     rx="3"
+     fill="#2f88ff"
+     stroke="#000000"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="rect2409"
+     style="stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none" />
+  <path
+     d="M21.2261 18L26.0001 13.0166V34"
+     stroke="white"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2411" />
 </svg>
diff --git a/packages/mindplot/assets/icons/number_2.svg b/packages/mindplot/assets/icons/number_2.svg
index efe31b7d..ff994066 100644
--- a/packages/mindplot/assets/icons/number_2.svg
+++ b/packages/mindplot/assets/icons/number_2.svg
@@ -1,4 +1,55 @@
-<svg width="48px" height="48px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="6" y="6" width="36" height="36" rx="3" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M19 19C19 15.8334 21.6667 14 24 14C26.3334 14 29 15.8334 29 19C29 24.7 19 28.9333 19 34H29" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48px"
+   height="48px"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg2549"
+   sodipodi:docname="number_2.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2553" />
+  <sodipodi:namedview
+     id="namedview2551"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="11.541667"
+     inkscape:cx="6.8880866"
+     inkscape:cy="24"
+     inkscape:window-width="1296"
+     inkscape:window-height="776"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2549" />
+  <rect
+     x="6"
+     y="6"
+     width="36"
+     height="36"
+     rx="3"
+     fill="#2f88ff"
+     stroke="#000000"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="rect2545"
+     style="stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none" />
+  <path
+     d="M19 19C19 15.8334 21.6667 14 24 14C26.3334 14 29 15.8334 29 19C29 24.7 19 28.9333 19 34H29"
+     stroke="white"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2547" />
 </svg>
diff --git a/packages/mindplot/assets/icons/number_3.svg b/packages/mindplot/assets/icons/number_3.svg
index 4d238c81..d57b1319 100644
--- a/packages/mindplot/assets/icons/number_3.svg
+++ b/packages/mindplot/assets/icons/number_3.svg
@@ -1,4 +1,55 @@
-<svg width="48px" height="48px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="6" y="6" width="36" height="36" rx="3" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M19 14H29L22 23C26 23 29 25 29 29C29 33 26 34 24 34C21.619 34 20 33 19 31.9" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48px"
+   height="48px"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg2745"
+   sodipodi:docname="number_3.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2749" />
+  <sodipodi:namedview
+     id="namedview2747"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="11.541667"
+     inkscape:cx="6.8880866"
+     inkscape:cy="24"
+     inkscape:window-width="1296"
+     inkscape:window-height="776"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2745" />
+  <rect
+     x="6"
+     y="6"
+     width="36"
+     height="36"
+     rx="3"
+     fill="#2f88ff"
+     stroke="#000000"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="rect2741"
+     style="stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none" />
+  <path
+     d="M19 14H29L22 23C26 23 29 25 29 29C29 33 26 34 24 34C21.619 34 20 33 19 31.9"
+     stroke="white"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2743" />
 </svg>
diff --git a/packages/mindplot/assets/icons/number_4.svg b/packages/mindplot/assets/icons/number_4.svg
index a7fd56cd..eed193fb 100644
--- a/packages/mindplot/assets/icons/number_4.svg
+++ b/packages/mindplot/assets/icons/number_4.svg
@@ -1,4 +1,55 @@
-<svg width="48px" height="48px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="6" y="6" width="36" height="36" rx="3" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M26.9767 34V14L18 26.9967V29.0199H30" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48px"
+   height="48px"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg55"
+   sodipodi:docname="number_4.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs59" />
+  <sodipodi:namedview
+     id="namedview57"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="11.395833"
+     inkscape:cx="6.7129799"
+     inkscape:cy="24"
+     inkscape:window-width="1312"
+     inkscape:window-height="773"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg55" />
+  <rect
+     x="6"
+     y="6"
+     width="36"
+     height="36"
+     rx="3"
+     fill="#2f88ff"
+     stroke="#000000"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="rect51"
+     style="stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none" />
+  <path
+     d="M26.9767 34V14L18 26.9967V29.0199H30"
+     stroke="white"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path53" />
 </svg>
diff --git a/packages/mindplot/assets/icons/number_5.svg b/packages/mindplot/assets/icons/number_5.svg
index 584f6a79..2a434295 100644
--- a/packages/mindplot/assets/icons/number_5.svg
+++ b/packages/mindplot/assets/icons/number_5.svg
@@ -1,4 +1,55 @@
-<svg width="48px" height="48px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="6" y="6" width="36" height="36" rx="3" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M29 14.0093H20V21.0341C20 21 22 20 25 20C28 20 29 22.0339 29 26C29 29.9661 28 33 24 33C21 33 20 31 20 29.0078" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48px"
+   height="48px"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg1029"
+   sodipodi:docname="number_5.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1033" />
+  <sodipodi:namedview
+     id="namedview1031"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="11.541667"
+     inkscape:cx="6.8880866"
+     inkscape:cy="24"
+     inkscape:window-width="1296"
+     inkscape:window-height="776"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg1029" />
+  <rect
+     x="6"
+     y="6"
+     width="36"
+     height="36"
+     rx="3"
+     fill="#2F88FF"
+     stroke="black"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="rect1025"
+     style="stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none" />
+  <path
+     d="M29 14.0093H20V21.0341C20 21 22 20 25 20C28 20 29 22.0339 29 26C29 29.9661 28 33 24 33C21 33 20 31 20 29.0078"
+     stroke="white"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path1027" />
 </svg>
diff --git a/packages/mindplot/assets/icons/number_6.svg b/packages/mindplot/assets/icons/number_6.svg
index 6a3750a1..a1371fe4 100644
--- a/packages/mindplot/assets/icons/number_6.svg
+++ b/packages/mindplot/assets/icons/number_6.svg
@@ -1,5 +1,60 @@
-<svg width="48px" height="48px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="6" y="6" width="36" height="36" rx="3" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M24.5 33C27.5376 33 30 30.5376 30 27.5C30 24.4624 27.5376 22 24.5 22C21.4624 22 19 24.4624 19 27.5C19 30.5376 21.4624 33 24.5 33Z" stroke="white" stroke-width="4"/>
-<path d="M29.5962 17.7392C28.7778 15.5461 26.8044 14 24.5 14C21.4624 14 19 16.6863 19 20V27" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48px"
+   height="48px"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg1147"
+   sodipodi:docname="number_6.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1151" />
+  <sodipodi:namedview
+     id="namedview1149"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="11.541667"
+     inkscape:cx="6.8880866"
+     inkscape:cy="24"
+     inkscape:window-width="1296"
+     inkscape:window-height="776"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg1147" />
+  <rect
+     x="6"
+     y="6"
+     width="36"
+     height="36"
+     rx="3"
+     fill="#2f88ff"
+     stroke="#000000"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="rect1141"
+     style="stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none" />
+  <path
+     d="M24.5 33C27.5376 33 30 30.5376 30 27.5C30 24.4624 27.5376 22 24.5 22C21.4624 22 19 24.4624 19 27.5C19 30.5376 21.4624 33 24.5 33Z"
+     stroke="white"
+     stroke-width="4"
+     id="path1143" />
+  <path
+     d="M29.5962 17.7392C28.7778 15.5461 26.8044 14 24.5 14C21.4624 14 19 16.6863 19 20V27"
+     stroke="white"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path1145" />
 </svg>
diff --git a/packages/mindplot/assets/icons/number_7.svg b/packages/mindplot/assets/icons/number_7.svg
index 5a337a95..83b1eadd 100644
--- a/packages/mindplot/assets/icons/number_7.svg
+++ b/packages/mindplot/assets/icons/number_7.svg
@@ -1,4 +1,55 @@
-<svg width="48px" height="48px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="6" y="6" width="36" height="36" rx="3" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M18.9983 15H29L20.9939 33" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48px"
+   height="48px"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg1284"
+   sodipodi:docname="number_7.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1288" />
+  <sodipodi:namedview
+     id="namedview1286"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="11.541667"
+     inkscape:cx="6.8880866"
+     inkscape:cy="24"
+     inkscape:window-width="1296"
+     inkscape:window-height="776"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg1284" />
+  <rect
+     x="6"
+     y="6"
+     width="36"
+     height="36"
+     rx="3"
+     fill="#2F88FF"
+     stroke="black"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="rect1280"
+     style="stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none" />
+  <path
+     d="M18.9983 15H29L20.9939 33"
+     stroke="white"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path1282" />
 </svg>
diff --git a/packages/mindplot/assets/icons/number_8.svg b/packages/mindplot/assets/icons/number_8.svg
index 5574c56f..8c8d9ea0 100644
--- a/packages/mindplot/assets/icons/number_8.svg
+++ b/packages/mindplot/assets/icons/number_8.svg
@@ -1,5 +1,58 @@
-<svg width="48px" height="48px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="6" y="6" width="36" height="36" rx="3" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M24 22C26.2091 22 28 20.2091 28 18C28 15.7909 26.2091 14 24 14C21.7909 14 20 15.7909 20 18C20 20.2091 21.7909 22 24 22Z" stroke="white" stroke-width="4"/>
-<path d="M24 33C26.7614 33 29 30.7614 29 28C29 25.2386 26.7614 23 24 23C21.2386 23 19 25.2386 19 28C19 30.7614 21.2386 33 24 33Z" stroke="white" stroke-width="4"/>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48px"
+   height="48px"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg1402"
+   sodipodi:docname="number_8.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1406" />
+  <sodipodi:namedview
+     id="namedview1404"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="11.541667"
+     inkscape:cx="6.8880866"
+     inkscape:cy="24"
+     inkscape:window-width="1296"
+     inkscape:window-height="776"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg1402" />
+  <rect
+     x="6"
+     y="6"
+     width="36"
+     height="36"
+     rx="3"
+     fill="#2f88ff"
+     stroke="#000000"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="rect1396"
+     style="stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none" />
+  <path
+     d="M24 22C26.2091 22 28 20.2091 28 18C28 15.7909 26.2091 14 24 14C21.7909 14 20 15.7909 20 18C20 20.2091 21.7909 22 24 22Z"
+     stroke="white"
+     stroke-width="4"
+     id="path1398" />
+  <path
+     d="M24 33C26.7614 33 29 30.7614 29 28C29 25.2386 26.7614 23 24 23C21.2386 23 19 25.2386 19 28C19 30.7614 21.2386 33 24 33Z"
+     stroke="white"
+     stroke-width="4"
+     id="path1400" />
 </svg>
diff --git a/packages/mindplot/assets/icons/number_9.svg b/packages/mindplot/assets/icons/number_9.svg
index d60dbeae..c092616e 100644
--- a/packages/mindplot/assets/icons/number_9.svg
+++ b/packages/mindplot/assets/icons/number_9.svg
@@ -1,5 +1,60 @@
-<svg width="48px" height="48px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="6" y="6" width="36" height="36" rx="3" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M24.5 14C21.4624 14 19 16.4624 19 19.5C19 22.5376 21.4624 25 24.5 25C27.5376 25 30 22.5376 30 19.5C30 16.4624 27.5376 14 24.5 14Z" stroke="white" stroke-width="4"/>
-<path d="M19 29C19.8184 31.1932 21.5476 33 24.5 33C27.5376 33 30 30.3137 30 27V20" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48px"
+   height="48px"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg1543"
+   sodipodi:docname="number_9.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1547" />
+  <sodipodi:namedview
+     id="namedview1545"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="11.541667"
+     inkscape:cx="6.8880866"
+     inkscape:cy="24"
+     inkscape:window-width="1296"
+     inkscape:window-height="776"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg1543" />
+  <rect
+     x="6"
+     y="6"
+     width="36"
+     height="36"
+     rx="3"
+     fill="#2F88FF"
+     stroke="black"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="rect1537"
+     style="stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none" />
+  <path
+     d="M24.5 14C21.4624 14 19 16.4624 19 19.5C19 22.5376 21.4624 25 24.5 25C27.5376 25 30 22.5376 30 19.5C30 16.4624 27.5376 14 24.5 14Z"
+     stroke="white"
+     stroke-width="4"
+     id="path1539" />
+  <path
+     d="M19 29C19.8184 31.1932 21.5476 33 24.5 33C27.5376 33 30 30.3137 30 27V20"
+     stroke="white"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path1541" />
 </svg>
diff --git a/packages/mindplot/assets/icons/onoff_status_offline.svg b/packages/mindplot/assets/icons/onoff_status_offline.svg
new file mode 100644
index 00000000..cee8b31d
--- /dev/null
+++ b/packages/mindplot/assets/icons/onoff_status_offline.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Uploaded to SVGRepo https://www.svgrepo.com -->
+    <title>ic_fluent_cloud_off_48_regular</title>
+    <desc>Created with Sketch.</desc>
+    <g id="🔍-Product-Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="ic_fluent_cloud_off_48_regular" fill="#212121" fill-rule="nonzero">
+            <path d="M31.6234201,24.3683272 C32.1112856,24.8567723 32.1108156,25.6482284 31.6223705,26.1360938 L25.7479647,32.0026857 L31.6223705,37.8716463 C32.0782526,38.3269874 32.1090541,39.0467897 31.7144822,39.5378635 L31.6234201,39.639413 C31.1680791,40.0952951 30.4482768,40.1260966 29.9572029,39.7315246 L29.8556535,39.6404626 L23.9779647,33.7696857 L18.1243232,39.6181216 C17.6358781,40.1059871 16.844422,40.1055171 16.3565565,39.617072 C15.8686911,39.1286269 15.869161,38.3371708 16.3576062,37.8493054 L22.2089647,32.0036857 L16.3576062,26.1584348 C15.901724,25.7030937 15.8709225,24.9832914 16.2654945,24.4922176 L16.3565565,24.3906681 C16.8118976,23.934786 17.5316999,23.9039845 18.0227737,24.2985564 L18.1243232,24.3896185 L23.9779647,30.2366857 L29.8556535,24.3672775 C30.3440986,23.8794121 31.1355547,23.879882 31.6234201,24.3683272 Z M24.0322361,8.06617113 C30.3692983,8.06617113 33.9642058,12.2607519 34.4870347,17.3264239 L34.6469672,17.3264187 C38.7251266,17.3264187 42.031128,20.6238664 42.031128,24.6914743 C42.031128,28.7590822 38.7251266,32.0565299 34.6469672,32.0565299 L31.2468443,32.0562674 C30.5578535,32.0562142 29.9993443,31.4976619 29.9993443,30.8086711 C29.9993443,30.1627808 30.490217,29.63154 31.1192531,29.5676579 L31.2468443,29.5612174 L34.8352905,29.5613505 C37.429361,29.5613505 39.5322707,27.4475252 39.5322707,24.8399896 C39.5322707,22.2324539 37.429361,20.1186286 34.8353363,20.1186286 L33.4147064,20.118675 C32.6634041,20.1186996 32.0072715,19.5265499 32.0072715,18.7719217 C32.0072715,13.9482086 28.2932913,10.5613505 24.0322361,10.5613505 C19.771181,10.5613505 16.0572008,14.0093031 16.0572008,18.7719217 C16.0572008,19.5265499 15.4010682,20.1186996 14.6497659,20.118675 L13.2291818,20.1186286 C10.6351112,20.1186286 8.53220159,22.2324539 8.53220159,24.8399896 C8.53220159,27.4475252 10.6351112,29.5613505 13.2291818,29.5613505 L16.7518443,29.561218 C17.3977343,29.5611938 17.9289933,30.0520462 17.992899,30.6810796 L17.9993443,30.8086711 C17.9993443,31.4976622 17.4408353,32.0562149 16.7518443,32.0562688 L13.417505,32.0565299 C9.33934567,32.0565299 6.03334429,28.7590822 6.03334429,24.6914743 C6.03334429,20.6238664 9.33934567,17.3264187 13.4175501,17.3264187 L13.5774375,17.3264239 C14.1033079,12.2274566 17.695174,8.06617113 24.0322361,8.06617113 Z" id="🎨-Color"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/mindplot/assets/icons/onoff_status_online.svg b/packages/mindplot/assets/icons/onoff_status_online.svg
new file mode 100644
index 00000000..63e968f7
--- /dev/null
+++ b/packages/mindplot/assets/icons/onoff_status_online.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Uploaded to SVGRepo https://www.svgrepo.com -->
+    <title>ic_fluent_cloud_sync_complete_48_regular</title>
+    <desc>Created with Sketch.</desc>
+    <g id="🔍-Product-Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="ic_fluent_cloud_sync_complete_48_regular" fill="#212121" fill-rule="nonzero">
+            <path d="M31.683222,22.399399 C32.213217,21.866867 33.0725087,21.866867 33.6025037,22.399399 C34.0971658,22.8964289 34.1301432,23.681686 33.7014361,24.2171462 L33.6025037,24.3278682 L21.3882694,36.6005706 C20.8386328,37.1528382 19.9507556,37.1242317 19.435074,36.565482 L19.3429188,36.4545162 L15.2715073,30.9999818 C14.8217916,30.3974906 14.9433138,29.5427632 15.5429347,29.0908947 C16.1050793,28.6672681 16.8878597,28.7481093 17.3540657,29.2563067 L17.4429267,29.3636215 L20.5754628,33.5603297 L31.683222,22.399399 Z M23.9988918,8 C30.335954,8 33.9308615,12.1962665 34.4536905,17.2639742 L34.6136229,17.2639691 C38.6917823,17.2639691 41.9977837,20.5627419 41.9977837,24.6319845 C41.9977837,28.7012271 38.6917823,32 34.6136229,32 L28.788,31.999 L31.273,29.503 L34.8019462,29.5038178 C37.3960167,29.5038178 39.4989264,27.389143 39.4989264,24.7805595 C39.4989264,22.1719759 37.3960167,20.0573011 34.801992,20.0573011 L33.3813621,20.0573475 C32.6300598,20.0573721 31.9739272,19.4649845 31.9739272,18.710053 C31.9739272,13.8844014 28.259947,10.4961822 23.9988918,10.4961822 C19.7378367,10.4961822 16.0238565,13.9455204 16.0238565,18.710053 C16.0238565,19.4649845 15.3677239,20.0573721 14.6164216,20.0573475 L13.1958375,20.0573011 C10.6017669,20.0573011 8.4988573,22.1719759 8.4988573,24.7805595 C8.4988573,27.3466777 10.5338574,29.4348371 13.0695477,29.5021436 C12.897064,30.338333 13.0423724,31.2377982 13.5334077,32.0011909 L13.3841608,32 C9.30600138,32 6,28.7012271 6,24.6319845 C6,20.5627419 9.30600138,17.2639691 13.3842058,17.2639691 L13.5440932,17.2639742 C14.0699636,12.1629578 17.6618297,8 23.9988918,8 Z" id="🎨-Color"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/mindplot/assets/icons/sign_help.svg b/packages/mindplot/assets/icons/sign_help.svg
index 1bbcaf5d..d910ff7f 100644
--- a/packages/mindplot/assets/icons/sign_help.svg
+++ b/packages/mindplot/assets/icons/sign_help.svg
@@ -1,6 +1,62 @@
-<svg width="48px" height="48px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" fill="white" fill-opacity="0.01"/>
-<path d="M24 44C29.5228 44 34.5228 41.7614 38.1421 38.1421C41.7614 34.5228 44 29.5228 44 24C44 18.4772 41.7614 13.4772 38.1421 9.85786C34.5228 6.23858 29.5228 4 24 4C18.4772 4 13.4772 6.23858 9.85786 9.85786C6.23858 13.4772 4 18.4772 4 24C4 29.5228 6.23858 34.5228 9.85786 38.1421C13.4772 41.7614 18.4772 44 24 44Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linejoin="round"/>
-<path d="M24 28.6249V24.6249C27.3137 24.6249 30 21.9386 30 18.6249C30 15.3112 27.3137 12.6249 24 12.6249C20.6863 12.6249 18 15.3112 18 18.6249" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M24 37.6249C25.3807 37.6249 26.5 36.5056 26.5 35.1249C26.5 33.7442 25.3807 32.6249 24 32.6249C22.6193 32.6249 21.5 33.7442 21.5 35.1249C21.5 36.5056 22.6193 37.6249 24 37.6249Z" fill="white"/>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48px"
+   height="48px"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg2098"
+   sodipodi:docname="sign_help.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2102" />
+  <sodipodi:namedview
+     id="namedview2100"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="11.541667"
+     inkscape:cx="6.8880866"
+     inkscape:cy="24"
+     inkscape:window-width="1296"
+     inkscape:window-height="776"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2098" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2090" />
+  <path
+     d="M24 44C29.5228 44 34.5228 41.7614 38.1421 38.1421C41.7614 34.5228 44 29.5228 44 24C44 18.4772 41.7614 13.4772 38.1421 9.85786C34.5228 6.23858 29.5228 4 24 4C18.4772 4 13.4772 6.23858 9.85786 9.85786C6.23858 13.4772 4 18.4772 4 24C4 29.5228 6.23858 34.5228 9.85786 38.1421C13.4772 41.7614 18.4772 44 24 44Z"
+     fill="#2F88FF"
+     stroke="black"
+     stroke-width="4"
+     stroke-linejoin="round"
+     id="path2092"
+     style="stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none" />
+  <path
+     d="M24 28.6249V24.6249C27.3137 24.6249 30 21.9386 30 18.6249C30 15.3112 27.3137 12.6249 24 12.6249C20.6863 12.6249 18 15.3112 18 18.6249"
+     stroke="white"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2094" />
+  <path
+     fill-rule="evenodd"
+     clip-rule="evenodd"
+     d="M24 37.6249C25.3807 37.6249 26.5 36.5056 26.5 35.1249C26.5 33.7442 25.3807 32.6249 24 32.6249C22.6193 32.6249 21.5 33.7442 21.5 35.1249C21.5 36.5056 22.6193 37.6249 24 37.6249Z"
+     fill="white"
+     id="path2096" />
 </svg>
diff --git a/packages/mindplot/assets/icons/sign_info.svg b/packages/mindplot/assets/icons/sign_info.svg
index c7e3077e..22d3c67d 100644
--- a/packages/mindplot/assets/icons/sign_info.svg
+++ b/packages/mindplot/assets/icons/sign_info.svg
@@ -1,7 +1,69 @@
-<svg width="48px" height="48px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" fill="white" fill-opacity="0.01"/>
-<path d="M24 44C29.5228 44 34.5228 41.7614 38.1421 38.1421C41.7614 34.5228 44 29.5228 44 24C44 18.4772 41.7614 13.4772 38.1421 9.85786C34.5228 6.23858 29.5228 4 24 4C18.4772 4 13.4772 6.23858 9.85786 9.85786C6.23858 13.4772 4 18.4772 4 24C4 29.5228 6.23858 34.5228 9.85786 38.1421C13.4772 41.7614 18.4772 44 24 44Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linejoin="round"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M24 11C25.3807 11 26.5 12.1193 26.5 13.5C26.5 14.8807 25.3807 16 24 16C22.6193 16 21.5 14.8807 21.5 13.5C21.5 12.1193 22.6193 11 24 11Z" fill="white"/>
-<path d="M24.5 34V20H23.5H22.5" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M21 34H28" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48px"
+   height="48px"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg19"
+   sodipodi:docname="sign_info.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs23" />
+  <sodipodi:namedview
+     id="namedview21"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="11.395833"
+     inkscape:cx="6.7129799"
+     inkscape:cy="24"
+     inkscape:window-width="1312"
+     inkscape:window-height="773"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg19" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect9" />
+  <path
+     d="M24 44C29.5228 44 34.5228 41.7614 38.1421 38.1421C41.7614 34.5228 44 29.5228 44 24C44 18.4772 41.7614 13.4772 38.1421 9.85786C34.5228 6.23858 29.5228 4 24 4C18.4772 4 13.4772 6.23858 9.85786 9.85786C6.23858 13.4772 4 18.4772 4 24C4 29.5228 6.23858 34.5228 9.85786 38.1421C13.4772 41.7614 18.4772 44 24 44Z"
+     fill="#2F88FF"
+     stroke="black"
+     stroke-width="4"
+     stroke-linejoin="round"
+     id="path11"
+     style="stroke-width:0.4;stroke-miterlimit:4;stroke-dasharray:none" />
+  <path
+     fill-rule="evenodd"
+     clip-rule="evenodd"
+     d="M24 11C25.3807 11 26.5 12.1193 26.5 13.5C26.5 14.8807 25.3807 16 24 16C22.6193 16 21.5 14.8807 21.5 13.5C21.5 12.1193 22.6193 11 24 11Z"
+     fill="white"
+     id="path13" />
+  <path
+     d="M24.5 34V20H23.5H22.5"
+     stroke="white"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path15" />
+  <path
+     d="M21 34H28"
+     stroke="white"
+     stroke-width="4"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path17" />
 </svg>
diff --git a/packages/mindplot/assets/icons/tag_green.svg b/packages/mindplot/assets/icons/tag_green.svg
new file mode 100644
index 00000000..38e2ceed
--- /dev/null
+++ b/packages/mindplot/assets/icons/tag_green.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24px"
+   height="24px"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg71"
+   sodipodi:docname="tag_green.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs75" />
+  <sodipodi:namedview
+     id="namedview73"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="22.916667"
+     inkscape:cx="11.978182"
+     inkscape:cy="12"
+     inkscape:window-width="1312"
+     inkscape:window-height="776"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg71" />
+  <path
+     d="M 2,1 C 0.8954,1 0,1.9 0,3 v 7.1 0.1 c 0.016343,0.5 0.24566,1 0.59375,1.4 l 10.968,10.9 c 0.365,0.4 0.871,0.6 1.438,0.6 0.567,0 1.073,-0.2 1.438,-0.6 l 7.062,-7 c 0.408,-0.4 0.656,-0.9 0.656,-1.5 0,-0.6 -0.248,-1.2 -0.656,-1.5 L 10.59375,1.6 C 10.23875,1.2 9.72695,1 9.18725,1 H 9.15595 1.99975 Z M 5,4 C 6.1046,4 7,4.9 7,6 7,7.1 6.1046,8 5,8 3.8954,8 3,7.1 3,6 3,4.9 3.8954,4 5,4 Z"
+     fill="#8e44ad"
+     id="path59"
+     style="fill:#2e8b57" />
+  <path
+     d="M 2,0 C 0.8954,0 0,0.89544 0,2 v 7.1562 0.0626 c 0.016343,0.5271 0.24566,1.0272 0.59375,1.3752 l 10.968,10.968 c 0.365,0.38 0.871,0.594 1.438,0.594 0.567,0 1.073,-0.214 1.438,-0.594 l 7.062,-7.062 c 0.408,-0.366 0.656,-0.909 0.656,-1.5 0,-0.591 -0.248,-1.134 -0.656,-1.5 L 10.59375,0.594 C 10.23875,0.23874 9.72695,0.00836 9.18725,0 H 9.15595 1.99975 Z M 5,3 C 6.1046,3 7,3.8954 7,5 7,6.1046 6.1046,7 5,7 3.8954,7 3,6.1046 3,5 3,3.8954 3.8954,3 5,3 Z"
+     fill="#9b59b6"
+     id="path61"
+     style="fill:#3cb371" />
+  <path
+     d="M 13,21 20,14 12,6 5,13 Z"
+     fill="#8e44ad"
+     id="path63"
+     style="fill:#2e8b57" />
+  <path
+     d="M 13,20 20,13 12,5 5,12 Z"
+     fill="#ecf0f1"
+     id="path65" />
+  <path
+     fill="#7f8c8d"
+     d="M 12,8 8.5,11.5 8,12 l 0.5,0.5 4,-4 z m 2,2 -3.5,3.5 -0.5,0.5 0.5,0.5 4,-4 z m 2,2 -3.5,3.5 -0.5,0.5 0.5,0.5 4,-4 z"
+     id="path67" />
+</svg>
diff --git a/packages/mindplot/assets/icons/tag_orange.svg b/packages/mindplot/assets/icons/tag_orange.svg
new file mode 100644
index 00000000..23e7a619
--- /dev/null
+++ b/packages/mindplot/assets/icons/tag_orange.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24px"
+   height="24px"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg71"
+   sodipodi:docname="tag_orange.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs75" />
+  <sodipodi:namedview
+     id="namedview73"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="22.916667"
+     inkscape:cx="11.978182"
+     inkscape:cy="12"
+     inkscape:window-width="1312"
+     inkscape:window-height="776"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg71" />
+  <path
+     d="M 2,1 C 0.8954,1 0,1.9 0,3 v 7.1 0.1 c 0.016343,0.5 0.24566,1 0.59375,1.4 l 10.968,10.9 c 0.365,0.4 0.871,0.6 1.438,0.6 0.567,0 1.073,-0.2 1.438,-0.6 l 7.062,-7 c 0.408,-0.4 0.656,-0.9 0.656,-1.5 0,-0.6 -0.248,-1.2 -0.656,-1.5 L 10.59375,1.6 C 10.23875,1.2 9.72695,1 9.18725,1 H 9.15595 1.99975 Z M 5,4 C 6.1046,4 7,4.9 7,6 7,7.1 6.1046,8 5,8 3.8954,8 3,7.1 3,6 3,4.9 3.8954,4 5,4 Z"
+     fill="#8e44ad"
+     id="path59"
+     style="fill:#ff8c00" />
+  <path
+     d="M 2,0 C 0.8954,0 0,0.89544 0,2 v 7.1562 0.0626 c 0.016343,0.5271 0.24566,1.0272 0.59375,1.3752 l 10.968,10.968 c 0.365,0.38 0.871,0.594 1.438,0.594 0.567,0 1.073,-0.214 1.438,-0.594 l 7.062,-7.062 c 0.408,-0.366 0.656,-0.909 0.656,-1.5 0,-0.591 -0.248,-1.134 -0.656,-1.5 L 10.59375,0.594 C 10.23875,0.23874 9.72695,0.00836 9.18725,0 H 9.15595 1.99975 Z M 5,3 C 6.1046,3 7,3.8954 7,5 7,6.1046 6.1046,7 5,7 3.8954,7 3,6.1046 3,5 3,3.8954 3.8954,3 5,3 Z"
+     fill="#9b59b6"
+     id="path61"
+     style="fill:#ffa500" />
+  <path
+     d="M 13,21 20,14 12,6 5,13 Z"
+     fill="#8e44ad"
+     id="path63"
+     style="fill:#ff8c00" />
+  <path
+     d="M 13,20 20,13 12,5 5,12 Z"
+     fill="#ecf0f1"
+     id="path65" />
+  <path
+     fill="#7f8c8d"
+     d="M 12,8 8.5,11.5 8,12 l 0.5,0.5 4,-4 z m 2,2 -3.5,3.5 -0.5,0.5 0.5,0.5 4,-4 z m 2,2 -3.5,3.5 -0.5,0.5 0.5,0.5 4,-4 z"
+     id="path67" />
+</svg>
diff --git a/packages/mindplot/assets/icons/tag_pink.svg b/packages/mindplot/assets/icons/tag_pink.svg
new file mode 100644
index 00000000..b2cb1168
--- /dev/null
+++ b/packages/mindplot/assets/icons/tag_pink.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24px"
+   height="24px"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg71"
+   sodipodi:docname="tag_pink.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs75" />
+  <sodipodi:namedview
+     id="namedview73"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="22.916667"
+     inkscape:cx="11.978182"
+     inkscape:cy="12"
+     inkscape:window-width="1312"
+     inkscape:window-height="776"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg71" />
+  <path
+     d="M 2,1 C 0.8954,1 0,1.9 0,3 v 7.1 0.1 c 0.016343,0.5 0.24566,1 0.59375,1.4 l 10.968,10.9 c 0.365,0.4 0.871,0.6 1.438,0.6 0.567,0 1.073,-0.2 1.438,-0.6 l 7.062,-7 c 0.408,-0.4 0.656,-0.9 0.656,-1.5 0,-0.6 -0.248,-1.2 -0.656,-1.5 L 10.59375,1.6 C 10.23875,1.2 9.72695,1 9.18725,1 H 9.15595 1.99975 Z M 5,4 C 6.1046,4 7,4.9 7,6 7,7.1 6.1046,8 5,8 3.8954,8 3,7.1 3,6 3,4.9 3.8954,4 5,4 Z"
+     fill="#8e44ad"
+     id="path59"
+     style="fill:#ff4500" />
+  <path
+     d="M 2,0 C 0.8954,0 0,0.89544 0,2 v 7.1562 0.0626 c 0.016343,0.5271 0.24566,1.0272 0.59375,1.3752 l 10.968,10.968 c 0.365,0.38 0.871,0.594 1.438,0.594 0.567,0 1.073,-0.214 1.438,-0.594 l 7.062,-7.062 c 0.408,-0.366 0.656,-0.909 0.656,-1.5 0,-0.591 -0.248,-1.134 -0.656,-1.5 L 10.59375,0.594 C 10.23875,0.23874 9.72695,0.00836 9.18725,0 H 9.15595 1.99975 Z M 5,3 C 6.1046,3 7,3.8954 7,5 7,6.1046 6.1046,7 5,7 3.8954,7 3,6.1046 3,5 3,3.8954 3.8954,3 5,3 Z"
+     fill="#9b59b6"
+     id="path61"
+     style="fill:#f08080" />
+  <path
+     d="M 13,21 20,14 12,6 5,13 Z"
+     fill="#8e44ad"
+     id="path63"
+     style="fill:#ff4500" />
+  <path
+     d="M 13,20 20,13 12,5 5,12 Z"
+     fill="#ecf0f1"
+     id="path65" />
+  <path
+     fill="#7f8c8d"
+     d="M 12,8 8.5,11.5 8,12 l 0.5,0.5 4,-4 z m 2,2 -3.5,3.5 -0.5,0.5 0.5,0.5 4,-4 z m 2,2 -3.5,3.5 -0.5,0.5 0.5,0.5 4,-4 z"
+     id="path67" />
+</svg>
diff --git a/packages/mindplot/assets/icons/tag_purple.svg b/packages/mindplot/assets/icons/tag_purple.svg
new file mode 100644
index 00000000..160a6f45
--- /dev/null
+++ b/packages/mindplot/assets/icons/tag_purple.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <g transform="translate(0 -1028.4)">
+  <path d="m2 1029.4c-1.1046 0-2 0.9-2 2v7.1 0.1c0.016343 0.5 0.24566 1 0.59375 1.4l10.968 10.9c0.365 0.4 0.871 0.6 1.438 0.6s1.073-0.2 1.438-0.6l7.062-7c0.408-0.4 0.656-0.9 0.656-1.5s-0.248-1.2-0.656-1.5l-10.906-10.9c-0.355-0.4-0.8668-0.6-1.4065-0.6h-0.0313-7.1562zm3 3c1.1046 0 2 0.9 2 2s-0.8954 2-2 2-2-0.9-2-2 0.8954-2 2-2z" fill="#8e44ad"/>
+  <path d="m2 0c-1.1046 0-2 0.89544-2 2v7.1562 0.0626c0.016343 0.5271 0.24566 1.0272 0.59375 1.3752l10.968 10.968c0.365 0.38 0.871 0.594 1.438 0.594s1.073-0.214 1.438-0.594l7.062-7.062c0.408-0.366 0.656-0.909 0.656-1.5s-0.248-1.134-0.656-1.5l-10.906-10.906c-0.355-0.35526-0.8668-0.58564-1.4065-0.594h-0.0313-7.1562zm3 3c1.1046 0 2 0.8954 2 2s-0.8954 2-2 2-2-0.8954-2-2 0.8954-2 2-2z" transform="translate(0 1028.4)" fill="#9b59b6"/>
+  <path d="m13 1049.4 7-7-8-8-7 7z" fill="#8e44ad"/>
+  <path d="m13 20 7-7-8-8-7 7z" transform="translate(0 1028.4)" fill="#ecf0f1"/>
+  <path fill="#7f8c8d" d="m12 1036.4-3.5 3.5-0.5 0.5 0.5 0.5 4-4-0.5-0.5zm2 2-3.5 3.5-0.5 0.5 0.5 0.5 4-4-0.5-0.5zm2 2-3.5 3.5-0.5 0.5 0.5 0.5 4-4-0.5-0.5z"/>
+ </g>
+</svg>
diff --git a/packages/mindplot/assets/icons/tag_red.svg b/packages/mindplot/assets/icons/tag_red.svg
new file mode 100644
index 00000000..250ef7ba
--- /dev/null
+++ b/packages/mindplot/assets/icons/tag_red.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24px"
+   height="24px"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg71"
+   sodipodi:docname="tag_red.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs75" />
+  <sodipodi:namedview
+     id="namedview73"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="22.916667"
+     inkscape:cx="11.978182"
+     inkscape:cy="12"
+     inkscape:window-width="1312"
+     inkscape:window-height="776"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg71" />
+  <path
+     d="M 2,1 C 0.8954,1 0,1.9 0,3 v 7.1 0.1 c 0.016343,0.5 0.24566,1 0.59375,1.4 l 10.968,10.9 c 0.365,0.4 0.871,0.6 1.438,0.6 0.567,0 1.073,-0.2 1.438,-0.6 l 7.062,-7 c 0.408,-0.4 0.656,-0.9 0.656,-1.5 0,-0.6 -0.248,-1.2 -0.656,-1.5 L 10.59375,1.6 C 10.23875,1.2 9.72695,1 9.18725,1 H 9.15595 1.99975 Z M 5,4 C 6.1046,4 7,4.9 7,6 7,7.1 6.1046,8 5,8 3.8954,8 3,7.1 3,6 3,4.9 3.8954,4 5,4 Z"
+     fill="#8e44ad"
+     id="path59"
+     style="fill:#ff0000" />
+  <path
+     d="M 2,0 C 0.8954,0 0,0.89544 0,2 v 7.1562 0.0626 c 0.016343,0.5271 0.24566,1.0272 0.59375,1.3752 l 10.968,10.968 c 0.365,0.38 0.871,0.594 1.438,0.594 0.567,0 1.073,-0.214 1.438,-0.594 l 7.062,-7.062 c 0.408,-0.366 0.656,-0.909 0.656,-1.5 0,-0.591 -0.248,-1.134 -0.656,-1.5 L 10.59375,0.594 C 10.23875,0.23874 9.72695,0.00836 9.18725,0 H 9.15595 1.99975 Z M 5,3 C 6.1046,3 7,3.8954 7,5 7,6.1046 6.1046,7 5,7 3.8954,7 3,6.1046 3,5 3,3.8954 3.8954,3 5,3 Z"
+     fill="#9b59b6"
+     id="path61"
+     style="fill:#ff4500" />
+  <path
+     d="M 13,21 20,14 12,6 5,13 Z"
+     fill="#8e44ad"
+     id="path63"
+     style="fill:#ff0000" />
+  <path
+     d="M 13,20 20,13 12,5 5,12 Z"
+     fill="#ecf0f1"
+     id="path65" />
+  <path
+     fill="#7f8c8d"
+     d="M 12,8 8.5,11.5 8,12 l 0.5,0.5 4,-4 z m 2,2 -3.5,3.5 -0.5,0.5 0.5,0.5 4,-4 z m 2,2 -3.5,3.5 -0.5,0.5 0.5,0.5 4,-4 z"
+     id="path67" />
+</svg>
diff --git a/packages/mindplot/assets/icons/tag_white.svg b/packages/mindplot/assets/icons/tag_white.svg
new file mode 100644
index 00000000..f28a2af7
--- /dev/null
+++ b/packages/mindplot/assets/icons/tag_white.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24px"
+   height="24px"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg71"
+   sodipodi:docname="tag_white.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs75" />
+  <sodipodi:namedview
+     id="namedview73"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="22.916667"
+     inkscape:cx="11.978182"
+     inkscape:cy="12"
+     inkscape:window-width="1312"
+     inkscape:window-height="776"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg71" />
+  <path
+     d="M 2,1 C 0.8954,1 0,1.9 0,3 v 7.1 0.1 c 0.016343,0.5 0.24566,1 0.59375,1.4 l 10.968,10.9 c 0.365,0.4 0.871,0.6 1.438,0.6 0.567,0 1.073,-0.2 1.438,-0.6 l 7.062,-7 c 0.408,-0.4 0.656,-0.9 0.656,-1.5 0,-0.6 -0.248,-1.2 -0.656,-1.5 L 10.59375,1.6 C 10.23875,1.2 9.72695,1 9.18725,1 H 9.15595 1.99975 Z M 5,4 C 6.1046,4 7,4.9 7,6 7,7.1 6.1046,8 5,8 3.8954,8 3,7.1 3,6 3,4.9 3.8954,4 5,4 Z"
+     fill="#8e44ad"
+     id="path59"
+     style="fill:#ff8c00" />
+  <path
+     d="M 2,0 C 0.8954,0 0,0.89544 0,2 v 7.1562 0.0626 c 0.016343,0.5271 0.24566,1.0272 0.59375,1.3752 l 10.968,10.968 c 0.365,0.38 0.871,0.594 1.438,0.594 0.567,0 1.073,-0.214 1.438,-0.594 l 7.062,-7.062 c 0.408,-0.366 0.656,-0.909 0.656,-1.5 0,-0.591 -0.248,-1.134 -0.656,-1.5 L 10.59375,0.594 C 10.23875,0.23874 9.72695,0.00836 9.18725,0 H 9.15595 1.99975 Z M 5,3 C 6.1046,3 7,3.8954 7,5 7,6.1046 6.1046,7 5,7 3.8954,7 3,6.1046 3,5 3,3.8954 3.8954,3 5,3 Z"
+     fill="#9b59b6"
+     id="path61"
+     style="fill:#ffefd5" />
+  <path
+     d="M 13,21 20,14 12,6 5,13 Z"
+     fill="#8e44ad"
+     id="path63"
+     style="fill:#f4a460" />
+  <path
+     d="M 13,20 20,13 12,5 5,12 Z"
+     fill="#ecf0f1"
+     id="path65" />
+  <path
+     fill="#7f8c8d"
+     d="M 12,8 8.5,11.5 8,12 l 0.5,0.5 4,-4 z m 2,2 -3.5,3.5 -0.5,0.5 0.5,0.5 4,-4 z m 2,2 -3.5,3.5 -0.5,0.5 0.5,0.5 4,-4 z"
+     id="path67" />
+</svg>
diff --git a/packages/mindplot/assets/icons/tag_yellow.svg b/packages/mindplot/assets/icons/tag_yellow.svg
new file mode 100644
index 00000000..3b1a0405
--- /dev/null
+++ b/packages/mindplot/assets/icons/tag_yellow.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24px"
+   height="24px"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg71"
+   sodipodi:docname="tag_yellow.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs75" />
+  <sodipodi:namedview
+     id="namedview73"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="22.916667"
+     inkscape:cx="11.978182"
+     inkscape:cy="12"
+     inkscape:window-width="1312"
+     inkscape:window-height="776"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg71" />
+  <path
+     d="M 2,1 C 0.8954,1 0,1.9 0,3 v 7.1 0.1 c 0.016343,0.5 0.24566,1 0.59375,1.4 l 10.968,10.9 c 0.365,0.4 0.871,0.6 1.438,0.6 0.567,0 1.073,-0.2 1.438,-0.6 l 7.062,-7 c 0.408,-0.4 0.656,-0.9 0.656,-1.5 0,-0.6 -0.248,-1.2 -0.656,-1.5 L 10.59375,1.6 C 10.23875,1.2 9.72695,1 9.18725,1 H 9.15595 1.99975 Z M 5,4 C 6.1046,4 7,4.9 7,6 7,7.1 6.1046,8 5,8 3.8954,8 3,7.1 3,6 3,4.9 3.8954,4 5,4 Z"
+     fill="#8e44ad"
+     id="path59"
+     style="fill:#ffd700" />
+  <path
+     d="M 2,0 C 0.8954,0 0,0.89544 0,2 v 7.1562 0.0626 c 0.016343,0.5271 0.24566,1.0272 0.59375,1.3752 l 10.968,10.968 c 0.365,0.38 0.871,0.594 1.438,0.594 0.567,0 1.073,-0.214 1.438,-0.594 l 7.062,-7.062 c 0.408,-0.366 0.656,-0.909 0.656,-1.5 0,-0.591 -0.248,-1.134 -0.656,-1.5 L 10.59375,0.594 C 10.23875,0.23874 9.72695,0.00836 9.18725,0 H 9.15595 1.99975 Z M 5,3 C 6.1046,3 7,3.8954 7,5 7,6.1046 6.1046,7 5,7 3.8954,7 3,6.1046 3,5 3,3.8954 3.8954,3 5,3 Z"
+     fill="#9b59b6"
+     id="path61"
+     style="fill:#ffff00" />
+  <path
+     d="M 13,21 20,14 12,6 5,13 Z"
+     fill="#8e44ad"
+     id="path63"
+     style="fill:#ffd700" />
+  <path
+     d="M 13,20 20,13 12,5 5,12 Z"
+     fill="#ecf0f1"
+     id="path65" />
+  <path
+     fill="#7f8c8d"
+     d="M 12,8 8.5,11.5 8,12 l 0.5,0.5 4,-4 z m 2,2 -3.5,3.5 -0.5,0.5 0.5,0.5 4,-4 z m 2,2 -3.5,3.5 -0.5,0.5 0.5,0.5 4,-4 z"
+     id="path67" />
+</svg>
diff --git a/packages/mindplot/src/components/Topic.js b/packages/mindplot/src/components/Topic.js
index 77c947a6..9b8646ad 100644
--- a/packages/mindplot/src/components/Topic.js
+++ b/packages/mindplot/src/components/Topic.js
@@ -48,7 +48,7 @@ import INodeModel, {
   TopicShape,
 } from './model/INodeModel';
 
-const ICON_SCALING_FACTOR = 1.2;
+const ICON_SCALING_FACTOR = 1.3;
 
 class Topic extends NodeGraph {
   /**
diff --git a/packages/mindplot/test/playground/map-render/images/font-size.svg b/packages/mindplot/test/playground/map-render/images/font-size.svg
new file mode 100644
index 00000000..856af577
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/images/font-size.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><g><g><path d="M2.5,4v3h5v12h3V7h5V4H2.5z M21.5,9h-9v3h3v7h3v-7h3V9z"/></g></g></g></svg>
\ No newline at end of file