diff --git a/loleaflet/images/lc_latest-updates.svg b/loleaflet/images/lc_latest-updates.svg
index 988771952..092bd1c68 100644
--- a/loleaflet/images/lc_latest-updates.svg
+++ b/loleaflet/images/lc_latest-updates.svg
@@ -1 +1,46 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m5.0234 3c-.55513 0-.98653.44704-1.002 1.002l-.046875 16.996c0 .55513.44682 1.002 1.002 1.002h14.029c.55513 0 1.002-.44682 1.002-1.002l.035157-12.563a3.5385 3.5385 0 0 1 -2.2285.79102 3.5385 3.5385 0 0 1 -3.5371-3.5391 3.5385 3.5385 0 0 1 1.2422-2.6875h-10.496z" fill="#808080"/><path d="m19.501 5.6875a1.686 1.686 0 0 1 -1.686 1.686 1.686 1.686 0 0 1 -1.686-1.686 1.686 1.686 0 0 1 1.686-1.686 1.686 1.686 0 0 1 1.686 1.686z" fill="#4d82b8"/><g fill="#fff"><path d="m11.5 18v1h4v-1z"/><path d="m11.5 12v1h7v-1z"/><circle cx="7.5" cy="12.5" r="1.5"/><circle cx="7.5" cy="18.5" r="1.5"/></g></svg>
\ No newline at end of file
+<?xml-stylesheet type="text/css" href="icons.css" ?>
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <g id="background"
+     class="icn icn--area-color"
+     fill="#fafafa"
+     stroke="#3a3a38"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     >
+      <path d="m 18.5,10.5 a 8,8 0 0 1 -8,8 8,8 0 0 1 -8,-8 8,8 0 0 1 8,-8 8,8 0 0 1 8,8 z" />  
+  </g>
+  <g id="symbol"
+     class="icn icn--area-color-line"
+     fill="none" 
+     stroke="#3a3a38" 
+	 stroke-linecap="round" 
+	 stroke-linejoin="round"
+      >
+      <path d="m 2.5,10.5 h 16" />
+      <path d="m 4.5,5.5 c 3.8427591,1.236962 7.818617,1.4268786 12,0" />
+      <path d="m 4.5,15.52205 c 3.8427591,-1.236962 7.818617,-1.426878 12,0" />
+      <path d="m 10,2.5 c -3.1546018,5.1757352 -3.5081702,10.491405 0,16" />
+      <path d="m 11,2.5 c 3.154601,5.1757352 3.50817,10.491405 0,16" />
+  </g>
+  <g id="symbol-background"
+	 class="icn icn--background-line"
+     fill="none"
+     stroke="#fff" 
+     stroke-width="3px"
+	 stroke-linecap="round" 
+	 stroke-linejoin="round"
+     transform="translate(6,11)">
+      <path d="m 7.5,6.5 4,4 4,-4" />
+      <path d="m 11.5,1.5 v 9" />
+  </g>
+  <g id="symbol"
+	 class="icn icn--highlight-color-line"  
+     fill="none" 
+     stroke="#1e8bcd" 
+	 stroke-linecap="round" 
+	 stroke-linejoin="round"
+     transform="translate(6,11)">
+      <path d="m 7.5,6.5 4,4 4,-4" />
+      <path d="m 11.5,1.5 v 9" />
+  </g>
+</svg>
diff --git a/loleaflet/images/lc_online-help.svg b/loleaflet/images/lc_online-help.svg
index 5b8f19c0a..79a9963c7 100644
--- a/loleaflet/images/lc_online-help.svg
+++ b/loleaflet/images/lc_online-help.svg
@@ -1 +1,18 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2a10 10 0 0 0 -10 10 10 10 0 0 0 10 10 10 10 0 0 0 .78125-.035156 6.5 6.5 0 0 1 -1.78125-4.464844 6.5 6.5 0 0 1 6.5-6.5 6.5 6.5 0 0 1 4.460938 1.783203 10 10 0 0 0 .039062-.783203 10 10 0 0 0 -10-10z" fill="#0063b1"/><path d="m12 3a9 9 0 0 0 -9 9 9 9 0 0 0 9 9 9 9 0 0 0 .023438-.001953 6.5 6.5 0 0 1 -1.023438-3.498047 6.5 6.5 0 0 1 6.5-6.5 6.5 6.5 0 0 1 3.498047 1.029297 9 9 0 0 0 .001953-.029297 9 9 0 0 0 -9-9z" fill="#83beec"/><path d="m12 5c-2.2100002 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 .55-.219844 1.050156-.589844 1.410156l-1.240234 1.259766c-.72.73-1.169922 1.730078-1.169922 2.830078v.5h.501953a6.5 6.5 0 0 1 3.177735-3.349609l.390624-.400391c.570001-.57.929688-1.37.929688-2.25 0-2.21-1.79-4-4-4zm-1 12v.5a6.5 6.5 0 0 1 .025391-.5zm0 .5v1.5h.183594a6.5 6.5 0 0 1 -.183594-1.5z" fill="#fafafa"/><path d="m17.5 12a5.5 5.5 0 0 0 -5.5 5.5 5.5 5.5 0 0 0 5.5 5.5 5.5 5.5 0 0 0 5.5-5.5 5.5 5.5 0 0 0 -5.5-5.5zm.002 1.152344.08984.130859c.395593.573138.685701 1.110167.904297 1.625-.66098.08701-1.337963.09546-1.998047.02149.219378-.521298.512948-1.065347.914062-1.646485zm-1.197265.0098c-.33902.54301-.609898 1.073508-.808641 1.587856-.410909-.103775-.799382-.255576-1.173828-.431641a4.5 4.5 0 0 1 1.982422-1.15625zm2.398437.0059a4.5 4.5 0 0 1 1.949219 1.126953c-.371117.166399-.754758.312263-1.160156.417969-.196337-.500938-.459886-1.016828-.789063-1.544922zm2.597656 1.923828a4.5 4.5 0 0 1 .665969 1.908128h-1.978516c-.01879-.430546-.08006-.872911-.191406-1.326172.525818-.144098 1.025061-.345735 1.503906-.582031zm-7.613281.02539c.481599.248881.983626.457377 1.509766.597656-.105107.438776-.163463.867582-.181688 1.285082h-1.984375a4.5 4.5 0 0 1 .65625-1.882812zm5.138672.761718c.09688.386241.141368.75759.158156 1.12102h-2.964844c.01639-.354839.05975-.717178.152344-1.09375.878831.124104 1.778028.11178 2.654297-.02734zm-5.793016 2.12102h2.011719c.04698.437909.138331.859149.253906 1.271484-.560836.141718-1.093792.361014-1.605469.625a4.5 4.5 0 0 1 -.660156-1.896484zm3.023438 0h2.890625c-.04721.37642-.130834.747696-.240235 1.115234-.405333-.05899-.81405-.09778-1.224609-.101562-.400382-.0037-.799302.02372-1.195313.07422-.105532-.35842-.184413-.720978-.230468-1.087892zm3.902343 0h2.009766a4.5 4.5 0 0 1 -.677734 1.917969c-.507501-.24957-1.03832-.463219-1.597657-.609375.1209-.424158.217214-.857368.265625-1.308594zm-2.478515 2.033203c.293733.0028.587627.029.878906.0625-.231663.557096-.501851 1.111673-.796875 1.671875l-.06055.113281-.05859-.113281c-.298139-.566116-.571154-1.126417-.804687-1.689453.279218-.02629.559921-.04758.841797-.04492zm-1.861328.207031c.216609.552107.473731 1.084982.742187 1.607422a4.5 4.5 0 0 1 -2.027344-1.15625c.407889-.190697.835239-.345886 1.285157-.451172zm3.751953.0332c.44544.108726.867828.262113 1.273437.443359a4.5 4.5 0 0 1 -2.003906 1.132812c.263467-.512631.51633-1.035121.730469-1.576171z" fill="#1e8bcd"/></svg>
\ No newline at end of file
+<?xml-stylesheet type="text/css" href="icons.css" ?>
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <g id="symbol"
+	 class="icn icn--highlight-color"  
+     fill="#83beec" 
+     stroke="#1e8bcd" 
+	 stroke-linecap="round" 
+	 stroke-linejoin="round"
+      >
+      <path d="M 12 2.5 A 9.5 9.5 0 0 0 2.5 12 A 9.5 9.5 0 0 0 12 21.5 A 9.5 9.5 0 0 0 21.5 12 A 9.5 9.5 0 0 0 12 2.5 z " />
+  </g>
+  <g id="background"
+     class="icn icn--area-color"
+     fill="#fafafa"
+     >
+      <path d="M 12 5 C 9.8 5 8 6.79 8 9 L 10 9 C 10 7.9 10.9 7 12 7 C 13.1 7 14 7.9 14 9 C 14 9.55 13.8 10 13.4 10.4 L 12.2 11.7 C 11.4 12.4 11 13.4 11 14.5 L 11 15 L 13 15 C 13 13.5 13.4 12.9 14.2 12.2 L 15 11.25 C 15.6 10.68 16 9.88 16 9 C 16 6.79 14.21 5 12 5 z M 11 17 L 11 19 L 13 19 L 13 17 L 11 17 z " />
+  </g>
+</svg>