From 86d1edb3f4b7fef485175dd7b7d7994e44f3768f Mon Sep 17 00:00:00 2001
From: Timon G <unchartedbull@gmail.com>
Date: Wed, 2 Mar 2022 20:56:43 +0100
Subject: [PATCH] update status icons (#2723)

---
 .../printer-status.component.scss             | 19 ++++++++-----------
 src/app/settings/settings.component.html      |  6 +++---
 src/assets/fan.svg                            |  7 ++++++-
 src/assets/filament.svg                       |  2 +-
 src/assets/heat-bed.svg                       | 11 ++++++++++-
 src/assets/nozzle.svg                         |  7 ++++++-
 6 files changed, 34 insertions(+), 18 deletions(-)

diff --git a/src/app/printer-status/printer-status.component.scss b/src/app/printer-status/printer-status.component.scss
index 1b08067e6..d2fc3fb0b 100644
--- a/src/app/printer-status/printer-status.component.scss
+++ b/src/app/printer-status/printer-status.component.scss
@@ -16,35 +16,32 @@
     vertical-align: middle;
 
     & img {
-      width: 10vw;
+      width: 9vw;
       float: left;
       padding-top: 1.7vh;
       padding-right: 2vw;
+      padding-bottom: 2vh;
     }
 
     &-1 {
       width: 29vw;
-      padding-left: 1vw;
+      padding-left: 0.4vw;
       padding-right: 7.5vw;
+
+      & img {
+        padding-left: 1.6vw;
+        padding-right: 1vw;
+      }
     }
 
     &-2 {
       width: 26vw;
       padding-right: 6vw;
-
-      & img {
-        width: 9.6vw;
-      }
     }
 
     &-3 {
       padding-right: 3vw;
       width: 27.2vw;
-
-      & img {
-        padding-top: 1vh;
-        width: 10vw;
-      }
     }
   }
 
diff --git a/src/app/settings/settings.component.html b/src/app/settings/settings.component.html
index ec8befd13..d42bc3ff2 100644
--- a/src/app/settings/settings.component.html
+++ b/src/app/settings/settings.component.html
@@ -672,9 +672,9 @@
           </p>
           <span class="settings__heading-2">Icons</span>
           <ul class="settings__text">
-            <li>"bed plate, heated, Plate, Bed icon" from shareicon.net</li>
-            <li>"filament, spool, Reel icon" from shareicon.net</li>
-            <li>"Extruder, nozzle, head icon" from shareicon.net</li>
+            <li>"Hot Surface" by Adrien Coquet from thenounproject.com</li>
+            <li>"Fan" by ArtLumika from thenounproject.com</li>
+            <li>"Printer 3d nozzle outline Icon" from icon-icons.com</li>
             <li>"Invalid Code" by Arthur Shlain from thenounproject.com</li>
             <li>"back" by Dwiky Setiawan from thenounproject.com</li>
             <li>"next" by Dwiky Setiawan from thenounproject.com</li>
diff --git a/src/assets/fan.svg b/src/assets/fan.svg
index ca4e836bb..beade0495 100644
--- a/src/assets/fan.svg
+++ b/src/assets/fan.svg
@@ -1 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" viewBox="9 0 92 92"><style>.st1{fill:none;stroke:#0097e6;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}</style><circle cx="60" cy="48" r="30" class="st1"/><circle cx="60" cy="48" r="3" class="st1"/><path d="M60 40a3 3 0 0 1-3-3V27a3 3 0 0 1 3-3 3 3 0 0 1 3 3v10a3 3 0 0 1-3 3zM77.2 65.2a2.9 2.9 0 0 1-4.2 0l-7.1-7.1a2.9 2.9 0 0 1 0-4.2 2.9 2.9 0 0 1 4.2 0l7.1 7.1c1.2 1.1 1.2 3 0 4.2zM54.2 53.9a2.9 2.9 0 0 1 0 4.2l-7.1 7.1a2.9 2.9 0 0 1-4.2 0 2.9 2.9 0 0 1 0-4.2l7.1-7.1c1.1-1.2 3-1.2 4.2 0zM35 22H24a4 4 0 0 0-4 4v20a4 4 0 0 1-4 4H6" class="st1"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 435 435" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(0.999939, 0, 0, 1, -131.743332, -62.276821)">
+    <path d="m344.11 316.16c-16.816 25.227-57.176 45.406-84.086 57.176-8.4102 5.0469 3.3633 15.137 8.4102 18.5 36.996 30.27 110.99 43.723 126.12-15.137 3.3633-20.18-1.6836-42.043-25.227-65.586-6.7266 3.3633-16.816 5.0469-25.227 5.0469zm6.7266-72.312c18.5-38.68 45.406-57.176 72.312-58.859 73.992-8.4102 105.95 79.039 80.723 141.26-3.3633 11.773-10.09 21.863-18.5 26.906-10.09 8.4102-23.543 8.4102-33.633-3.3633-15.137-16.816-40.359-42.043-62.223-50.449 25.227 28.59 31.953 57.176 26.906 82.402-18.5 70.629-110.99 72.312-161.44 28.59-18.5-13.453-33.633-47.086-5.0469-57.176 21.863-10.09 60.539-28.59 73.992-48.77l-1.6836-1.6836c-63.902 18.5-124.45-15.137-114.36-82.402 5.0469-35.316 28.59-68.949 75.676-87.449 20.18-8.4102 57.176-5.0469 52.133 25.227-1.6836 25.227-5.0469 62.223 6.7266 87.449 3.3633 0 5.0469-1.6836 8.4102-1.6836zm35.316 30.27c30.27 6.7266 60.539 38.68 82.402 60.539 6.7266 6.7266 13.453-10.09 15.137-15.137 18.5-47.086-1.6836-117.72-58.859-112.67-18.5 1.6836-38.68 15.137-52.133 45.406 6.7266 5.0469 11.773 13.453 13.453 21.863zm-21.863 6.7266c0-8.4102-6.7266-13.453-13.453-13.453-8.4102 0-13.453 5.0469-13.453 13.453 0 6.7266 5.0469 13.453 13.453 13.453 6.7266 0 13.453-6.7266 13.453-13.453zm-42.043-23.543c-13.453-28.59-15.137-77.355-8.4102-104.27-1.6836-3.3633-18.5 0-20.18 1.6836-31.953 11.773-58.859 33.633-63.902 67.266-6.7266 52.133 38.68 72.312 84.086 60.539 0-10.09 3.3633-18.5 8.4102-25.227zm28.59-193.39c119.4 0 215.25 97.539 215.25 216.94 0 119.4-95.855 215.25-215.25 215.25-119.4 0-216.94-95.855-216.94-215.25 0-119.4 97.539-216.94 216.94-216.94zm0 21.863c-107.63 0-195.07 87.449-195.07 195.07 0 105.95 87.449 193.39 195.07 193.39 105.95 0 193.39-87.449 193.39-193.39 0-107.63-87.449-195.07-193.39-195.07z" style="fill: rgb(0, 151, 230);"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/filament.svg b/src/assets/filament.svg
index fc8848548..30e7e7c19 100644
--- a/src/assets/filament.svg
+++ b/src/assets/filament.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" stroke="#f5f6fa" stroke-width="3" viewBox="0 0 100 100"><path d="M27.3 31.6c-3.1 0-4.8 6.7-4.8 13.3 0 6.6 1.7 13.3 4.8 13.3s4.9-6.7 4.9-13.3c0-6.6-1.7-13.3-4.9-13.3zm0 24.7c-1 0-2.9-4-2.9-11.4s2-11.4 3-11.4 2.9 4 2.9 11.4-2 11.4-3 11.4z"/><path stroke-width="2" d="M42.8 26.4a1 1 0 0 0-.4 1.2c0 .1 5.3 12.4 0 34.1a1 1 0 0 0 1.7.5c5.6-22.4.2-34.8 0-35.4a1 1 0 0 0-1.3-.4zM48 22.7a1 1 0 1 0-1.7 1s5 9 3.4 22.4a1 1 0 1 0 1.9.2A41.5 41.5 0 0 0 48 22.7zM55.9 62.9h.2a1 1 0 0 0 .9-.8c4-18.2.5-28.4.4-28.8a1 1 0 0 0-1.8.6s.9 2.6 1.2 7.2c.4 4.3.3 11.4-1.6 20.6-.2.5.2 1 .7 1.2z"/><path d="M84.2 91.1c-5.3-3.7-12.6-3.2-19.6-2.8-5.4.4-10.6.7-14.5-1-7.2-3-8.3-11.8-8.5-14.3h11.7c2.3 6.6 5.2 10 8.6 10 7.9 0 12.6-19.3 12.6-38S69.8 6.7 61.9 6.7c-3.4 0-6.3 3.5-8.6 10H36.7l-.3.1c-2.1-6.1-5-10.1-8.6-10.1-7.9 0-12.6 19.4-12.6 38.1S19.9 83 27.8 83c3.6 0 6.5-4 8.6-10h3.3c.1 1 .3 3.4 1.2 6 1.6 5 4.5 8.4 8.5 10.1 4.3 1.8 9.6 1.5 15.4 1.1 6.6-.4 13.5-.9 18.3 2.5a1 1 0 0 0 1.3-.2c.3-.5.2-1-.2-1.4zM61.9 8.7c5.2 0 10.7 14.5 10.7 36.2S67.1 81.2 62 81.2c-2.3 0-4.7-3-6.6-8.2h4.3C65 73 68 58.5 68 45s-3-28.1-8.5-28.1h-4.3c1.9-5.3 4.3-8.2 6.6-8.2zM27.8 81.2C22.6 81.2 17 66.6 17 44.9S22.6 8.7 27.8 8.7s10.7 14.5 10.7 36.2S33 81.2 27.8 81.2zm12.6-36.3c0-9.4-1.2-19-3.4-26.1h22.6c1.1 0 3 1.9 4.4 7.2 1.4 5 2.2 11.8 2.2 19s-.8 13.8-2.2 18.8c-1.5 5.4-3.3 7.3-4.4 7.3h-5.3a1 1 0 0 0-.9 0H37a95.3 95.3 0 0 0 3.4-26.2z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" stroke="#f5f6fa" stroke-width="2.5" viewBox="0 0 100 100"><path d="M27.3 31.6c-3.1 0-4.8 6.7-4.8 13.3 0 6.6 1.7 13.3 4.8 13.3s4.9-6.7 4.9-13.3c0-6.6-1.7-13.3-4.9-13.3zm0 24.7c-1 0-2.9-4-2.9-11.4s2-11.4 3-11.4 2.9 4 2.9 11.4-2 11.4-3 11.4z"/><path stroke-width="2" d="M42.8 26.4a1 1 0 0 0-.4 1.2c0 .1 5.3 12.4 0 34.1a1 1 0 0 0 1.7.5c5.6-22.4.2-34.8 0-35.4a1 1 0 0 0-1.3-.4zM48 22.7a1 1 0 1 0-1.7 1s5 9 3.4 22.4a1 1 0 1 0 1.9.2A41.5 41.5 0 0 0 48 22.7zM55.9 62.9h.2a1 1 0 0 0 .9-.8c4-18.2.5-28.4.4-28.8a1 1 0 0 0-1.8.6s.9 2.6 1.2 7.2c.4 4.3.3 11.4-1.6 20.6-.2.5.2 1 .7 1.2z"/><path d="M84.2 91.1c-5.3-3.7-12.6-3.2-19.6-2.8-5.4.4-10.6.7-14.5-1-7.2-3-8.3-11.8-8.5-14.3h11.7c2.3 6.6 5.2 10 8.6 10 7.9 0 12.6-19.3 12.6-38S69.8 6.7 61.9 6.7c-3.4 0-6.3 3.5-8.6 10H36.7l-.3.1c-2.1-6.1-5-10.1-8.6-10.1-7.9 0-12.6 19.4-12.6 38.1S19.9 83 27.8 83c3.6 0 6.5-4 8.6-10h3.3c.1 1 .3 3.4 1.2 6 1.6 5 4.5 8.4 8.5 10.1 4.3 1.8 9.6 1.5 15.4 1.1 6.6-.4 13.5-.9 18.3 2.5a1 1 0 0 0 1.3-.2c.3-.5.2-1-.2-1.4zM61.9 8.7c5.2 0 10.7 14.5 10.7 36.2S67.1 81.2 62 81.2c-2.3 0-4.7-3-6.6-8.2h4.3C65 73 68 58.5 68 45s-3-28.1-8.5-28.1h-4.3c1.9-5.3 4.3-8.2 6.6-8.2zM27.8 81.2C22.6 81.2 17 66.6 17 44.9S22.6 8.7 27.8 8.7s10.7 14.5 10.7 36.2S33 81.2 27.8 81.2zm12.6-36.3c0-9.4-1.2-19-3.4-26.1h22.6c1.1 0 3 1.9 4.4 7.2 1.4 5 2.2 11.8 2.2 19s-.8 13.8-2.2 18.8c-1.5 5.4-3.3 7.3-4.4 7.3h-5.3a1 1 0 0 0-.9 0H37a95.3 95.3 0 0 0 3.4-26.2z"/></svg>
\ No newline at end of file
diff --git a/src/assets/heat-bed.svg b/src/assets/heat-bed.svg
index 1a769da01..9b23e98c1 100644
--- a/src/assets/heat-bed.svg
+++ b/src/assets/heat-bed.svg
@@ -1 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" viewBox="0 0 104 104"><style>.st0{fill:none;stroke:#e1b12c;stroke-width:4;stroke-miterlimit:10}.st0,.st1{stroke-linecap:round}.st1,.st2{fill:none;stroke:#e1b12c;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10}</style><path d="M90 77.2c0-2.3-1.9-4.2-4.2-4.2H10.2A4.2 4.2 0 0 0 6 77.2v1.6c0 2.3 1.9 4.2 4.2 4.2h75.6c2.3 0 4.2-1.9 4.2-4.2v-1.6zM15 83l5-10M25 83l5-10M35 83l5-10M45 83l5-10M55 83l5-10M65 83l5-10M75 83l5-10" class="st0"/><path d="M14 86v6h8v-6M74 86v6h8v-6" class="st2"/><path d="M48 66s4-12.2 4-16.7c0-4.8-8-11.7-8-16.7 0-4.5 4-16.7 4-16.7M64 66s4-12.2 4-16.7c0-4.8-8-11.7-8-16.7 0-4.5 4-16.7 4-16.7M32 66s4-12.2 4-16.7c0-4.8-8-11.7-8-16.7 0-4.5 4-16.7 4-16.7M80 66s4-12.2 4-16.7c0-4.8-8-11.7-8-16.7 0-4.5 4-16.7 4-16.7M16 66s4-12.2 4-16.7c0-4.8-8-11.7-8-16.7 0-4.5 4-16.7 4-16.7" class="st1"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 700 700" xmlns="http://www.w3.org/2000/svg">
+  <g>
+    <path d="M 558.374 436.339 L 133.764 436.339 C 120.307 436.339 109.343 447.303 109.343 460.76 C 109.343 474.216 120.307 485.181 133.764 485.181 L 557.875 485.181 C 571.333 485.181 582.296 474.216 582.296 460.76 C 582.296 447.303 571.829 436.339 558.371 436.339 L 558.374 436.339 Z" style="stroke-width: 2px; fill: rgb(225, 177, 44); stroke: rgb(53, 59, 72);"/>
+    <path d="M 196.893 363.243 L 205.364 382.679 C 209.353 392.149 218.321 397.631 228.291 397.631 C 231.281 397.631 234.772 397.133 237.761 395.639 C 250.221 390.156 256.2 375.706 250.718 363.246 L 242.246 343.806 C 236.267 330.35 238.756 314.404 247.728 302.938 C 271.152 273.536 274.142 232.17 254.208 200.274 L 244.241 183.828 C 237.265 172.367 221.816 168.877 210.354 175.854 C 198.893 182.832 195.402 198.28 202.379 209.741 L 212.346 226.188 C 221.315 240.638 219.821 259.081 209.357 272.038 C 188.919 297.957 183.938 332.842 196.893 363.239 L 196.893 363.243 Z" style="stroke-width: 2px; fill: rgb(225, 177, 44); stroke: rgb(53, 59, 72);"/>
+    <path d="M 314.508 363.243 L 322.979 382.679 C 326.968 392.149 335.936 397.631 345.906 397.631 C 348.896 397.631 352.387 397.133 355.376 395.639 C 367.835 390.156 373.815 375.706 368.333 363.246 L 359.861 343.806 C 353.881 330.35 356.371 314.404 365.344 302.938 C 388.767 273.536 391.757 232.17 371.823 200.274 L 361.856 183.828 C 354.88 172.367 339.431 168.877 327.969 175.854 C 316.508 182.832 313.017 198.28 319.994 209.741 L 329.961 226.188 C 338.929 240.638 337.436 259.081 326.972 272.038 C 306.534 297.957 301.552 332.842 314.509 363.239 L 314.508 363.243 Z" style="stroke-width: 2px; fill: rgb(225, 177, 44); stroke: rgb(53, 59, 72);"/>
+    <path d="M 432.622 363.243 L 441.093 382.679 C 445.08 392.149 454.049 397.631 464.019 397.631 C 467.009 397.631 470.5 397.133 473.489 395.639 C 485.949 390.156 491.928 375.706 486.446 363.246 L 477.477 343.806 C 471.498 330.35 473.987 314.404 482.96 302.938 C 506.383 273.536 509.373 232.17 489.44 200.274 L 479.473 183.828 C 472.496 172.367 457.047 168.877 445.586 175.854 C 434.124 182.831 430.634 198.28 437.611 209.741 L 447.578 226.188 C 456.546 240.638 455.051 259.081 444.588 272.038 C 424.15 297.957 419.666 332.842 432.622 363.239 L 432.622 363.243 Z" style="stroke-width: 2px; fill: rgb(225, 177, 44); stroke: rgb(53, 59, 72);"/>
+    <ellipse style="fill: none; stroke: rgb(225, 177, 44); stroke-width: 38px;" cx="349.459" cy="349.787" rx="329.417" ry="329.417"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/nozzle.svg b/src/assets/nozzle.svg
index 00fdab800..a63ee1f56 100644
--- a/src/assets/nozzle.svg
+++ b/src/assets/nozzle.svg
@@ -1 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" viewBox="0 0 96 96"><style>.st1{fill:none;stroke:#c23616;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}</style><path d="M61 66h14a3 3 0 0 1 3 3 3 3 0 0 1-3 3H21a3 3 0 0 1-3-3 3 3 0 0 1 3-3h29M54.7 92H41.3L34 78h28zM64 66h.5c1.9 0 3.5-1.6 3.5-3.5V56H52s-3 .8-3-3c0-2.9 3-3 3-3h16v-5h-9s-3 0-3-3c0-2.9 3-3 3-3h9v-9.5c0-1.9-1.6-3.5-3.5-3.5h-33a3.5 3.5 0 0 0-3.5 3.5v33c0 1.9 1.6 3.5 3.5 3.5h.5M37.7 17h8.6l4.7 9H33z" class="st1"/><path fill="none" stroke="#c23616" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="4" d="M42 14v-3c0-1.6 1.8-3 4-3h4c2.2 0 4-1.3 4-3V2"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path d="M 8.334 4.514 L 15.814 4.514 L 15.814 8.253 L 17.31 8.253 L 17.31 12.741 L 15.44 12.741 L 12.822 15.733 L 11.327 15.733 L 8.709 12.741 L 6.839 12.741 L 6.839 8.253 L 8.334 8.253 L 8.334 4.514 M 10.578 19.473 L 4.596 19.473 L 4.596 17.977 L 10.578 17.977 C 10.992 17.977 11.327 17.643 11.327 17.229 L 11.327 16.483 L 12.822 16.483 L 12.822 17.229 C 12.822 18.469 11.818 19.473 10.578 19.473 M 8.334 9.75 L 8.334 11.247 L 9.457 11.247 L 12.075 14.238 L 14.693 11.247 L 15.814 11.247 L 15.814 9.75 L 14.32 9.75 L 14.32 6.011 L 9.832 6.011 L 9.832 9.75 L 8.334 9.75 Z" style="stroke-miterlimit: 5; stroke-linejoin: round; stroke-width: 0.22px; paint-order: fill markers; fill: rgb(194, 54, 22); stroke: rgb(53, 59, 72);"/>
+  <path d="M 9.313 4.341 L 17.256 4.341 L 17.256 8.112 L 18.765 8.112 L 18.765 13.438 L 16.661 13.438 L 14.06 16.41 L 14.239 16.41 L 14.239 17.564 C 14.222 18.271 13.919 18.987 13.459 19.447 C 13.228 19.678 12.92 19.888 12.613 20.018 C 12.307 20.147 11.732 20.195 11.732 20.195 C 11.71 20.202 11.636 19.924 11.576 19.702 L 11.576 20.227 L 5.142 20.227 L 5.142 17.918 L 11.576 17.918 C 11.703 17.935 11.741 17.9 11.827 17.814 C 11.913 17.728 11.949 17.691 11.931 17.564 L 11.931 16.41 L 12.11 16.41 L 9.51 13.438 L 7.405 13.438 L 7.405 8.112 L 8.913 8.112 L 8.913 4.741 L 9.313 4.741 Z M 9.713 8.912 L 8.205 8.912 L 8.205 12.638 L 9.872 12.638 L 12.513 15.655 L 13.657 15.655 L 16.298 12.638 L 17.965 12.638 L 17.965 8.912 L 16.456 8.912 L 16.456 5.141 L 9.713 5.141 Z M 11.496 19.435 C 11.496 19.435 11.496 19.435 11.496 19.435 C 11.496 19.435 11.496 19.435 11.496 19.435 Z M 11.952 19.389 C 12.079 19.363 12.184 19.33 12.301 19.281 C 12.536 19.182 12.715 19.06 12.893 18.881 C 13.252 18.522 13.456 18.107 13.439 17.564 L 13.439 17.21 L 12.731 17.21 L 12.731 17.564 C 12.713 17.854 12.58 18.194 12.392 18.38 C 12.205 18.567 11.866 18.701 11.576 18.718 L 5.942 18.718 L 5.942 19.427 L 11.576 19.427 L 11.576 19.43 C 11.682 19.422 11.864 19.407 11.952 19.389 Z M 10.422 9.621 L 10.422 5.85 L 15.748 5.85 L 15.748 9.621 L 17.256 9.621 L 17.256 11.93 L 15.907 11.93 L 13.085 15.154 L 10.264 11.93 L 8.913 11.93 L 8.913 9.621 Z M 11.222 10.421 L 9.713 10.421 L 9.713 11.13 L 10.627 11.13 L 13.085 13.94 L 15.544 11.13 L 16.456 11.13 L 16.456 10.421 L 14.948 10.421 L 14.948 6.65 L 11.222 6.65 Z" style="fill: none;"/>
+  <ellipse style="fill: none; stroke-width: 1.23px; stroke: rgb(194, 54, 22);" cx="12" cy="12" rx="11.293" ry="11.293"/>
+</svg>
\ No newline at end of file