npm - @odx/icons - Versions diffs - 1.3.4 → 1.3.6 - Mend

@odx/icons 1.3.4 → 1.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/CHANGELOG.md +2 -2
package/core/core-demo-poster.html +2 -2
package/core/core-icons.css +2 -1
package/core/core-icons.scss +297 -296
package/core/core-utils.scss +1 -1
package/medical/medical-demo-poster.html +2 -2
package/medical/medical-icons.css +2 -1
package/medical/medical-icons.eot +0 -0
package/medical/medical-icons.scss +4 -3
package/medical/medical-utils.scss +1 -1
package/package.json +1 -1
package/safety/safety-demo-poster.html +2 -2
package/safety/safety-icons.css +2 -1
package/safety/safety-icons.scss +774 -773
package/safety/safety-utils.scss +1 -1

package/safety/safety-icons.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "safety-iconmap";
+@use "safety-utils" as utils;
 @font-face {
   font-family: odx-icon-safety;
@@ -46,2505 +46,2506 @@
   display: block;
   position: absolute;
   white-space: normal;
-  /* undo text hidden */
   text-indent: 0;
   speak: none;
+  top: 0;
+  left: 0;
 }
 [data-icon-set="safety"] {
     &[data-icon-name="absorber-absent"]::before {
-      content: map-get($glyphs, "absorber-absent");
+      content: utils.get-icon-glyph("absorber-absent");
     }
     &[data-icon-name="absorber-absent"]::after {
-      content: map-get($glyphs, "absorber-absent-part1");
+      content: utils.get-icon-glyph("absorber-absent-part1");
       color: #E6141E;
     }
     &[data-icon-name="absorber-absent"] span::before {
-      content: map-get($glyphs, "absorber-absent-part2");
+      content: utils.get-icon-glyph("absorber-absent-part2");
       color: #FFFFFF;
     }
     &[data-icon-name="absorber-add"]::before {
-      content: map-get($glyphs, "absorber-add");
+      content: utils.get-icon-glyph("absorber-add");
     }
     &[data-icon-name="absorber-ok"]::before {
-      content: map-get($glyphs, "absorber-ok");
+      content: utils.get-icon-glyph("absorber-ok");
     }
     &[data-icon-name="absorber-ok"]::after {
-      content: map-get($glyphs, "absorber-ok-part1");
+      content: utils.get-icon-glyph("absorber-ok-part1");
       color: #7FEE1A;
     }
     &[data-icon-name="absorber-ok"] span::before {
-      content: map-get($glyphs, "absorber-ok-part2");
+      content: utils.get-icon-glyph("absorber-ok-part2");
       color: #000000;
     }
     &[data-icon-name="absorber-query"]::before {
-      content: map-get($glyphs, "absorber-query");
+      content: utils.get-icon-glyph("absorber-query");
     }
     &[data-icon-name="absorber-warning"]::before {
-      content: map-get($glyphs, "absorber-warning");
+      content: utils.get-icon-glyph("absorber-warning");
     }
     &[data-icon-name="absorber-warning"]::after {
-      content: map-get($glyphs, "absorber-warning-part1");
+      content: utils.get-icon-glyph("absorber-warning-part1");
       color: #FFE600;
     }
     &[data-icon-name="absorber-warning"] span::before {
-      content: map-get($glyphs, "absorber-warning-part2");
+      content: utils.get-icon-glyph("absorber-warning-part2");
       color: #000000;
     }
     &[data-icon-name="accessories"]::before {
-      content: map-get($glyphs, "accessories");
+      content: utils.get-icon-glyph("accessories");
     }
     &[data-icon-name="acknowledge"]::before {
-      content: map-get($glyphs, "acknowledge");
+      content: utils.get-icon-glyph("acknowledge");
     }
     &[data-icon-name="acknowledge-all"]::before {
-      content: map-get($glyphs, "acknowledge-all");
+      content: utils.get-icon-glyph("acknowledge-all");
     }
     &[data-icon-name="acknowledge-all"]::after {
-      content: map-get($glyphs, "acknowledge-all-part1");
+      content: utils.get-icon-glyph("acknowledge-all-part1");
       color: #7FEE1A;
     }
     &[data-icon-name="acknowledge-all"] span::before {
-      content: map-get($glyphs, "acknowledge-all-part2");
+      content: utils.get-icon-glyph("acknowledge-all-part2");
       color: #000000;
     }
     &[data-icon-name="address"]::before {
-      content: map-get($glyphs, "address");
+      content: utils.get-icon-glyph("address");
     }
     &[data-icon-name="adjust"]::before {
-      content: map-get($glyphs, "adjust");
+      content: utils.get-icon-glyph("adjust");
     }
     &[data-icon-name="agriculture"]::before {
-      content: map-get($glyphs, "agriculture");
+      content: utils.get-icon-glyph("agriculture");
     }
     &[data-icon-name="alarm"]::before {
-      content: map-get($glyphs, "alarm");
+      content: utils.get-icon-glyph("alarm");
     }
     &[data-icon-name="alarm-stel"]::before {
-      content: map-get($glyphs, "alarm-stel");
+      content: utils.get-icon-glyph("alarm-stel");
     }
     &[data-icon-name="alarm-twa"]::before {
-      content: map-get($glyphs, "alarm-twa");
+      content: utils.get-icon-glyph("alarm-twa");
     }
     &[data-icon-name="alarm1-A1"]::before {
-      content: map-get($glyphs, "alarm1-A1");
+      content: utils.get-icon-glyph("alarm1-A1");
     }
     &[data-icon-name="alarm1-A2"]::before {
-      content: map-get($glyphs, "alarm1-A2");
+      content: utils.get-icon-glyph("alarm1-A2");
     }
     &[data-icon-name="alarm1-A3"]::before {
-      content: map-get($glyphs, "alarm1-A3");
+      content: utils.get-icon-glyph("alarm1-A3");
     }
     &[data-icon-name="alarm1-A4"]::before {
-      content: map-get($glyphs, "alarm1-A4");
+      content: utils.get-icon-glyph("alarm1-A4");
     }
     &[data-icon-name="alarm1-average"]::before {
-      content: map-get($glyphs, "alarm1-average");
+      content: utils.get-icon-glyph("alarm1-average");
     }
     &[data-icon-name="alarm1-average-A1"]::before {
-      content: map-get($glyphs, "alarm1-average-A1");
+      content: utils.get-icon-glyph("alarm1-average-A1");
     }
     &[data-icon-name="alarm1-average-A2"]::before {
-      content: map-get($glyphs, "alarm1-average-A2");
+      content: utils.get-icon-glyph("alarm1-average-A2");
     }
     &[data-icon-name="alarm1-average-A3"]::before {
-      content: map-get($glyphs, "alarm1-average-A3");
+      content: utils.get-icon-glyph("alarm1-average-A3");
     }
     &[data-icon-name="alarm1-average-A4"]::before {
-      content: map-get($glyphs, "alarm1-average-A4");
+      content: utils.get-icon-glyph("alarm1-average-A4");
     }
     &[data-icon-name="alarm3-a1"]::before {
-      content: map-get($glyphs, "alarm3-a1");
+      content: utils.get-icon-glyph("alarm3-a1");
       color: #FFFFFF;
     }
     &[data-icon-name="alarm3-a1"]::after {
-      content: map-get($glyphs, "alarm3-a1-part1");
+      content: utils.get-icon-glyph("alarm3-a1-part1");
       color: #E6141E;
     }
     &[data-icon-name="alarm3-a2"]::before {
-      content: map-get($glyphs, "alarm3-a2");
+      content: utils.get-icon-glyph("alarm3-a2");
       color: #FFFFFF;
     }
     &[data-icon-name="alarm3-a2"]::after {
-      content: map-get($glyphs, "alarm3-a2-part1");
+      content: utils.get-icon-glyph("alarm3-a2-part1");
       color: #E6141E;
     }
     &[data-icon-name="alarm3-protection"]::before {
-      content: map-get($glyphs, "alarm3-protection");
+      content: utils.get-icon-glyph("alarm3-protection");
       color: #FFFFFF;
     }
     &[data-icon-name="alarm3-protection"]::after {
-      content: map-get($glyphs, "alarm3-protection-part1");
+      content: utils.get-icon-glyph("alarm3-protection-part1");
       color: #E6141E;
     }
     &[data-icon-name="alarm3-stel"]::before {
-      content: map-get($glyphs, "alarm3-stel");
+      content: utils.get-icon-glyph("alarm3-stel");
       color: #FFFFFF;
     }
     &[data-icon-name="alarm3-stel"]::after {
-      content: map-get($glyphs, "alarm3-stel-part1");
+      content: utils.get-icon-glyph("alarm3-stel-part1");
       color: #E6141E;
     }
     &[data-icon-name="alarm3-twa"]::before {
-      content: map-get($glyphs, "alarm3-twa");
+      content: utils.get-icon-glyph("alarm3-twa");
       color: #FFFFFF;
     }
     &[data-icon-name="alarm3-twa"]::after {
-      content: map-get($glyphs, "alarm3-twa-part1");
+      content: utils.get-icon-glyph("alarm3-twa-part1");
       color: #E6141E;
     }
     &[data-icon-name="alcotest-3820"]::before {
-      content: map-get($glyphs, "alcotest-3820");
+      content: utils.get-icon-glyph("alcotest-3820");
     }
     &[data-icon-name="alcotest-5820"]::before {
-      content: map-get($glyphs, "alcotest-5820");
+      content: utils.get-icon-glyph("alcotest-5820");
     }
     &[data-icon-name="alcotest-6820"]::before {
-      content: map-get($glyphs, "alcotest-6820");
+      content: utils.get-icon-glyph("alcotest-6820");
     }
     &[data-icon-name="alcotest-7000-funnel"]::before {
-      content: map-get($glyphs, "alcotest-7000-funnel");
+      content: utils.get-icon-glyph("alcotest-7000-funnel");
     }
     &[data-icon-name="alcotest-7000-tube"]::before {
-      content: map-get($glyphs, "alcotest-7000-tube");
+      content: utils.get-icon-glyph("alcotest-7000-tube");
     }
     &[data-icon-name="alcotest-7510"]::before {
-      content: map-get($glyphs, "alcotest-7510");
+      content: utils.get-icon-glyph("alcotest-7510");
     }
     &[data-icon-name="allowlist"]::before {
-      content: map-get($glyphs, "allowlist");
+      content: utils.get-icon-glyph("allowlist");
     }
     &[data-icon-name="allowlist-upload"]::before {
-      content: map-get($glyphs, "allowlist-upload");
+      content: utils.get-icon-glyph("allowlist-upload");
     }
     &[data-icon-name="analysis"]::before {
-      content: map-get($glyphs, "analysis");
+      content: utils.get-icon-glyph("analysis");
     }
     &[data-icon-name="anglegrinder"]::before {
-      content: map-get($glyphs, "anglegrinder");
+      content: utils.get-icon-glyph("anglegrinder");
     }
     &[data-icon-name="application-feedback"]::before {
-      content: map-get($glyphs, "application-feedback");
+      content: utils.get-icon-glyph("application-feedback");
     }
     &[data-icon-name="articles-incoming"]::before {
-      content: map-get($glyphs, "articles-incoming");
+      content: utils.get-icon-glyph("articles-incoming");
     }
     &[data-icon-name="articles-issue"]::before {
-      content: map-get($glyphs, "articles-issue");
+      content: utils.get-icon-glyph("articles-issue");
     }
     &[data-icon-name="articles-outgoing"]::before {
-      content: map-get($glyphs, "articles-outgoing");
+      content: utils.get-icon-glyph("articles-outgoing");
     }
     &[data-icon-name="articles-return"]::before {
-      content: map-get($glyphs, "articles-return");
+      content: utils.get-icon-glyph("articles-return");
     }
     &[data-icon-name="assemble"]::before {
-      content: map-get($glyphs, "assemble");
+      content: utils.get-icon-glyph("assemble");
     }
     &[data-icon-name="barcode-scan"]::before {
-      content: map-get($glyphs, "barcode-scan");
+      content: utils.get-icon-glyph("barcode-scan");
     }
     &[data-icon-name="battery-1"]::before {
-      content: map-get($glyphs, "battery-1");
+      content: utils.get-icon-glyph("battery-1");
     }
     &[data-icon-name="battery-2"]::before {
-      content: map-get($glyphs, "battery-2");
+      content: utils.get-icon-glyph("battery-2");
     }
     &[data-icon-name="battery-3"]::before {
-      content: map-get($glyphs, "battery-3");
+      content: utils.get-icon-glyph("battery-3");
     }
     &[data-icon-name="battery-4"]::before {
-      content: map-get($glyphs, "battery-4");
+      content: utils.get-icon-glyph("battery-4");
     }
     &[data-icon-name="battery-5"]::before {
-      content: map-get($glyphs, "battery-5");
+      content: utils.get-icon-glyph("battery-5");
     }
     &[data-icon-name="blocking-alarm"]::before {
-      content: map-get($glyphs, "blocking-alarm");
+      content: utils.get-icon-glyph("blocking-alarm");
     }
     &[data-icon-name="blow"]::before {
-      content: map-get($glyphs, "blow");
+      content: utils.get-icon-glyph("blow");
     }
     &[data-icon-name="bodyguard"]::before {
-      content: map-get($glyphs, "bodyguard");
+      content: utils.get-icon-glyph("bodyguard");
     }
     &[data-icon-name="boot"]::before {
-      content: map-get($glyphs, "boot");
+      content: utils.get-icon-glyph("boot");
     }
     &[data-icon-name="bottle-price"]::before {
-      content: map-get($glyphs, "bottle-price");
+      content: utils.get-icon-glyph("bottle-price");
     }
     &[data-icon-name="breathing-apparatus"]::before {
-      content: map-get($glyphs, "breathing-apparatus");
+      content: utils.get-icon-glyph("breathing-apparatus");
     }
     &[data-icon-name="building"]::before {
-      content: map-get($glyphs, "building");
+      content: utils.get-icon-glyph("building");
     }
     &[data-icon-name="building-basement"]::before {
-      content: map-get($glyphs, "building-basement");
+      content: utils.get-icon-glyph("building-basement");
     }
     &[data-icon-name="building-floors"]::before {
-      content: map-get($glyphs, "building-floors");
+      content: utils.get-icon-glyph("building-floors");
     }
     &[data-icon-name="building-units"]::before {
-      content: map-get($glyphs, "building-units");
+      content: utils.get-icon-glyph("building-units");
     }
     &[data-icon-name="building-warning"]::before {
-      content: map-get($glyphs, "building-warning");
+      content: utils.get-icon-glyph("building-warning");
     }
     &[data-icon-name="building-warning"]::after {
-      content: map-get($glyphs, "building-warning-part1");
+      content: utils.get-icon-glyph("building-warning-part1");
       color: #FFE600;
     }
     &[data-icon-name="building-warning"] span::before {
-      content: map-get($glyphs, "building-warning-part2");
+      content: utils.get-icon-glyph("building-warning-part2");
       color: #000000;
     }
     &[data-icon-name="building-year"]::before {
-      content: map-get($glyphs, "building-year");
+      content: utils.get-icon-glyph("building-year");
     }
     &[data-icon-name="bumptest"]::before {
-      content: map-get($glyphs, "bumptest");
+      content: utils.get-icon-glyph("bumptest");
     }
     &[data-icon-name="calculator"]::before {
-      content: map-get($glyphs, "calculator");
+      content: utils.get-icon-glyph("calculator");
     }
     &[data-icon-name="calibration"]::before {
-      content: map-get($glyphs, "calibration");
+      content: utils.get-icon-glyph("calibration");
     }
     &[data-icon-name="calibration-comp"]::before {
-      content: map-get($glyphs, "calibration-comp");
+      content: utils.get-icon-glyph("calibration-comp");
     }
     &[data-icon-name="calibration-comp-error"]::before {
-      content: map-get($glyphs, "calibration-comp-error");
+      content: utils.get-icon-glyph("calibration-comp-error");
     }
     &[data-icon-name="calibration-comp-warning"]::before {
-      content: map-get($glyphs, "calibration-comp-warning");
+      content: utils.get-icon-glyph("calibration-comp-warning");
     }
     &[data-icon-name="calibration-error"]::before {
-      content: map-get($glyphs, "calibration-error");
+      content: utils.get-icon-glyph("calibration-error");
     }
     &[data-icon-name="calibration-warning"]::before {
-      content: map-get($glyphs, "calibration-warning");
+      content: utils.get-icon-glyph("calibration-warning");
     }
     &[data-icon-name="car"]::before {
-      content: map-get($glyphs, "car");
+      content: utils.get-icon-glyph("car");
     }
     &[data-icon-name="car-accident"]::before {
-      content: map-get($glyphs, "car-accident");
+      content: utils.get-icon-glyph("car-accident");
     }
     &[data-icon-name="car-swap"]::before {
-      content: map-get($glyphs, "car-swap");
+      content: utils.get-icon-glyph("car-swap");
     }
     &[data-icon-name="casting"]::before {
-      content: map-get($glyphs, "casting");
+      content: utils.get-icon-glyph("casting");
     }
     &[data-icon-name="catalog"]::before {
-      content: map-get($glyphs, "catalog");
+      content: utils.get-icon-glyph("catalog");
     }
     &[data-icon-name="certificate"]::before {
-      content: map-get($glyphs, "certificate");
+      content: utils.get-icon-glyph("certificate");
     }
     &[data-icon-name="certificate-error"]::before {
-      content: map-get($glyphs, "certificate-error");
+      content: utils.get-icon-glyph("certificate-error");
     }
     &[data-icon-name="certificate-error"]::after {
-      content: map-get($glyphs, "certificate-error-part1");
+      content: utils.get-icon-glyph("certificate-error-part1");
       color: #E6141E;
     }
     &[data-icon-name="certificate-error"] span::before {
-      content: map-get($glyphs, "certificate-error-part2");
+      content: utils.get-icon-glyph("certificate-error-part2");
       color: #FFFFFF;
     }
     &[data-icon-name="certificate-upload"]::before {
-      content: map-get($glyphs, "certificate-upload");
+      content: utils.get-icon-glyph("certificate-upload");
     }
     &[data-icon-name="certificate-valid"]::before {
-      content: map-get($glyphs, "certificate-valid");
+      content: utils.get-icon-glyph("certificate-valid");
     }
     &[data-icon-name="certificate-valid"]::after {
-      content: map-get($glyphs, "certificate-valid-part1");
+      content: utils.get-icon-glyph("certificate-valid-part1");
       color: #7FEE1A;
     }
     &[data-icon-name="certificate-valid"] span::before {
-      content: map-get($glyphs, "certificate-valid-part2");
+      content: utils.get-icon-glyph("certificate-valid-part2");
       color: #000000;
     }
     &[data-icon-name="certificate-warning"]::before {
-      content: map-get($glyphs, "certificate-warning");
+      content: utils.get-icon-glyph("certificate-warning");
     }
     &[data-icon-name="certificate-warning"]::after {
-      content: map-get($glyphs, "certificate-warning-part1");
+      content: utils.get-icon-glyph("certificate-warning-part1");
       color: #FFE600;
     }
     &[data-icon-name="certificate-warning"] span::before {
-      content: map-get($glyphs, "certificate-warning-part2");
+      content: utils.get-icon-glyph("certificate-warning-part2");
       color: #000000;
     }
     &[data-icon-name="changelog"]::before {
-      content: map-get($glyphs, "changelog");
+      content: utils.get-icon-glyph("changelog");
     }
     &[data-icon-name="chemicals"]::before {
-      content: map-get($glyphs, "chemicals");
+      content: utils.get-icon-glyph("chemicals");
     }
     &[data-icon-name="chip-eject"]::before {
-      content: map-get($glyphs, "chip-eject");
+      content: utils.get-icon-glyph("chip-eject");
     }
     &[data-icon-name="chip-eject"]::after {
-      content: map-get($glyphs, "chip-eject-part1");
+      content: utils.get-icon-glyph("chip-eject-part1");
       color: #0074FF;
     }
     &[data-icon-name="chip-eject"] span::before {
-      content: map-get($glyphs, "chip-eject-part2");
+      content: utils.get-icon-glyph("chip-eject-part2");
       color: #FFFFFF;
     }
     &[data-icon-name="chip-insert"]::before {
-      content: map-get($glyphs, "chip-insert");
+      content: utils.get-icon-glyph("chip-insert");
     }
     &[data-icon-name="circle"]::before {
-      content: map-get($glyphs, "circle");
+      content: utils.get-icon-glyph("circle");
     }
     &[data-icon-name="cleaning"]::before {
-      content: map-get($glyphs, "cleaning");
+      content: utils.get-icon-glyph("cleaning");
     }
     &[data-icon-name="clockwise-90-degree"]::before {
-      content: map-get($glyphs, "clockwise-90-degree");
+      content: utils.get-icon-glyph("clockwise-90-degree");
     }
     &[data-icon-name="close-all"]::before {
-      content: map-get($glyphs, "close-all");
+      content: utils.get-icon-glyph("close-all");
     }
     &[data-icon-name="close-all"]::after {
-      content: map-get($glyphs, "close-all-part1");
+      content: utils.get-icon-glyph("close-all-part1");
       color: #E6141E;
     }
     &[data-icon-name="clothing"]::before {
-      content: map-get($glyphs, "clothing");
+      content: utils.get-icon-glyph("clothing");
     }
     &[data-icon-name="cold"]::before {
-      content: map-get($glyphs, "cold");
+      content: utils.get-icon-glyph("cold");
     }
     &[data-icon-name="collection"]::before {
-      content: map-get($glyphs, "collection");
+      content: utils.get-icon-glyph("collection");
     }
     &[data-icon-name="collection-add"]::before {
-      content: map-get($glyphs, "collection-add");
+      content: utils.get-icon-glyph("collection-add");
     }
     &[data-icon-name="collection-remove"]::before {
-      content: map-get($glyphs, "collection-remove");
+      content: utils.get-icon-glyph("collection-remove");
     }
     &[data-icon-name="collection-service"]::before {
-      content: map-get($glyphs, "collection-service");
+      content: utils.get-icon-glyph("collection-service");
     }
     &[data-icon-name="collective-edit"]::before {
-      content: map-get($glyphs, "collective-edit");
+      content: utils.get-icon-glyph("collective-edit");
     }
     &[data-icon-name="column-double"]::before {
-      content: map-get($glyphs, "column-double");
+      content: utils.get-icon-glyph("column-double");
     }
     &[data-icon-name="column-multi"]::before {
-      content: map-get($glyphs, "column-multi");
+      content: utils.get-icon-glyph("column-multi");
     }
     &[data-icon-name="column-single"]::before {
-      content: map-get($glyphs, "column-single");
+      content: utils.get-icon-glyph("column-single");
     }
     &[data-icon-name="comment-add"]::before {
-      content: map-get($glyphs, "comment-add");
+      content: utils.get-icon-glyph("comment-add");
     }
     &[data-icon-name="comment-disabled"]::before {
-      content: map-get($glyphs, "comment-disabled");
+      content: utils.get-icon-glyph("comment-disabled");
     }
     &[data-icon-name="communication"]::before {
-      content: map-get($glyphs, "communication");
+      content: utils.get-icon-glyph("communication");
     }
     &[data-icon-name="communication-disabled"]::before {
-      content: map-get($glyphs, "communication-disabled");
+      content: utils.get-icon-glyph("communication-disabled");
     }
     &[data-icon-name="communication-tool"]::before {
-      content: map-get($glyphs, "communication-tool");
+      content: utils.get-icon-glyph("communication-tool");
     }
     &[data-icon-name="compare"]::before {
-      content: map-get($glyphs, "compare");
+      content: utils.get-icon-glyph("compare");
     }
     &[data-icon-name="comparison"]::before {
-      content: map-get($glyphs, "comparison");
+      content: utils.get-icon-glyph("comparison");
     }
     &[data-icon-name="complete"]::before {
-      content: map-get($glyphs, "complete");
+      content: utils.get-icon-glyph("complete");
     }
     &[data-icon-name="complete"]::after {
-      content: map-get($glyphs, "complete-part1");
+      content: utils.get-icon-glyph("complete-part1");
       color: #7FEE1A;
     }
     &[data-icon-name="complete"] span::before {
-      content: map-get($glyphs, "complete-part2");
+      content: utils.get-icon-glyph("complete-part2");
       color: #000000;
     }
     &[data-icon-name="complex-system"]::before {
-      content: map-get($glyphs, "complex-system");
+      content: utils.get-icon-glyph("complex-system");
     }
     &[data-icon-name="composition-edit"]::before {
-      content: map-get($glyphs, "composition-edit");
+      content: utils.get-icon-glyph("composition-edit");
     }
     &[data-icon-name="concentration"]::before {
-      content: map-get($glyphs, "concentration");
+      content: utils.get-icon-glyph("concentration");
     }
     &[data-icon-name="conhub"]::before {
-      content: map-get($glyphs, "conhub");
+      content: utils.get-icon-glyph("conhub");
     }
     &[data-icon-name="construction-method"]::before {
-      content: map-get($glyphs, "construction-method");
+      content: utils.get-icon-glyph("construction-method");
     }
     &[data-icon-name="controlbox"]::before {
-      content: map-get($glyphs, "controlbox");
+      content: utils.get-icon-glyph("controlbox");
     }
     &[data-icon-name="cost"]::before {
-      content: map-get($glyphs, "cost");
+      content: utils.get-icon-glyph("cost");
     }
     &[data-icon-name="counter"]::before {
-      content: map-get($glyphs, "counter");
+      content: utils.get-icon-glyph("counter");
     }
     &[data-icon-name="counterclockwise-90-degree"]::before {
-      content: map-get($glyphs, "counterclockwise-90-degree");
+      content: utils.get-icon-glyph("counterclockwise-90-degree");
     }
     &[data-icon-name="cps"]::before {
-      content: map-get($glyphs, "cps");
+      content: utils.get-icon-glyph("cps");
     }
     &[data-icon-name="cylinder"]::before {
-      content: map-get($glyphs, "cylinder");
+      content: utils.get-icon-glyph("cylinder");
     }
     &[data-icon-name="cylinder-change"]::before {
-      content: map-get($glyphs, "cylinder-change");
+      content: utils.get-icon-glyph("cylinder-change");
     }
     &[data-icon-name="cylinder-charge"]::before {
-      content: map-get($glyphs, "cylinder-charge");
+      content: utils.get-icon-glyph("cylinder-charge");
     }
     &[data-icon-name="cylinder-closed"]::before {
-      content: map-get($glyphs, "cylinder-closed");
+      content: utils.get-icon-glyph("cylinder-closed");
     }
     &[data-icon-name="cylinder-error"]::before {
-      content: map-get($glyphs, "cylinder-error");
+      content: utils.get-icon-glyph("cylinder-error");
     }
     &[data-icon-name="cylinder-error"]::after {
-      content: map-get($glyphs, "cylinder-error-part1");
+      content: utils.get-icon-glyph("cylinder-error-part1");
       color: #E6141E;
     }
     &[data-icon-name="cylinder-error"] span::before {
-      content: map-get($glyphs, "cylinder-error-part2");
+      content: utils.get-icon-glyph("cylinder-error-part2");
       color: #FFFFFF;
     }
     &[data-icon-name="cylinder-o2-alarm"]::before {
-      content: map-get($glyphs, "cylinder-o2-alarm");
+      content: utils.get-icon-glyph("cylinder-o2-alarm");
     }
     &[data-icon-name="cylinder-o2-alarm"]::after {
-      content: map-get($glyphs, "cylinder-o2-alarm-part1");
+      content: utils.get-icon-glyph("cylinder-o2-alarm-part1");
       color: #E6141E;
     }
     &[data-icon-name="cylinder-o2-alarm"] span::before {
-      content: map-get($glyphs, "cylinder-o2-alarm-part2");
+      content: utils.get-icon-glyph("cylinder-o2-alarm-part2");
       color: #FFFFFF;
     }
     &[data-icon-name="cylinder-opened"]::before {
-      content: map-get($glyphs, "cylinder-opened");
+      content: utils.get-icon-glyph("cylinder-opened");
     }
     &[data-icon-name="d"]::before {
-      content: map-get($glyphs, "d");
+      content: utils.get-icon-glyph("d");
     }
     &[data-icon-name="damage"]::before {
-      content: map-get($glyphs, "damage");
+      content: utils.get-icon-glyph("damage");
     }
     &[data-icon-name="dangerous-goods"]::before {
-      content: map-get($glyphs, "dangerous-goods");
+      content: utils.get-icon-glyph("dangerous-goods");
     }
     &[data-icon-name="dashboard-close"]::before {
-      content: map-get($glyphs, "dashboard-close");
+      content: utils.get-icon-glyph("dashboard-close");
     }
     &[data-icon-name="dashboard-open"]::before {
-      content: map-get($glyphs, "dashboard-open");
+      content: utils.get-icon-glyph("dashboard-open");
     }
     &[data-icon-name="data-send"]::before {
-      content: map-get($glyphs, "data-send");
+      content: utils.get-icon-glyph("data-send");
     }
     &[data-icon-name="data-set"]::before {
-      content: map-get($glyphs, "data-set");
+      content: utils.get-icon-glyph("data-set");
     }
     &[data-icon-name="data-snapshot"]::before {
-      content: map-get($glyphs, "data-snapshot");
+      content: utils.get-icon-glyph("data-snapshot");
     }
     &[data-icon-name="data-transfer-completed"]::before {
-      content: map-get($glyphs, "data-transfer-completed");
+      content: utils.get-icon-glyph("data-transfer-completed");
     }
     &[data-icon-name="data-transfer-failed"]::before {
-      content: map-get($glyphs, "data-transfer-failed");
+      content: utils.get-icon-glyph("data-transfer-failed");
     }
     &[data-icon-name="database"]::before {
-      content: map-get($glyphs, "database");
+      content: utils.get-icon-glyph("database");
     }
     &[data-icon-name="database-edit"]::before {
-      content: map-get($glyphs, "database-edit");
+      content: utils.get-icon-glyph("database-edit");
     }
     &[data-icon-name="datahub"]::before {
-      content: map-get($glyphs, "datahub");
+      content: utils.get-icon-glyph("datahub");
     }
     &[data-icon-name="deadman"]::before {
-      content: map-get($glyphs, "deadman");
+      content: utils.get-icon-glyph("deadman");
     }
     &[data-icon-name="deletion-successful"]::before {
-      content: map-get($glyphs, "deletion-successful");
+      content: utils.get-icon-glyph("deletion-successful");
     }
     &[data-icon-name="device"]::before {
-      content: map-get($glyphs, "device");
+      content: utils.get-icon-glyph("device");
     }
     &[data-icon-name="device-ang"]::before {
-      content: map-get($glyphs, "device-ang");
+      content: utils.get-icon-glyph("device-ang");
     }
     &[data-icon-name="device-connection"]::before {
-      content: map-get($glyphs, "device-connection");
+      content: utils.get-icon-glyph("device-connection");
     }
     &[data-icon-name="device-ct"]::before {
-      content: map-get($glyphs, "device-ct");
+      content: utils.get-icon-glyph("device-ct");
     }
     &[data-icon-name="device-inspection"]::before {
-      content: map-get($glyphs, "device-inspection");
+      content: utils.get-icon-glyph("device-inspection");
     }
     &[data-icon-name="device-module"]::before {
-      content: map-get($glyphs, "device-module");
+      content: utils.get-icon-glyph("device-module");
     }
     &[data-icon-name="device-mrt"]::before {
-      content: map-get($glyphs, "device-mrt");
+      content: utils.get-icon-glyph("device-mrt");
     }
     &[data-icon-name="device-ok"]::before {
-      content: map-get($glyphs, "device-ok");
+      content: utils.get-icon-glyph("device-ok");
     }
     &[data-icon-name="device-ok"]::after {
-      content: map-get($glyphs, "device-ok-part1");
+      content: utils.get-icon-glyph("device-ok-part1");
       color: #7FEE1A;
     }
     &[data-icon-name="device-ok"] span::before {
-      content: map-get($glyphs, "device-ok-part2");
+      content: utils.get-icon-glyph("device-ok-part2");
       color: #000000;
     }
     &[data-icon-name="device-sono"]::before {
-      content: map-get($glyphs, "device-sono");
+      content: utils.get-icon-glyph("device-sono");
     }
     &[data-icon-name="devices"]::before {
-      content: map-get($glyphs, "devices");
+      content: utils.get-icon-glyph("devices");
     }
     &[data-icon-name="devices-management"]::before {
-      content: map-get($glyphs, "devices-management");
+      content: utils.get-icon-glyph("devices-management");
     }
     &[data-icon-name="disabled"]::before {
-      content: map-get($glyphs, "disabled");
+      content: utils.get-icon-glyph("disabled");
     }
     &[data-icon-name="disassemble"]::before {
-      content: map-get($glyphs, "disassemble");
+      content: utils.get-icon-glyph("disassemble");
     }
     &[data-icon-name="display-1"]::before {
-      content: map-get($glyphs, "display-1");
+      content: utils.get-icon-glyph("display-1");
     }
     &[data-icon-name="display-2"]::before {
-      content: map-get($glyphs, "display-2");
+      content: utils.get-icon-glyph("display-2");
     }
     &[data-icon-name="display-3"]::before {
-      content: map-get($glyphs, "display-3");
+      content: utils.get-icon-glyph("display-3");
     }
     &[data-icon-name="display-4"]::before {
-      content: map-get($glyphs, "display-4");
+      content: utils.get-icon-glyph("display-4");
     }
     &[data-icon-name="display-5"]::before {
-      content: map-get($glyphs, "display-5");
+      content: utils.get-icon-glyph("display-5");
     }
     &[data-icon-name="docking-station"]::before {
-      content: map-get($glyphs, "docking-station");
+      content: utils.get-icon-glyph("docking-station");
     }
     &[data-icon-name="docking-station-3"]::before {
-      content: map-get($glyphs, "docking-station-3");
+      content: utils.get-icon-glyph("docking-station-3");
     }
     &[data-icon-name="docking-station-4"]::before {
-      content: map-get($glyphs, "docking-station-4");
+      content: utils.get-icon-glyph("docking-station-4");
     }
     &[data-icon-name="docking-station-8"]::before {
-      content: map-get($glyphs, "docking-station-8");
+      content: utils.get-icon-glyph("docking-station-8");
     }
     &[data-icon-name="equipment-fire"]::before {
-      content: map-get($glyphs, "equipment-fire");
+      content: utils.get-icon-glyph("equipment-fire");
     }
     &[data-icon-name="erase"]::before {
-      content: map-get($glyphs, "erase");
+      content: utils.get-icon-glyph("erase");
     }
     &[data-icon-name="error-extra-information"]::before {
-      content: map-get($glyphs, "error-extra-information");
+      content: utils.get-icon-glyph("error-extra-information");
       color: #7F8386;
     }
     &[data-icon-name="error-extra-information"]::after {
-      content: map-get($glyphs, "error-extra-information-part1");
+      content: utils.get-icon-glyph("error-extra-information-part1");
       color: #FFFFFF;
     }
     &[data-icon-name="error-extra-information"] span::before {
-      content: map-get($glyphs, "error-extra-information-part2");
+      content: utils.get-icon-glyph("error-extra-information-part2");
     }
     &[data-icon-name="error-yellow-outline"]::before {
-      content: map-get($glyphs, "error-yellow-outline");
+      content: utils.get-icon-glyph("error-yellow-outline");
       color: #FFFFFF;
     }
     &[data-icon-name="error-yellow-outline"]::after {
-      content: map-get($glyphs, "error-yellow-outline-part1");
+      content: utils.get-icon-glyph("error-yellow-outline-part1");
       color: #FFE600;
     }
     &[data-icon-name="error-yellow-outline"] span::before {
-      content: map-get($glyphs, "error-yellow-outline-part2");
+      content: utils.get-icon-glyph("error-yellow-outline-part2");
       color: #000000;
     }
     &[data-icon-name="evacuation"]::before {
-      content: map-get($glyphs, "evacuation");
+      content: utils.get-icon-glyph("evacuation");
     }
     &[data-icon-name="evacuation-confirmed"]::before {
-      content: map-get($glyphs, "evacuation-confirmed");
+      content: utils.get-icon-glyph("evacuation-confirmed");
     }
     &[data-icon-name="evacuation-confirmed"]::after {
-      content: map-get($glyphs, "evacuation-confirmed-part1");
+      content: utils.get-icon-glyph("evacuation-confirmed-part1");
       color: #7FEE1A;
     }
     &[data-icon-name="evacuation-confirmed"] span::before {
-      content: map-get($glyphs, "evacuation-confirmed-part2");
+      content: utils.get-icon-glyph("evacuation-confirmed-part2");
       color: #000000;
     }
     &[data-icon-name="evacuation-pending"]::before {
-      content: map-get($glyphs, "evacuation-pending");
+      content: utils.get-icon-glyph("evacuation-pending");
     }
     &[data-icon-name="evacuation-success"]::before {
-      content: map-get($glyphs, "evacuation-success");
+      content: utils.get-icon-glyph("evacuation-success");
     }
     &[data-icon-name="evacuation-success"]::after {
-      content: map-get($glyphs, "evacuation-success-part1");
+      content: utils.get-icon-glyph("evacuation-success-part1");
       color: #7FEE1A;
     }
     &[data-icon-name="evacuation-success"] span::before {
-      content: map-get($glyphs, "evacuation-success-part2");
+      content: utils.get-icon-glyph("evacuation-success-part2");
       color: #000000;
     }
     &[data-icon-name="evacuation-timer"]::before {
-      content: map-get($glyphs, "evacuation-timer");
+      content: utils.get-icon-glyph("evacuation-timer");
     }
     &[data-icon-name="evacuation-warning"]::before {
-      content: map-get($glyphs, "evacuation-warning");
+      content: utils.get-icon-glyph("evacuation-warning");
     }
     &[data-icon-name="evacuation-warning"]::after {
-      content: map-get($glyphs, "evacuation-warning-part1");
+      content: utils.get-icon-glyph("evacuation-warning-part1");
       color: #FFE600;
     }
     &[data-icon-name="evacuation-warning"] span::before {
-      content: map-get($glyphs, "evacuation-warning-part2");
+      content: utils.get-icon-glyph("evacuation-warning-part2");
       color: #000000;
     }
     &[data-icon-name="expired-freshair"]::before {
-      content: map-get($glyphs, "expired-freshair");
+      content: utils.get-icon-glyph("expired-freshair");
     }
     &[data-icon-name="expired"]::before {
-      content: map-get($glyphs, "expired");
+      content: utils.get-icon-glyph("expired");
     }
     &[data-icon-name="expired"]::after {
-      content: map-get($glyphs, "expired-part1");
+      content: utils.get-icon-glyph("expired-part1");
       color: #E6141E;
     }
     &[data-icon-name="expired"] span::before {
-      content: map-get($glyphs, "expired-part2");
+      content: utils.get-icon-glyph("expired-part2");
       color: #FFFFFF;
     }
     &[data-icon-name="expirydate"]::before {
-      content: map-get($glyphs, "expirydate");
+      content: utils.get-icon-glyph("expirydate");
     }
     &[data-icon-name="explosive-a1"]::before {
-      content: map-get($glyphs, "explosive-a1");
+      content: utils.get-icon-glyph("explosive-a1");
     }
     &[data-icon-name="explosive-a1"]::after {
-      content: map-get($glyphs, "explosive-a1-part1");
+      content: utils.get-icon-glyph("explosive-a1-part1");
       color: #FFE600;
     }
     &[data-icon-name="explosive-a1"] span::before {
-      content: map-get($glyphs, "explosive-a1-part2");
+      content: utils.get-icon-glyph("explosive-a1-part2");
       color: #000000;
     }
     &[data-icon-name="explosive-a2"]::before {
-      content: map-get($glyphs, "explosive-a2");
+      content: utils.get-icon-glyph("explosive-a2");
     }
     &[data-icon-name="explosive-a2"]::after {
-      content: map-get($glyphs, "explosive-a2-part1");
+      content: utils.get-icon-glyph("explosive-a2-part1");
       color: #FFE600;
     }
     &[data-icon-name="explosive-a2"] span::before {
-      content: map-get($glyphs, "explosive-a2-part2");
+      content: utils.get-icon-glyph("explosive-a2-part2");
       color: #000000;
     }
     &[data-icon-name="explosive-stel"]::before {
-      content: map-get($glyphs, "explosive-stel");
+      content: utils.get-icon-glyph("explosive-stel");
     }
     &[data-icon-name="explosive-stel"]::after {
-      content: map-get($glyphs, "explosive-stel-part1");
+      content: utils.get-icon-glyph("explosive-stel-part1");
       color: #FFE600;
     }
     &[data-icon-name="explosive-stel"] span::before {
-      content: map-get($glyphs, "explosive-stel-part2");
+      content: utils.get-icon-glyph("explosive-stel-part2");
       color: #000000;
     }
     &[data-icon-name="explosive-twa"]::before {
-      content: map-get($glyphs, "explosive-twa");
+      content: utils.get-icon-glyph("explosive-twa");
     }
     &[data-icon-name="explosive-twa"]::after {
-      content: map-get($glyphs, "explosive-twa-part1");
+      content: utils.get-icon-glyph("explosive-twa-part1");
       color: #FFE600;
     }
     &[data-icon-name="explosive-twa"] span::before {
-      content: map-get($glyphs, "explosive-twa-part2");
+      content: utils.get-icon-glyph("explosive-twa-part2");
       color: #000000;
     }
     &[data-icon-name="explosive"]::before {
-      content: map-get($glyphs, "explosive");
+      content: utils.get-icon-glyph("explosive");
       color: #FFE600;
     }
     &[data-icon-name="explosive"]::after {
-      content: map-get($glyphs, "explosive-part1");
+      content: utils.get-icon-glyph("explosive-part1");
       color: #000000;
     }
     &[data-icon-name="extended-care"]::before {
-      content: map-get($glyphs, "extended-care");
+      content: utils.get-icon-glyph("extended-care");
     }
     &[data-icon-name="extinguisher"]::before {
-      content: map-get($glyphs, "extinguisher");
+      content: utils.get-icon-glyph("extinguisher");
     }
     &[data-icon-name="faucet"]::before {
-      content: map-get($glyphs, "faucet");
+      content: utils.get-icon-glyph("faucet");
     }
     &[data-icon-name="fault-finding"]::before {
-      content: map-get($glyphs, "fault-finding");
+      content: utils.get-icon-glyph("fault-finding");
     }
     &[data-icon-name="fax"]::before {
-      content: map-get($glyphs, "fax");
+      content: utils.get-icon-glyph("fax");
     }
     &[data-icon-name="feedback-positive-extra-information"]::before {
-      content: map-get($glyphs, "feedback-positive-extra-information");
+      content: utils.get-icon-glyph("feedback-positive-extra-information");
       color: #7FEE1A;
     }
     &[data-icon-name="feedback-positive-extra-information"]::after {
-      content: map-get($glyphs, "feedback-positive-extra-information-part1");
+      content: utils.get-icon-glyph("feedback-positive-extra-information-part1");
       color: #000000;
     }
     &[data-icon-name="feedback-positive-extra-information"] span::before {
-      content: map-get($glyphs, "feedback-positive-extra-information-part2");
+      content: utils.get-icon-glyph("feedback-positive-extra-information-part2");
     }
     &[data-icon-name="feedback-positive-tamper-yellow"]::before {
-      content: map-get($glyphs, "feedback-positive-tamper-yellow");
+      content: utils.get-icon-glyph("feedback-positive-tamper-yellow");
       color: #7FEE1A;
     }
     &[data-icon-name="feedback-positive-tamper-yellow"]::after {
-      content: map-get($glyphs, "feedback-positive-tamper-yellow-part1");
+      content: utils.get-icon-glyph("feedback-positive-tamper-yellow-part1");
       color: #FFE600;
     }
     &[data-icon-name="feedback-positive-tamper-yellow"] span::before {
-      content: map-get($glyphs, "feedback-positive-tamper-yellow-part2");
+      content: utils.get-icon-glyph("feedback-positive-tamper-yellow-part2");
       color: #000000;
     }
     &[data-icon-name="feedback-positive-tamper"]::before {
-      content: map-get($glyphs, "feedback-positive-tamper");
+      content: utils.get-icon-glyph("feedback-positive-tamper");
       color: #7FEE1A;
     }
     &[data-icon-name="feedback-positive-tamper"]::after {
-      content: map-get($glyphs, "feedback-positive-tamper-part1");
+      content: utils.get-icon-glyph("feedback-positive-tamper-part1");
       color: #000000;
     }
     &[data-icon-name="feedback-positive-tamper"] span::before {
-      content: map-get($glyphs, "feedback-positive-tamper-part2");
+      content: utils.get-icon-glyph("feedback-positive-tamper-part2");
     }
     &[data-icon-name="feedback-warning-extra-information"]::before {
-      content: map-get($glyphs, "feedback-warning-extra-information");
+      content: utils.get-icon-glyph("feedback-warning-extra-information");
       color: #7F8386;
     }
     &[data-icon-name="feedback-warning-extra-information"]::after {
-      content: map-get($glyphs, "feedback-warning-extra-information-part1");
+      content: utils.get-icon-glyph("feedback-warning-extra-information-part1");
       color: #FFFFFF;
     }
     &[data-icon-name="feedback-warning-extra-information"] span::before {
-      content: map-get($glyphs, "feedback-warning-extra-information-part2");
+      content: utils.get-icon-glyph("feedback-warning-extra-information-part2");
     }
     &[data-icon-name="feedback-warning-outline"]::before {
-      content: map-get($glyphs, "feedback-warning-outline");
+      content: utils.get-icon-glyph("feedback-warning-outline");
       color: #FFFFFF;
     }
     &[data-icon-name="feedback-warning-outline"]::after {
-      content: map-get($glyphs, "feedback-warning-outline-part1");
+      content: utils.get-icon-glyph("feedback-warning-outline-part1");
       color: #FFE600;
     }
     &[data-icon-name="feedback-warning-outline"] span::before {
-      content: map-get($glyphs, "feedback-warning-outline-part2");
+      content: utils.get-icon-glyph("feedback-warning-outline-part2");
       color: #000000;
     }
     &[data-icon-name="feedback-warning-tamper-red"]::before {
-      content: map-get($glyphs, "feedback-warning-tamper-red");
+      content: utils.get-icon-glyph("feedback-warning-tamper-red");
       color: #FFE600;
     }
     &[data-icon-name="feedback-warning-tamper-red"]::after {
-      content: map-get($glyphs, "feedback-warning-tamper-red-part1");
+      content: utils.get-icon-glyph("feedback-warning-tamper-red-part1");
       color: #E6141E;
     }
     &[data-icon-name="feedback-warning-tamper-red"] span::before {
-      content: map-get($glyphs, "feedback-warning-tamper-red-part2");
+      content: utils.get-icon-glyph("feedback-warning-tamper-red-part2");
       color: #000000;
     }
     &[data-icon-name="feedback-warning-tamper-red"] span::after {
-      content: map-get($glyphs, "feedback-warning-tamper-red-part3");
+      content: utils.get-icon-glyph("feedback-warning-tamper-red-part3");
       color: #FFFFFF;
     }
     &[data-icon-name="feedback-warning-tamper-yellow"]::before {
-      content: map-get($glyphs, "feedback-warning-tamper-yellow");
+      content: utils.get-icon-glyph("feedback-warning-tamper-yellow");
       color: #7F8386;
     }
     &[data-icon-name="feedback-warning-tamper-yellow"]::after {
-      content: map-get($glyphs, "feedback-warning-tamper-yellow-part1");
+      content: utils.get-icon-glyph("feedback-warning-tamper-yellow-part1");
       color: #FFFFFF;
     }
     &[data-icon-name="feedback-warning-tamper-yellow"] span::before {
-      content: map-get($glyphs, "feedback-warning-tamper-yellow-part2");
+      content: utils.get-icon-glyph("feedback-warning-tamper-yellow-part2");
       color: #FFE600;
     }
     &[data-icon-name="feedback-warning-tamper-yellow"] span::after {
-      content: map-get($glyphs, "feedback-warning-tamper-yellow-part3");
+      content: utils.get-icon-glyph("feedback-warning-tamper-yellow-part3");
       color: #000000;
     }
     &[data-icon-name="feedback-warning-tamper"]::before {
-      content: map-get($glyphs, "feedback-warning-tamper");
+      content: utils.get-icon-glyph("feedback-warning-tamper");
       color: #7F8386;
     }
     &[data-icon-name="feedback-warning-tamper"]::after {
-      content: map-get($glyphs, "feedback-warning-tamper-part1");
+      content: utils.get-icon-glyph("feedback-warning-tamper-part1");
       color: #FFFFFF;
     }
     &[data-icon-name="feedback-warning-tamper"] span::before {
-      content: map-get($glyphs, "feedback-warning-tamper-part2");
+      content: utils.get-icon-glyph("feedback-warning-tamper-part2");
     }
     &[data-icon-name="feedback-warning"]::before {
-      content: map-get($glyphs, "feedback-warning");
+      content: utils.get-icon-glyph("feedback-warning");
       color: #FFE600;
     }
     &[data-icon-name="feedback-warning"]::after {
-      content: map-get($glyphs, "feedback-warning-part1");
+      content: utils.get-icon-glyph("feedback-warning-part1");
       color: #000000;
     }
     &[data-icon-name="fg-hub"]::before {
-      content: map-get($glyphs, "fg-hub");
+      content: utils.get-icon-glyph("fg-hub");
     }
     &[data-icon-name="fg-hub-battery-low"]::before {
-      content: map-get($glyphs, "fg-hub-battery-low");
+      content: utils.get-icon-glyph("fg-hub-battery-low");
     }
     &[data-icon-name="fg-hub-battery-low"]::after {
-      content: map-get($glyphs, "fg-hub-battery-low-part1");
+      content: utils.get-icon-glyph("fg-hub-battery-low-part1");
       color: #E6141E;
     }
     &[data-icon-name="fg-hub-battery-low"] span::before {
-      content: map-get($glyphs, "fg-hub-battery-low-part2");
+      content: utils.get-icon-glyph("fg-hub-battery-low-part2");
       color: #FFFFFF;
     }
     &[data-icon-name="fg-hub-no-connection"]::before {
-      content: map-get($glyphs, "fg-hub-no-connection");
+      content: utils.get-icon-glyph("fg-hub-no-connection");
     }
     &[data-icon-name="fg-hub-no-connection"]::after {
-      content: map-get($glyphs, "fg-hub-no-connection-part1");
+      content: utils.get-icon-glyph("fg-hub-no-connection-part1");
       color: #FFE600;
     }
     &[data-icon-name="fg-hub-no-connection"] span::before {
-      content: map-get($glyphs, "fg-hub-no-connection-part2");
+      content: utils.get-icon-glyph("fg-hub-no-connection-part2");
       color: #000000;
     }
     &[data-icon-name="fg-repeater"]::before {
-      content: map-get($glyphs, "fg-repeater");
+      content: utils.get-icon-glyph("fg-repeater");
     }
     &[data-icon-name="fg-repeater-battery-low"]::before {
-      content: map-get($glyphs, "fg-repeater-battery-low");
+      content: utils.get-icon-glyph("fg-repeater-battery-low");
     }
     &[data-icon-name="fg-repeater-battery-low"]::after {
-      content: map-get($glyphs, "fg-repeater-battery-low-part1");
+      content: utils.get-icon-glyph("fg-repeater-battery-low-part1");
       color: #E6141E;
     }
     &[data-icon-name="fg-repeater-battery-low"] span::before {
-      content: map-get($glyphs, "fg-repeater-battery-low-part2");
+      content: utils.get-icon-glyph("fg-repeater-battery-low-part2");
       color: #FFFFFF;
     }
     &[data-icon-name="fire"]::before {
-      content: map-get($glyphs, "fire");
+      content: utils.get-icon-glyph("fire");
     }
     &[data-icon-name="firefighter-arrived"]::before {
-      content: map-get($glyphs, "firefighter-arrived");
+      content: utils.get-icon-glyph("firefighter-arrived");
     }
     &[data-icon-name="firefighter-arrived"]::after {
-      content: map-get($glyphs, "firefighter-arrived-part1");
+      content: utils.get-icon-glyph("firefighter-arrived-part1");
       color: #7FEE1A;
     }
     &[data-icon-name="firefighter-arrived"] span::before {
-      content: map-get($glyphs, "firefighter-arrived-part2");
+      content: utils.get-icon-glyph("firefighter-arrived-part2");
       color: #000000;
     }
     &[data-icon-name="firefighter-en-route"]::before {
-      content: map-get($glyphs, "firefighter-en-route");
+      content: utils.get-icon-glyph("firefighter-en-route");
     }
     &[data-icon-name="firefighter-retreat"]::before {
-      content: map-get($glyphs, "firefighter-retreat");
+      content: utils.get-icon-glyph("firefighter-retreat");
     }
     &[data-icon-name="firefighter-standby"]::before {
-      content: map-get($glyphs, "firefighter-standby");
+      content: utils.get-icon-glyph("firefighter-standby");
     }
     &[data-icon-name="flame-5000"]::before {
-      content: map-get($glyphs, "flame-5000");
+      content: utils.get-icon-glyph("flame-5000");
     }
     &[data-icon-name="flammable-a1"]::before {
-      content: map-get($glyphs, "flammable-a1");
+      content: utils.get-icon-glyph("flammable-a1");
     }
     &[data-icon-name="flammable-a1"]::after {
-      content: map-get($glyphs, "flammable-a1-part1");
+      content: utils.get-icon-glyph("flammable-a1-part1");
       color: #FFE600;
     }
     &[data-icon-name="flammable-a1"] span::before {
-      content: map-get($glyphs, "flammable-a1-part2");
+      content: utils.get-icon-glyph("flammable-a1-part2");
       color: #000000;
     }
     &[data-icon-name="flammable-a2"]::before {
-      content: map-get($glyphs, "flammable-a2");
+      content: utils.get-icon-glyph("flammable-a2");
     }
     &[data-icon-name="flammable-a2"]::after {
-      content: map-get($glyphs, "flammable-a2-part1");
+      content: utils.get-icon-glyph("flammable-a2-part1");
       color: #FFE600;
     }
     &[data-icon-name="flammable-a2"] span::before {
-      content: map-get($glyphs, "flammable-a2-part2");
+      content: utils.get-icon-glyph("flammable-a2-part2");
       color: #000000;
     }
     &[data-icon-name="flammable-stel"]::before {
-      content: map-get($glyphs, "flammable-stel");
+      content: utils.get-icon-glyph("flammable-stel");
     }
     &[data-icon-name="flammable-stel"]::after {
-      content: map-get($glyphs, "flammable-stel-part1");
+      content: utils.get-icon-glyph("flammable-stel-part1");
       color: #FFE600;
     }
     &[data-icon-name="flammable-stel"] span::before {
-      content: map-get($glyphs, "flammable-stel-part2");
+      content: utils.get-icon-glyph("flammable-stel-part2");
       color: #000000;
     }
     &[data-icon-name="flammable-twa"]::before {
-      content: map-get($glyphs, "flammable-twa");
+      content: utils.get-icon-glyph("flammable-twa");
     }
     &[data-icon-name="flammable-twa"]::after {
-      content: map-get($glyphs, "flammable-twa-part1");
+      content: utils.get-icon-glyph("flammable-twa-part1");
       color: #FFE600;
     }
     &[data-icon-name="flammable-twa"] span::before {
-      content: map-get($glyphs, "flammable-twa-part2");
+      content: utils.get-icon-glyph("flammable-twa-part2");
       color: #000000;
     }
     &[data-icon-name="flammable"]::before {
-      content: map-get($glyphs, "flammable");
+      content: utils.get-icon-glyph("flammable");
       color: #FFE600;
     }
     &[data-icon-name="flammable"]::after {
-      content: map-get($glyphs, "flammable-part1");
+      content: utils.get-icon-glyph("flammable-part1");
       color: #000000;
     }
     &[data-icon-name="floorplan"]::before {
-      content: map-get($glyphs, "floorplan");
+      content: utils.get-icon-glyph("floorplan");
     }
     &[data-icon-name="floorplan-hallway"]::before {
-      content: map-get($glyphs, "floorplan-hallway");
+      content: utils.get-icon-glyph("floorplan-hallway");
     }
     &[data-icon-name="floorplan-room"]::before {
-      content: map-get($glyphs, "floorplan-room");
+      content: utils.get-icon-glyph("floorplan-room");
     }
     &[data-icon-name="fraction-00-10"]::before {
-      content: map-get($glyphs, "fraction-00-10");
+      content: utils.get-icon-glyph("fraction-00-10");
     }
     &[data-icon-name="fraction-01-10"]::before {
-      content: map-get($glyphs, "fraction-01-10");
+      content: utils.get-icon-glyph("fraction-01-10");
     }
     &[data-icon-name="fraction-02-10"]::before {
-      content: map-get($glyphs, "fraction-02-10");
+      content: utils.get-icon-glyph("fraction-02-10");
     }
     &[data-icon-name="fraction-03-10"]::before {
-      content: map-get($glyphs, "fraction-03-10");
+      content: utils.get-icon-glyph("fraction-03-10");
     }
     &[data-icon-name="fraction-04-10"]::before {
-      content: map-get($glyphs, "fraction-04-10");
+      content: utils.get-icon-glyph("fraction-04-10");
     }
     &[data-icon-name="fraction-05-10"]::before {
-      content: map-get($glyphs, "fraction-05-10");
+      content: utils.get-icon-glyph("fraction-05-10");
     }
     &[data-icon-name="fraction-06-10"]::before {
-      content: map-get($glyphs, "fraction-06-10");
+      content: utils.get-icon-glyph("fraction-06-10");
     }
     &[data-icon-name="fraction-07-10"]::before {
-      content: map-get($glyphs, "fraction-07-10");
+      content: utils.get-icon-glyph("fraction-07-10");
     }
     &[data-icon-name="fraction-08-10"]::before {
-      content: map-get($glyphs, "fraction-08-10");
+      content: utils.get-icon-glyph("fraction-08-10");
     }
     &[data-icon-name="fraction-09-10"]::before {
-      content: map-get($glyphs, "fraction-09-10");
+      content: utils.get-icon-glyph("fraction-09-10");
     }
     &[data-icon-name="fraction-10-10"]::before {
-      content: map-get($glyphs, "fraction-10-10");
+      content: utils.get-icon-glyph("fraction-10-10");
     }
     &[data-icon-name="freshair"]::before {
-      content: map-get($glyphs, "freshair");
+      content: utils.get-icon-glyph("freshair");
     }
     &[data-icon-name="freshair-calibration"]::before {
-      content: map-get($glyphs, "freshair-calibration");
+      content: utils.get-icon-glyph("freshair-calibration");
     }
     &[data-icon-name="full-circle"]::before {
-      content: map-get($glyphs, "full-circle");
+      content: utils.get-icon-glyph("full-circle");
     }
     &[data-icon-name="gas-consumption"]::before {
-      content: map-get($glyphs, "gas-consumption");
+      content: utils.get-icon-glyph("gas-consumption");
     }
     &[data-icon-name="gas-efficiency"]::before {
-      content: map-get($glyphs, "gas-efficiency");
+      content: utils.get-icon-glyph("gas-efficiency");
     }
     &[data-icon-name="gas-patient"]::before {
-      content: map-get($glyphs, "gas-patient");
+      content: utils.get-icon-glyph("gas-patient");
     }
     &[data-icon-name="gasbottle-100-percent"]::before {
-      content: map-get($glyphs, "gasbottle-100-percent");
+      content: utils.get-icon-glyph("gasbottle-100-percent");
     }
     &[data-icon-name="gasbottle-25-percent"]::before {
-      content: map-get($glyphs, "gasbottle-25-percent");
+      content: utils.get-icon-glyph("gasbottle-25-percent");
     }
     &[data-icon-name="gasbottle-50-percent"]::before {
-      content: map-get($glyphs, "gasbottle-50-percent");
+      content: utils.get-icon-glyph("gasbottle-50-percent");
     }
     &[data-icon-name="gasbottle-75-percent"]::before {
-      content: map-get($glyphs, "gasbottle-75-percent");
+      content: utils.get-icon-glyph("gasbottle-75-percent");
     }
     &[data-icon-name="gasbottle-information"]::before {
-      content: map-get($glyphs, "gasbottle-information");
+      content: utils.get-icon-glyph("gasbottle-information");
     }
     &[data-icon-name="gasbottle-low"]::before {
-      content: map-get($glyphs, "gasbottle-low");
+      content: utils.get-icon-glyph("gasbottle-low");
     }
     &[data-icon-name="gasbottle-warning"]::before {
-      content: map-get($glyphs, "gasbottle-warning");
+      content: utils.get-icon-glyph("gasbottle-warning");
     }
     &[data-icon-name="gasbottle-warning"]::after {
-      content: map-get($glyphs, "gasbottle-warning-part1");
+      content: utils.get-icon-glyph("gasbottle-warning-part1");
       color: #FFE600;
     }
     &[data-icon-name="gasbottle-warning"] span::before {
-      content: map-get($glyphs, "gasbottle-warning-part2");
+      content: utils.get-icon-glyph("gasbottle-warning-part2");
       color: #000000;
     }
     &[data-icon-name="glove"]::before {
-      content: map-get($glyphs, "glove");
+      content: utils.get-icon-glyph("glove");
     }
     &[data-icon-name="go-to-assets"]::before {
-      content: map-get($glyphs, "go-to-assets");
+      content: utils.get-icon-glyph("go-to-assets");
     }
     &[data-icon-name="graph-settings"]::before {
-      content: map-get($glyphs, "graph-settings");
+      content: utils.get-icon-glyph("graph-settings");
     }
     &[data-icon-name="graph-view"]::before {
-      content: map-get($glyphs, "graph-view");
+      content: utils.get-icon-glyph("graph-view");
     }
     &[data-icon-name="group"]::before {
-      content: map-get($glyphs, "group");
+      content: utils.get-icon-glyph("group");
     }
     &[data-icon-name="halfmask"]::before {
-      content: map-get($glyphs, "halfmask");
+      content: utils.get-icon-glyph("halfmask");
     }
     &[data-icon-name="hardware"]::before {
-      content: map-get($glyphs, "hardware");
+      content: utils.get-icon-glyph("hardware");
     }
     &[data-icon-name="hardware-available"]::before {
-      content: map-get($glyphs, "hardware-available");
+      content: utils.get-icon-glyph("hardware-available");
     }
     &[data-icon-name="hardware-available"]::after {
-      content: map-get($glyphs, "hardware-available-part1");
+      content: utils.get-icon-glyph("hardware-available-part1");
       color: #7FEE1A;
     }
     &[data-icon-name="hardware-available"] span::before {
-      content: map-get($glyphs, "hardware-available-part2");
+      content: utils.get-icon-glyph("hardware-available-part2");
       color: #000000;
     }
     &[data-icon-name="hardware-info"]::before {
-      content: map-get($glyphs, "hardware-info");
+      content: utils.get-icon-glyph("hardware-info");
     }
     &[data-icon-name="hardware-missing"]::before {
-      content: map-get($glyphs, "hardware-missing");
+      content: utils.get-icon-glyph("hardware-missing");
     }
     &[data-icon-name="hardware-missing"]::after {
-      content: map-get($glyphs, "hardware-missing-part1");
+      content: utils.get-icon-glyph("hardware-missing-part1");
       color: #E6141E;
     }
     &[data-icon-name="hardware-missing"] span::before {
-      content: map-get($glyphs, "hardware-missing-part2");
+      content: utils.get-icon-glyph("hardware-missing-part2");
       color: #FFFFFF;
     }
     &[data-icon-name="hardware-update"]::before {
-      content: map-get($glyphs, "hardware-update");
+      content: utils.get-icon-glyph("hardware-update");
     }
     &[data-icon-name="harness"]::before {
-      content: map-get($glyphs, "harness");
+      content: utils.get-icon-glyph("harness");
     }
     &[data-icon-name="helmet"]::before {
-      content: map-get($glyphs, "helmet");
+      content: utils.get-icon-glyph("helmet");
     }
     &[data-icon-name="helmet-fire"]::before {
-      content: map-get($glyphs, "helmet-fire");
+      content: utils.get-icon-glyph("helmet-fire");
     }
     &[data-icon-name="hierarchy"]::before {
-      content: map-get($glyphs, "hierarchy");
+      content: utils.get-icon-glyph("hierarchy");
     }
     &[data-icon-name="history"]::before {
-      content: map-get($glyphs, "history");
+      content: utils.get-icon-glyph("history");
     }
     &[data-icon-name="hook"]::before {
-      content: map-get($glyphs, "hook");
+      content: utils.get-icon-glyph("hook");
     }
     &[data-icon-name="hose"]::before {
-      content: map-get($glyphs, "hose");
+      content: utils.get-icon-glyph("hose");
     }
     &[data-icon-name="hot"]::before {
-      content: map-get($glyphs, "hot");
+      content: utils.get-icon-glyph("hot");
     }
     &[data-icon-name="hydrant"]::before {
-      content: map-get($glyphs, "hydrant");
+      content: utils.get-icon-glyph("hydrant");
     }
     &[data-icon-name="hydraulic"]::before {
-      content: map-get($glyphs, "hydraulic");
+      content: utils.get-icon-glyph("hydraulic");
     }
     &[data-icon-name="hysteresis"]::before {
-      content: map-get($glyphs, "hysteresis");
+      content: utils.get-icon-glyph("hysteresis");
     }
     &[data-icon-name="identify"]::before {
-      content: map-get($glyphs, "identify");
+      content: utils.get-icon-glyph("identify");
     }
     &[data-icon-name="ifu"]::before {
-      content: map-get($glyphs, "ifu");
+      content: utils.get-icon-glyph("ifu");
     }
     &[data-icon-name="imaging-ang"]::before {
-      content: map-get($glyphs, "imaging-ang");
+      content: utils.get-icon-glyph("imaging-ang");
     }
     &[data-icon-name="imaging-ct"]::before {
-      content: map-get($glyphs, "imaging-ct");
+      content: utils.get-icon-glyph("imaging-ct");
     }
     &[data-icon-name="imaging-mrt"]::before {
-      content: map-get($glyphs, "imaging-mrt");
+      content: utils.get-icon-glyph("imaging-mrt");
     }
     &[data-icon-name="imd"]::before {
-      content: map-get($glyphs, "imd");
+      content: utils.get-icon-glyph("imd");
     }
     &[data-icon-name="import-substance"]::before {
-      content: map-get($glyphs, "import-substance");
+      content: utils.get-icon-glyph("import-substance");
     }
     &[data-icon-name="in-process"]::before {
-      content: map-get($glyphs, "in-process");
+      content: utils.get-icon-glyph("in-process");
     }
     &[data-icon-name="index-card"]::before {
-      content: map-get($glyphs, "index-card");
+      content: utils.get-icon-glyph("index-card");
     }
     &[data-icon-name="inerting"]::before {
-      content: map-get($glyphs, "inerting");
+      content: utils.get-icon-glyph("inerting");
     }
     &[data-icon-name="inflate-breathing-bag"]::before {
-      content: map-get($glyphs, "inflate-breathing-bag");
+      content: utils.get-icon-glyph("inflate-breathing-bag");
     }
     &[data-icon-name="inhibit"]::before {
-      content: map-get($glyphs, "inhibit");
+      content: utils.get-icon-glyph("inhibit");
     }
     &[data-icon-name="insert"]::before {
-      content: map-get($glyphs, "insert");
+      content: utils.get-icon-glyph("insert");
     }
     &[data-icon-name="instrument-error"]::before {
-      content: map-get($glyphs, "instrument-error");
+      content: utils.get-icon-glyph("instrument-error");
     }
     &[data-icon-name="instrument-pump-error"]::before {
-      content: map-get($glyphs, "instrument-pump-error");
+      content: utils.get-icon-glyph("instrument-pump-error");
     }
     &[data-icon-name="instrument-xdock-error"]::before {
-      content: map-get($glyphs, "instrument-xdock-error");
+      content: utils.get-icon-glyph("instrument-xdock-error");
     }
     &[data-icon-name="interface-in-4-20"]::before {
-      content: map-get($glyphs, "interface-in-4-20");
+      content: utils.get-icon-glyph("interface-in-4-20");
     }
     &[data-icon-name="interface-in-bridge"]::before {
-      content: map-get($glyphs, "interface-in-bridge");
+      content: utils.get-icon-glyph("interface-in-bridge");
     }
     &[data-icon-name="interface-in-digital"]::before {
-      content: map-get($glyphs, "interface-in-digital");
+      content: utils.get-icon-glyph("interface-in-digital");
     }
     &[data-icon-name="interface-in-ex"]::before {
-      content: map-get($glyphs, "interface-in-ex");
+      content: utils.get-icon-glyph("interface-in-ex");
     }
     &[data-icon-name="interface-in-foundation-fieldbus"]::before {
-      content: map-get($glyphs, "interface-in-foundation-fieldbus");
+      content: utils.get-icon-glyph("interface-in-foundation-fieldbus");
     }
     &[data-icon-name="interface-in-hart"]::before {
-      content: map-get($glyphs, "interface-in-hart");
+      content: utils.get-icon-glyph("interface-in-hart");
     }
     &[data-icon-name="interface-in-hart-multidrop"]::before {
-      content: map-get($glyphs, "interface-in-hart-multidrop");
+      content: utils.get-icon-glyph("interface-in-hart-multidrop");
     }
     &[data-icon-name="interface-in-modbus"]::before {
-      content: map-get($glyphs, "interface-in-modbus");
+      content: utils.get-icon-glyph("interface-in-modbus");
     }
     &[data-icon-name="interface-in-profibus"]::before {
-      content: map-get($glyphs, "interface-in-profibus");
+      content: utils.get-icon-glyph("interface-in-profibus");
     }
     &[data-icon-name="interface-input"]::before {
-      content: map-get($glyphs, "interface-input");
+      content: utils.get-icon-glyph("interface-input");
     }
     &[data-icon-name="interface-out-4-20"]::before {
-      content: map-get($glyphs, "interface-out-4-20");
+      content: utils.get-icon-glyph("interface-out-4-20");
     }
     &[data-icon-name="interface-out-digital"]::before {
-      content: map-get($glyphs, "interface-out-digital");
+      content: utils.get-icon-glyph("interface-out-digital");
     }
     &[data-icon-name="interface-out-foundation-fieldbus"]::before {
-      content: map-get($glyphs, "interface-out-foundation-fieldbus");
+      content: utils.get-icon-glyph("interface-out-foundation-fieldbus");
     }
     &[data-icon-name="interface-out-list-foundation-fieldbus"]::before {
-      content: map-get($glyphs, "interface-out-list-foundation-fieldbus");
+      content: utils.get-icon-glyph("interface-out-list-foundation-fieldbus");
     }
     &[data-icon-name="interface-out-modbus"]::before {
-      content: map-get($glyphs, "interface-out-modbus");
+      content: utils.get-icon-glyph("interface-out-modbus");
     }
     &[data-icon-name="interface-out-profibus"]::before {
-      content: map-get($glyphs, "interface-out-profibus");
+      content: utils.get-icon-glyph("interface-out-profibus");
     }
     &[data-icon-name="interface-out-relay"]::before {
-      content: map-get($glyphs, "interface-out-relay");
+      content: utils.get-icon-glyph("interface-out-relay");
     }
     &[data-icon-name="interface-output"]::before {
-      content: map-get($glyphs, "interface-output");
+      content: utils.get-icon-glyph("interface-output");
     }
     &[data-icon-name="interface-slotcover"]::before {
-      content: map-get($glyphs, "interface-slotcover");
+      content: utils.get-icon-glyph("interface-slotcover");
     }
     &[data-icon-name="interface-unknown"]::before {
-      content: map-get($glyphs, "interface-unknown");
+      content: utils.get-icon-glyph("interface-unknown");
     }
     &[data-icon-name="interlock"]::before {
-      content: map-get($glyphs, "interlock");
+      content: utils.get-icon-glyph("interlock");
     }
     &[data-icon-name="interlock-calibration"]::before {
-      content: map-get($glyphs, "interlock-calibration");
+      content: utils.get-icon-glyph("interlock-calibration");
     }
     &[data-icon-name="interlock-installation"]::before {
-      content: map-get($glyphs, "interlock-installation");
+      content: utils.get-icon-glyph("interlock-installation");
     }
     &[data-icon-name="interlock-removal"]::before {
-      content: map-get($glyphs, "interlock-removal");
+      content: utils.get-icon-glyph("interlock-removal");
     }
     &[data-icon-name="interlock-reset"]::before {
-      content: map-get($glyphs, "interlock-reset");
+      content: utils.get-icon-glyph("interlock-reset");
     }
     &[data-icon-name="interlock-swap"]::before {
-      content: map-get($glyphs, "interlock-swap");
+      content: utils.get-icon-glyph("interlock-swap");
     }
     &[data-icon-name="ir"]::before {
-      content: map-get($glyphs, "ir");
+      content: utils.get-icon-glyph("ir");
     }
     &[data-icon-name="job-approve"]::before {
-      content: map-get($glyphs, "job-approve");
+      content: utils.get-icon-glyph("job-approve");
     }
     &[data-icon-name="job-history"]::before {
-      content: map-get($glyphs, "job-history");
+      content: utils.get-icon-glyph("job-history");
     }
     &[data-icon-name="job-list"]::before {
-      content: map-get($glyphs, "job-list");
+      content: utils.get-icon-glyph("job-list");
     }
     &[data-icon-name="job-new"]::before {
-      content: map-get($glyphs, "job-new");
+      content: utils.get-icon-glyph("job-new");
     }
     &[data-icon-name="job-pool"]::before {
-      content: map-get($glyphs, "job-pool");
+      content: utils.get-icon-glyph("job-pool");
     }
     &[data-icon-name="job-proceed"]::before {
-      content: map-get($glyphs, "job-proceed");
+      content: utils.get-icon-glyph("job-proceed");
     }
     &[data-icon-name="job-user"]::before {
-      content: map-get($glyphs, "job-user");
+      content: utils.get-icon-glyph("job-user");
     }
     &[data-icon-name="keyboard"]::before {
-      content: map-get($glyphs, "keyboard");
+      content: utils.get-icon-glyph("keyboard");
     }
     &[data-icon-name="keyboard-capslock"]::before {
-      content: map-get($glyphs, "keyboard-capslock");
+      content: utils.get-icon-glyph("keyboard-capslock");
     }
     &[data-icon-name="keyboard-delete"]::before {
-      content: map-get($glyphs, "keyboard-delete");
+      content: utils.get-icon-glyph("keyboard-delete");
     }
     &[data-icon-name="keyboard-hide"]::before {
-      content: map-get($glyphs, "keyboard-hide");
+      content: utils.get-icon-glyph("keyboard-hide");
     }
     &[data-icon-name="keyboard-shift"]::before {
-      content: map-get($glyphs, "keyboard-shift");
+      content: utils.get-icon-glyph("keyboard-shift");
     }
     &[data-icon-name="laptop"]::before {
-      content: map-get($glyphs, "laptop");
+      content: utils.get-icon-glyph("laptop");
     }
     &[data-icon-name="laundry-dryer"]::before {
-      content: map-get($glyphs, "laundry-dryer");
+      content: utils.get-icon-glyph("laundry-dryer");
     }
     &[data-icon-name="ldba"]::before {
-      content: map-get($glyphs, "ldba");
+      content: utils.get-icon-glyph("ldba");
     }
     &[data-icon-name="leaktest-hp"]::before {
-      content: map-get($glyphs, "leaktest-hp");
+      content: utils.get-icon-glyph("leaktest-hp");
     }
     &[data-icon-name="leaktest-hp-query"]::before {
-      content: map-get($glyphs, "leaktest-hp-query");
+      content: utils.get-icon-glyph("leaktest-hp-query");
     }
     &[data-icon-name="leaktest-lp"]::before {
-      content: map-get($glyphs, "leaktest-lp");
+      content: utils.get-icon-glyph("leaktest-lp");
     }
     &[data-icon-name="leaktest-lp-query"]::before {
-      content: map-get($glyphs, "leaktest-lp-query");
+      content: utils.get-icon-glyph("leaktest-lp-query");
     }
     &[data-icon-name="leaktest-ok"]::before {
-      content: map-get($glyphs, "leaktest-ok");
+      content: utils.get-icon-glyph("leaktest-ok");
     }
     &[data-icon-name="leaktest-ok"]::after {
-      content: map-get($glyphs, "leaktest-ok-part1");
+      content: utils.get-icon-glyph("leaktest-ok-part1");
       color: #7FEE1A;
     }
     &[data-icon-name="leaktest-ok"] span::before {
-      content: map-get($glyphs, "leaktest-ok-part2");
+      content: utils.get-icon-glyph("leaktest-ok-part2");
       color: #000000;
     }
     &[data-icon-name="leaktest-query"]::before {
-      content: map-get($glyphs, "leaktest-query");
+      content: utils.get-icon-glyph("leaktest-query");
     }
     &[data-icon-name="leaktest-timeout"]::before {
-      content: map-get($glyphs, "leaktest-timeout");
+      content: utils.get-icon-glyph("leaktest-timeout");
     }
     &[data-icon-name="leaktest-timeout"]::after {
-      content: map-get($glyphs, "leaktest-timeout-part1");
+      content: utils.get-icon-glyph("leaktest-timeout-part1");
       color: #E6141E;
     }
     &[data-icon-name="leaktest-timeout"] span::before {
-      content: map-get($glyphs, "leaktest-timeout-part2");
+      content: utils.get-icon-glyph("leaktest-timeout-part2");
       color: #FFFFFF;
     }
     &[data-icon-name="leaktest-warning"]::before {
-      content: map-get($glyphs, "leaktest-warning");
+      content: utils.get-icon-glyph("leaktest-warning");
     }
     &[data-icon-name="lifesignal"]::before {
-      content: map-get($glyphs, "lifesignal");
+      content: utils.get-icon-glyph("lifesignal");
     }
     &[data-icon-name="lifesignal-disabled"]::before {
-      content: map-get($glyphs, "lifesignal-disabled");
+      content: utils.get-icon-glyph("lifesignal-disabled");
     }
     &[data-icon-name="lightbulb"]::before {
-      content: map-get($glyphs, "lightbulb");
+      content: utils.get-icon-glyph("lightbulb");
     }
     &[data-icon-name="lightbulb-warning"]::before {
-      content: map-get($glyphs, "lightbulb-warning");
+      content: utils.get-icon-glyph("lightbulb-warning");
     }
     &[data-icon-name="lightbulb-warning"]::after {
-      content: map-get($glyphs, "lightbulb-warning-part1");
+      content: utils.get-icon-glyph("lightbulb-warning-part1");
       color: #FFE600;
     }
     &[data-icon-name="lightbulb-warning"] span::before {
-      content: map-get($glyphs, "lightbulb-warning-part2");
+      content: utils.get-icon-glyph("lightbulb-warning-part2");
       color: #000000;
     }
     &[data-icon-name="line-graph"]::before {
-      content: map-get($glyphs, "line-graph");
+      content: utils.get-icon-glyph("line-graph");
     }
     &[data-icon-name="log-edit"]::before {
-      content: map-get($glyphs, "log-edit");
+      content: utils.get-icon-glyph("log-edit");
     }
     &[data-icon-name="log-service"]::before {
-      content: map-get($glyphs, "log-service");
+      content: utils.get-icon-glyph("log-service");
     }
     &[data-icon-name="log-view"]::before {
-      content: map-get($glyphs, "log-view");
+      content: utils.get-icon-glyph("log-view");
     }
     &[data-icon-name="long-distance-gate-way"]::before {
-      content: map-get($glyphs, "long-distance-gate-way");
+      content: utils.get-icon-glyph("long-distance-gate-way");
     }
     &[data-icon-name="lost-report"]::before {
-      content: map-get($glyphs, "lost-report");
+      content: utils.get-icon-glyph("lost-report");
     }
     &[data-icon-name="low-dosage-rate"]::before {
-      content: map-get($glyphs, "low-dosage-rate");
+      content: utils.get-icon-glyph("low-dosage-rate");
     }
     &[data-icon-name="manual-input"]::before {
-      content: map-get($glyphs, "manual-input");
+      content: utils.get-icon-glyph("manual-input");
     }
     &[data-icon-name="masonry"]::before {
-      content: map-get($glyphs, "masonry");
+      content: utils.get-icon-glyph("masonry");
     }
     &[data-icon-name="measuring"]::before {
-      content: map-get($glyphs, "measuring");
+      content: utils.get-icon-glyph("measuring");
     }
     &[data-icon-name="measuring-1"]::before {
-      content: map-get($glyphs, "measuring-1");
+      content: utils.get-icon-glyph("measuring-1");
     }
     &[data-icon-name="measuring-2"]::before {
-      content: map-get($glyphs, "measuring-2");
+      content: utils.get-icon-glyph("measuring-2");
     }
     &[data-icon-name="measuring-3"]::before {
-      content: map-get($glyphs, "measuring-3");
+      content: utils.get-icon-glyph("measuring-3");
     }
     &[data-icon-name="medical"]::before {
-      content: map-get($glyphs, "medical");
+      content: utils.get-icon-glyph("medical");
     }
     &[data-icon-name="menu"]::before {
-      content: map-get($glyphs, "menu");
+      content: utils.get-icon-glyph("menu");
     }
     &[data-icon-name="menu-favorites"]::before {
-      content: map-get($glyphs, "menu-favorites");
+      content: utils.get-icon-glyph("menu-favorites");
     }
     &[data-icon-name="menu-functions"]::before {
-      content: map-get($glyphs, "menu-functions");
+      content: utils.get-icon-glyph("menu-functions");
     }
     &[data-icon-name="microphone"]::before {
-      content: map-get($glyphs, "microphone");
+      content: utils.get-icon-glyph("microphone");
     }
     &[data-icon-name="mimic"]::before {
-      content: map-get($glyphs, "mimic");
+      content: utils.get-icon-glyph("mimic");
     }
     &[data-icon-name="miniwarn"]::before {
-      content: map-get($glyphs, "miniwarn");
+      content: utils.get-icon-glyph("miniwarn");
     }
     &[data-icon-name="minus"]::before {
-      content: map-get($glyphs, "minus");
+      content: utils.get-icon-glyph("minus");
     }
     &[data-icon-name="mobile-device"]::before {
-      content: map-get($glyphs, "mobile-device");
+      content: utils.get-icon-glyph("mobile-device");
     }
     &[data-icon-name="mobile-device-connected"]::before {
-      content: map-get($glyphs, "mobile-device-connected");
+      content: utils.get-icon-glyph("mobile-device-connected");
     }
     &[data-icon-name="mobile-device-error"]::before {
-      content: map-get($glyphs, "mobile-device-error");
+      content: utils.get-icon-glyph("mobile-device-error");
     }
     &[data-icon-name="mobile-device-error"]::after {
-      content: map-get($glyphs, "mobile-device-error-part1");
+      content: utils.get-icon-glyph("mobile-device-error-part1");
       color: #E6141E;
     }
     &[data-icon-name="mobile-device-error"] span::before {
-      content: map-get($glyphs, "mobile-device-error-part2");
+      content: utils.get-icon-glyph("mobile-device-error-part2");
       color: #FFFFFF;
     }
     &[data-icon-name="module"]::before {
-      content: map-get($glyphs, "module");
+      content: utils.get-icon-glyph("module");
     }
     &[data-icon-name="monitoring"]::before {
-      content: map-get($glyphs, "monitoring");
+      content: utils.get-icon-glyph("monitoring");
     }
     &[data-icon-name="monitoring-1"]::before {
-      content: map-get($glyphs, "monitoring-1");
+      content: utils.get-icon-glyph("monitoring-1");
     }
     &[data-icon-name="monitoring-2"]::before {
-      content: map-get($glyphs, "monitoring-2");
+      content: utils.get-icon-glyph("monitoring-2");
     }
     &[data-icon-name="monitoring-3"]::before {
-      content: map-get($glyphs, "monitoring-3");
+      content: utils.get-icon-glyph("monitoring-3");
     }
     &[data-icon-name="motion-sensing"]::before {
-      content: map-get($glyphs, "motion-sensing");
+      content: utils.get-icon-glyph("motion-sensing");
     }
     &[data-icon-name="motion-sensing-disabled"]::before {
-      content: map-get($glyphs, "motion-sensing-disabled");
+      content: utils.get-icon-glyph("motion-sensing-disabled");
     }
     &[data-icon-name="motion-sensing-disabled"]::after {
-      content: map-get($glyphs, "motion-sensing-disabled-part1");
+      content: utils.get-icon-glyph("motion-sensing-disabled-part1");
       color: #E6141E;
     }
     &[data-icon-name="motion-sensing-disabled"] span::before {
-      content: map-get($glyphs, "motion-sensing-disabled-part2");
+      content: utils.get-icon-glyph("motion-sensing-disabled-part2");
       color: #FFFFFF;
     }
     &[data-icon-name="motion-sensing-enabled"]::before {
-      content: map-get($glyphs, "motion-sensing-enabled");
+      content: utils.get-icon-glyph("motion-sensing-enabled");
     }
     &[data-icon-name="motion-sensing-enabled"]::after {
-      content: map-get($glyphs, "motion-sensing-enabled-part1");
+      content: utils.get-icon-glyph("motion-sensing-enabled-part1");
       color: #7FEE1A;
     }
     &[data-icon-name="motion-sensing-enabled"] span::before {
-      content: map-get($glyphs, "motion-sensing-enabled-part2");
+      content: utils.get-icon-glyph("motion-sensing-enabled-part2");
       color: #000000;
     }
     &[data-icon-name="move-screen"]::before {
-      content: map-get($glyphs, "move-screen");
+      content: utils.get-icon-glyph("move-screen");
     }
     &[data-icon-name="multigas"]::before {
-      content: map-get($glyphs, "multigas");
+      content: utils.get-icon-glyph("multigas");
     }
     &[data-icon-name="multigas-cse"]::before {
-      content: map-get($glyphs, "multigas-cse");
+      content: utils.get-icon-glyph("multigas-cse");
     }
     &[data-icon-name="multiwarn-2"]::before {
-      content: map-get($glyphs, "multiwarn-2");
+      content: utils.get-icon-glyph("multiwarn-2");
     }
     &[data-icon-name="navigation-logfile-management"]::before {
-      content: map-get($glyphs, "navigation-logfile-management");
+      content: utils.get-icon-glyph("navigation-logfile-management");
     }
     &[data-icon-name="network"]::before {
-      content: map-get($glyphs, "network");
+      content: utils.get-icon-glyph("network");
     }
     &[data-icon-name="network-upload"]::before {
-      content: map-get($glyphs, "network-upload");
+      content: utils.get-icon-glyph("network-upload");
     }
     &[data-icon-name="number-1"]::after {
-      content: map-get($glyphs, "number-1-part1");
+      content: utils.get-icon-glyph("number-1-part1");
     }
     &[data-icon-name="number-100"]::after {
-      content: map-get($glyphs, "number-100-part1");
+      content: utils.get-icon-glyph("number-100-part1");
     }
     &[data-icon-name="observation"]::before {
-      content: map-get($glyphs, "observation");
+      content: utils.get-icon-glyph("observation");
     }
     &[data-icon-name="observation-fire"]::before {
-      content: map-get($glyphs, "observation-fire");
+      content: utils.get-icon-glyph("observation-fire");
     }
     &[data-icon-name="offline-mode"]::before {
-      content: map-get($glyphs, "offline-mode");
+      content: utils.get-icon-glyph("offline-mode");
     }
     &[data-icon-name="ok-repeat"]::before {
-      content: map-get($glyphs, "ok-repeat");
+      content: utils.get-icon-glyph("ok-repeat");
     }
     &[data-icon-name="ok-to-all"]::before {
-      content: map-get($glyphs, "ok-to-all");
+      content: utils.get-icon-glyph("ok-to-all");
     }
     &[data-icon-name="ok-to-all"]::after {
-      content: map-get($glyphs, "ok-to-all-part1");
+      content: utils.get-icon-glyph("ok-to-all-part1");
       color: #7FEE1A;
     }
     &[data-icon-name="online-manuals"]::before {
-      content: map-get($glyphs, "online-manuals");
+      content: utils.get-icon-glyph("online-manuals");
     }
     &[data-icon-name="online-mode"]::before {
-      content: map-get($glyphs, "online-mode");
+      content: utils.get-icon-glyph("online-mode");
     }
     &[data-icon-name="online-mode"]::after {
-      content: map-get($glyphs, "online-mode-part1");
+      content: utils.get-icon-glyph("online-mode-part1");
       color: #7FEE1A;
     }
     &[data-icon-name="online-mode"] span::before {
-      content: map-get($glyphs, "online-mode-part2");
+      content: utils.get-icon-glyph("online-mode-part2");
       color: #000000;
     }
     &[data-icon-name="open"]::before {
-      content: map-get($glyphs, "open");
+      content: utils.get-icon-glyph("open");
     }
     &[data-icon-name="open-vent"]::after {
-      content: map-get($glyphs, "open-vent-part1");
+      content: utils.get-icon-glyph("open-vent-part1");
       color: #0074FF;
     }
     &[data-icon-name="operation"]::before {
-      content: map-get($glyphs, "operation");
+      content: utils.get-icon-glyph("operation");
     }
     &[data-icon-name="operation-hot"]::before {
-      content: map-get($glyphs, "operation-hot");
+      content: utils.get-icon-glyph("operation-hot");
     }
     &[data-icon-name="overrange"]::before {
-      content: map-get($glyphs, "overrange");
+      content: utils.get-icon-glyph("overrange");
     }
     &[data-icon-name="overwrite-replace"]::before {
-      content: map-get($glyphs, "overwrite-replace");
+      content: utils.get-icon-glyph("overwrite-replace");
     }
     &[data-icon-name="p5000"]::before {
-      content: map-get($glyphs, "p5000");
+      content: utils.get-icon-glyph("p5000");
     }
     &[data-icon-name="p8000"]::before {
-      content: map-get($glyphs, "p8000");
+      content: utils.get-icon-glyph("p8000");
     }
     &[data-icon-name="pac-1000-7000"]::before {
-      content: map-get($glyphs, "pac-1000-7000");
+      content: utils.get-icon-glyph("pac-1000-7000");
     }
     &[data-icon-name="pac-3"]::before {
-      content: map-get($glyphs, "pac-3");
+      content: utils.get-icon-glyph("pac-3");
     }
     &[data-icon-name="pac-ex-2"] span::before {
-      content: map-get($glyphs, "pac-ex-2-part2");
+      content: utils.get-icon-glyph("pac-ex-2-part2");
     }
     &[data-icon-name="package"]::before {
-      content: map-get($glyphs, "package");
+      content: utils.get-icon-glyph("package");
     }
     &[data-icon-name="painting"]::before {
-      content: map-get($glyphs, "painting");
+      content: utils.get-icon-glyph("painting");
     }
     &[data-icon-name="pairing"]::before {
-      content: map-get($glyphs, "pairing");
+      content: utils.get-icon-glyph("pairing");
     }
     &[data-icon-name="partner-care"]::before {
-      content: map-get($glyphs, "partner-care");
+      content: utils.get-icon-glyph("partner-care");
     }
     &[data-icon-name="password"]::before {
-      content: map-get($glyphs, "password");
+      content: utils.get-icon-glyph("password");
     }
     &[data-icon-name="password-change"]::before {
-      content: map-get($glyphs, "password-change");
+      content: utils.get-icon-glyph("password-change");
     }
     &[data-icon-name="pc"]::before {
-      content: map-get($glyphs, "pc");
+      content: utils.get-icon-glyph("pc");
     }
     &[data-icon-name="pc-connection"]::before {
-      content: map-get($glyphs, "pc-connection");
+      content: utils.get-icon-glyph("pc-connection");
     }
     &[data-icon-name="pc-link-connected"]::before {
-      content: map-get($glyphs, "pc-link-connected");
+      content: utils.get-icon-glyph("pc-link-connected");
     }
     &[data-icon-name="pc-link-connected"]::after {
-      content: map-get($glyphs, "pc-link-connected-part1");
+      content: utils.get-icon-glyph("pc-link-connected-part1");
       color: #7FEE1A;
     }
     &[data-icon-name="pc-link-connected"] span::before {
-      content: map-get($glyphs, "pc-link-connected-part2");
+      content: utils.get-icon-glyph("pc-link-connected-part2");
       color: #000000;
     }
     &[data-icon-name="pc-link-error"]::before {
-      content: map-get($glyphs, "pc-link-error");
+      content: utils.get-icon-glyph("pc-link-error");
     }
     &[data-icon-name="pc-link-error"]::after {
-      content: map-get($glyphs, "pc-link-error-part1");
+      content: utils.get-icon-glyph("pc-link-error-part1");
       color: #E6141E;
     }
     &[data-icon-name="pc-link-error"] span::before {
-      content: map-get($glyphs, "pc-link-error-part2");
+      content: utils.get-icon-glyph("pc-link-error-part2");
       color: #FFFFFF;
     }
     &[data-icon-name="pc-link-preparing"]::before {
-      content: map-get($glyphs, "pc-link-preparing");
+      content: utils.get-icon-glyph("pc-link-preparing");
     }
     &[data-icon-name="pc-link-query"]::before {
-      content: map-get($glyphs, "pc-link-query");
+      content: utils.get-icon-glyph("pc-link-query");
     }
     &[data-icon-name="person-confirm"]::before {
-      content: map-get($glyphs, "person-confirm");
+      content: utils.get-icon-glyph("person-confirm");
     }
     &[data-icon-name="person-confirm"]::after {
-      content: map-get($glyphs, "person-confirm-part1");
+      content: utils.get-icon-glyph("person-confirm-part1");
       color: #7FEE1A;
     }
     &[data-icon-name="person-confirm"] span::before {
-      content: map-get($glyphs, "person-confirm-part2");
+      content: utils.get-icon-glyph("person-confirm-part2");
       color: #000000;
     }
     &[data-icon-name="person-crawling"]::before {
-      content: map-get($glyphs, "person-crawling");
+      content: utils.get-icon-glyph("person-crawling");
     }
     &[data-icon-name="person-query"]::before {
-      content: map-get($glyphs, "person-query");
+      content: utils.get-icon-glyph("person-query");
     }
     &[data-icon-name="person-standing"]::before {
-      content: map-get($glyphs, "person-standing");
+      content: utils.get-icon-glyph("person-standing");
     }
     &[data-icon-name="person-walking"]::before {
-      content: map-get($glyphs, "person-walking");
+      content: utils.get-icon-glyph("person-walking");
     }
     &[data-icon-name="pie-chart"]::before {
-      content: map-get($glyphs, "pie-chart");
+      content: utils.get-icon-glyph("pie-chart");
     }
     &[data-icon-name="pincode"]::before {
-      content: map-get($glyphs, "pincode");
+      content: utils.get-icon-glyph("pincode");
     }
     &[data-icon-name="pir-7000"]::before {
-      content: map-get($glyphs, "pir-7000");
+      content: utils.get-icon-glyph("pir-7000");
     }
     &[data-icon-name="plus"]::before {
-      content: map-get($glyphs, "plus");
+      content: utils.get-icon-glyph("plus");
     }
     &[data-icon-name="pneumatic"]::before {
-      content: map-get($glyphs, "pneumatic");
+      content: utils.get-icon-glyph("pneumatic");
     }
     &[data-icon-name="polytron-7000"]::before {
-      content: map-get($glyphs, "polytron-7000");
+      content: utils.get-icon-glyph("polytron-7000");
     }
     &[data-icon-name="position"]::before {
-      content: map-get($glyphs, "position");
+      content: utils.get-icon-glyph("position");
     }
     &[data-icon-name="position-disabled"]::before {
-      content: map-get($glyphs, "position-disabled");
+      content: utils.get-icon-glyph("position-disabled");
     }
     &[data-icon-name="position-searching"]::before {
-      content: map-get($glyphs, "position-searching");
+      content: utils.get-icon-glyph("position-searching");
     }
     &[data-icon-name="power-guard"]::before {
-      content: map-get($glyphs, "power-guard");
+      content: utils.get-icon-glyph("power-guard");
     }
     &[data-icon-name="power-supply"]::before {
-      content: map-get($glyphs, "power-supply");
+      content: utils.get-icon-glyph("power-supply");
     }
     &[data-icon-name="power-supply-restricted"]::before {
-      content: map-get($glyphs, "power-supply-restricted");
+      content: utils.get-icon-glyph("power-supply-restricted");
     }
     &[data-icon-name="power-supply-restricted"]::after {
-      content: map-get($glyphs, "power-supply-restricted-part1");
+      content: utils.get-icon-glyph("power-supply-restricted-part1");
       color: #FFE600;
     }
     &[data-icon-name="power-supply-restricted"] span::before {
-      content: map-get($glyphs, "power-supply-restricted-part2");
+      content: utils.get-icon-glyph("power-supply-restricted-part2");
       color: #000000;
     }
     &[data-icon-name="powerplant"]::before {
-      content: map-get($glyphs, "powerplant");
+      content: utils.get-icon-glyph("powerplant");
     }
     &[data-icon-name="practice"]::before {
-      content: map-get($glyphs, "practice");
+      content: utils.get-icon-glyph("practice");
     }
     &[data-icon-name="practice-hot"]::before {
-      content: map-get($glyphs, "practice-hot");
+      content: utils.get-icon-glyph("practice-hot");
     }
     &[data-icon-name="prepressure-high"]::before {
-      content: map-get($glyphs, "prepressure-high");
+      content: utils.get-icon-glyph("prepressure-high");
     }
     &[data-icon-name="prepressure-high"]::after {
-      content: map-get($glyphs, "prepressure-high-part1");
+      content: utils.get-icon-glyph("prepressure-high-part1");
       color: #E6141E;
     }
     &[data-icon-name="prepressure-low"]::before {
-      content: map-get($glyphs, "prepressure-low");
+      content: utils.get-icon-glyph("prepressure-low");
     }
     &[data-icon-name="prepressure-low"]::after {
-      content: map-get($glyphs, "prepressure-low-part1");
+      content: utils.get-icon-glyph("prepressure-low-part1");
       color: #E6141E;
     }
     &[data-icon-name="prepressure-ok"]::before {
-      content: map-get($glyphs, "prepressure-ok");
+      content: utils.get-icon-glyph("prepressure-ok");
       color: #7FEE1A;
     }
     &[data-icon-name="prepressure-ok"]::after {
-      content: map-get($glyphs, "prepressure-ok-part1");
+      content: utils.get-icon-glyph("prepressure-ok-part1");
     }
     &[data-icon-name="prepressure-pending"]::before {
-      content: map-get($glyphs, "prepressure-pending");
+      content: utils.get-icon-glyph("prepressure-pending");
     }
     &[data-icon-name="pressure-relief"]::before {
-      content: map-get($glyphs, "pressure-relief");
+      content: utils.get-icon-glyph("pressure-relief");
     }
     &[data-icon-name="process"]::before {
-      content: map-get($glyphs, "process");
+      content: utils.get-icon-glyph("process");
     }
     &[data-icon-name="product-finder"]::before {
-      content: map-get($glyphs, "product-finder");
+      content: utils.get-icon-glyph("product-finder");
     }
     &[data-icon-name="production"]::before {
-      content: map-get($glyphs, "production");
+      content: utils.get-icon-glyph("production");
     }
     &[data-icon-name="progress"]::before {
-      content: map-get($glyphs, "progress");
+      content: utils.get-icon-glyph("progress");
     }
     &[data-icon-name="progress-circle"]::before {
-      content: map-get($glyphs, "progress-circle");
+      content: utils.get-icon-glyph("progress-circle");
     }
     &[data-icon-name="progress-circle"]::after {
-      content: map-get($glyphs, "progress-circle-part1");
+      content: utils.get-icon-glyph("progress-circle-part1");
       color: #0074FF;
     }
     &[data-icon-name="pulsar"]::before {
-      content: map-get($glyphs, "pulsar");
+      content: utils.get-icon-glyph("pulsar");
     }
     &[data-icon-name="pump"]::before {
-      content: map-get($glyphs, "pump");
+      content: utils.get-icon-glyph("pump");
     }
     &[data-icon-name="pump-100-percent"]::before {
-      content: map-get($glyphs, "pump-100-percent");
+      content: utils.get-icon-glyph("pump-100-percent");
     }
     &[data-icon-name="pump-25-percent"]::before {
-      content: map-get($glyphs, "pump-25-percent");
+      content: utils.get-icon-glyph("pump-25-percent");
     }
     &[data-icon-name="pump-50-percent"]::before {
-      content: map-get($glyphs, "pump-50-percent");
+      content: utils.get-icon-glyph("pump-50-percent");
     }
     &[data-icon-name="pump-75-percent"]::before {
-      content: map-get($glyphs, "pump-75-percent");
+      content: utils.get-icon-glyph("pump-75-percent");
     }
     &[data-icon-name="pump-adapter-magnetic"]::before {
-      content: map-get($glyphs, "pump-adapter-magnetic");
+      content: utils.get-icon-glyph("pump-adapter-magnetic");
     }
     &[data-icon-name="pump-low"]::before {
-      content: map-get($glyphs, "pump-low");
+      content: utils.get-icon-glyph("pump-low");
     }
     &[data-icon-name="rack"]::before {
-      content: map-get($glyphs, "rack");
+      content: utils.get-icon-glyph("rack");
     }
     &[data-icon-name="rack-mobile"]::before {
-      content: map-get($glyphs, "rack-mobile");
+      content: utils.get-icon-glyph("rack-mobile");
     }
     &[data-icon-name="radiation-protection-device"]::before {
-      content: map-get($glyphs, "radiation-protection-device");
+      content: utils.get-icon-glyph("radiation-protection-device");
     }
     &[data-icon-name="radiocircuit"]::before {
-      content: map-get($glyphs, "radiocircuit");
+      content: utils.get-icon-glyph("radiocircuit");
     }
     &[data-icon-name="rebuild"]::before {
-      content: map-get($glyphs, "rebuild");
+      content: utils.get-icon-glyph("rebuild");
     }
     &[data-icon-name="recycling"]::before {
-      content: map-get($glyphs, "recycling");
+      content: utils.get-icon-glyph("recycling");
     }
     &[data-icon-name="regard-1000"]::after {
-      content: map-get($glyphs, "regard-1000-part1");
+      content: utils.get-icon-glyph("regard-1000-part1");
     }
     &[data-icon-name="regard-3000"] span::after {
-      content: map-get($glyphs, "regard-3000-part3");
+      content: utils.get-icon-glyph("regard-3000-part3");
     }
     &[data-icon-name="relay-switch-closed"]::before {
-      content: map-get($glyphs, "relay-switch-closed");
+      content: utils.get-icon-glyph("relay-switch-closed");
     }
     &[data-icon-name="relay-switch-open"]::before {
-      content: map-get($glyphs, "relay-switch-open");
+      content: utils.get-icon-glyph("relay-switch-open");
     }
     &[data-icon-name="relocate"]::before {
-      content: map-get($glyphs, "relocate");
+      content: utils.get-icon-glyph("relocate");
     }
     &[data-icon-name="remote"]::before {
-      content: map-get($glyphs, "remote");
+      content: utils.get-icon-glyph("remote");
     }
     &[data-icon-name="remote-transmission"]::before {
-      content: map-get($glyphs, "remote-transmission");
+      content: utils.get-icon-glyph("remote-transmission");
     }
     &[data-icon-name="reorganisation"]::before {
-      content: map-get($glyphs, "reorganisation");
+      content: utils.get-icon-glyph("reorganisation");
     }
     &[data-icon-name="reset"]::before {
-      content: map-get($glyphs, "reset");
+      content: utils.get-icon-glyph("reset");
     }
     &[data-icon-name="resources"]::before {
-      content: map-get($glyphs, "resources");
+      content: utils.get-icon-glyph("resources");
     }
     &[data-icon-name="rfid"]::before {
-      content: map-get($glyphs, "rfid");
+      content: utils.get-icon-glyph("rfid");
     }
     &[data-icon-name="rise-time-error"]::before {
-      content: map-get($glyphs, "rise-time-error");
+      content: utils.get-icon-glyph("rise-time-error");
     }
     &[data-icon-name="roofing"]::before {
-      content: map-get($glyphs, "roofing");
+      content: utils.get-icon-glyph("roofing");
     }
     &[data-icon-name="rope"]::before {
-      content: map-get($glyphs, "rope");
+      content: utils.get-icon-glyph("rope");
     }
     &[data-icon-name="saddle-roof"]::before {
-      content: map-get($glyphs, "saddle-roof");
+      content: utils.get-icon-glyph("saddle-roof");
     }
     &[data-icon-name="safer"]::before {
-      content: map-get($glyphs, "safer");
+      content: utils.get-icon-glyph("safer");
     }
     &[data-icon-name="saw"]::before {
-      content: map-get($glyphs, "saw");
+      content: utils.get-icon-glyph("saw");
     }
     &[data-icon-name="scba"]::before {
-      content: map-get($glyphs, "scba");
+      content: utils.get-icon-glyph("scba");
     }
     &[data-icon-name="scroll-grip"]::before {
-      content: map-get($glyphs, "scroll-grip");
+      content: utils.get-icon-glyph("scroll-grip");
     }
     &[data-icon-name="scroll-page-down"]::before {
-      content: map-get($glyphs, "scroll-page-down");
+      content: utils.get-icon-glyph("scroll-page-down");
     }
     &[data-icon-name="scroll-page-up"]::before {
-      content: map-get($glyphs, "scroll-page-up");
+      content: utils.get-icon-glyph("scroll-page-up");
     }
     &[data-icon-name="scsr"]::before {
-      content: map-get($glyphs, "scsr");
+      content: utils.get-icon-glyph("scsr");
     }
     &[data-icon-name="sensor-100-percent"]::after {
-      content: map-get($glyphs, "sensor-100-percent-part1");
+      content: utils.get-icon-glyph("sensor-100-percent-part1");
     }
     &[data-icon-name="sensor-25-percent"] span::before {
-      content: map-get($glyphs, "sensor-25-percent-part2");
+      content: utils.get-icon-glyph("sensor-25-percent-part2");
     }
     &[data-icon-name="sensor-50-percent"]::before {
-      content: map-get($glyphs, "sensor-50-percent-part5");
+      content: utils.get-icon-glyph("sensor-50-percent-part5");
     }
     &[data-icon-name="sensor-75-percent"]::before {
-      content: map-get($glyphs, "sensor-75-percent-part7");
+      content: utils.get-icon-glyph("sensor-75-percent-part7");
     }
     &[data-icon-name="sensor-catex"]::before {
-      content: map-get($glyphs, "sensor-catex");
+      content: utils.get-icon-glyph("sensor-catex");
     }
     &[data-icon-name="sensor-disabled"]::before {
-      content: map-get($glyphs, "sensor-disabled");
+      content: utils.get-icon-glyph("sensor-disabled");
     }
     &[data-icon-name="sensor-ec"]::before {
-      content: map-get($glyphs, "sensor-ec");
+      content: utils.get-icon-glyph("sensor-ec");
     }
     &[data-icon-name="sensor-error"]::before {
-      content: map-get($glyphs, "sensor-error");
+      content: utils.get-icon-glyph("sensor-error");
     }
     &[data-icon-name="sensor-error"]::after {
-      content: map-get($glyphs, "sensor-error-part1");
+      content: utils.get-icon-glyph("sensor-error-part1");
       color: #E6141E;
     }
     &[data-icon-name="sensor-error"] span::before {
-      content: map-get($glyphs, "sensor-error-part2");
+      content: utils.get-icon-glyph("sensor-error-part2");
       color: #FFFFFF;
     }
     &[data-icon-name="sensor-information"]::before {
-      content: map-get($glyphs, "sensor-information");
+      content: utils.get-icon-glyph("sensor-information");
     }
     &[data-icon-name="sensor-ir"]::before {
-      content: map-get($glyphs, "sensor-ir");
+      content: utils.get-icon-glyph("sensor-ir");
     }
     &[data-icon-name="sensor-low"]::before {
-      content: map-get($glyphs, "sensor-low");
+      content: utils.get-icon-glyph("sensor-low");
     }
     &[data-icon-name="sensor-overheat"]::before {
-      content: map-get($glyphs, "sensor-overheat");
+      content: utils.get-icon-glyph("sensor-overheat");
     }
     &[data-icon-name="sensor-pid"]::before {
-      content: map-get($glyphs, "sensor-pid");
+      content: utils.get-icon-glyph("sensor-pid");
     }
     &[data-icon-name="sensor-warning"]::before {
-      content: map-get($glyphs, "sensor-warning");
+      content: utils.get-icon-glyph("sensor-warning");
     }
     &[data-icon-name="sensor-warning"]::after {
-      content: map-get($glyphs, "sensor-warning-part1");
+      content: utils.get-icon-glyph("sensor-warning-part1");
       color: #FFE600;
     }
     &[data-icon-name="sensor-warning"] span::before {
-      content: map-get($glyphs, "sensor-warning-part2");
+      content: utils.get-icon-glyph("sensor-warning-part2");
       color: #000000;
     }
     &[data-icon-name="sensors"]::before {
-      content: map-get($glyphs, "sensors");
+      content: utils.get-icon-glyph("sensors");
     }
     &[data-icon-name="signal"]::before {
-      content: map-get($glyphs, "signal");
+      content: utils.get-icon-glyph("signal");
     }
     &[data-icon-name="signal-0-percent"]::before {
-      content: map-get($glyphs, "signal-0-percent");
+      content: utils.get-icon-glyph("signal-0-percent");
     }
     &[data-icon-name="signal-100-percent"]::after {
-      content: map-get($glyphs, "signal-100-percent-part1");
+      content: utils.get-icon-glyph("signal-100-percent-part1");
     }
     &[data-icon-name="signal-25-percent"] span::before {
-      content: map-get($glyphs, "signal-25-percent-part2");
+      content: utils.get-icon-glyph("signal-25-percent-part2");
     }
     &[data-icon-name="signal-50-percent"]::before {
-      content: map-get($glyphs, "signal-50-percent-part5");
+      content: utils.get-icon-glyph("signal-50-percent-part5");
     }
     &[data-icon-name="signal-75-percent"]::before {
-      content: map-get($glyphs, "signal-75-percent-part7");
+      content: utils.get-icon-glyph("signal-75-percent-part7");
     }
     &[data-icon-name="simulation"]::before {
-      content: map-get($glyphs, "simulation");
+      content: utils.get-icon-glyph("simulation");
     }
     &[data-icon-name="sketch"]::before {
-      content: map-get($glyphs, "sketch");
+      content: utils.get-icon-glyph("sketch");
     }
     &[data-icon-name="sos"]::before {
-      content: map-get($glyphs, "sos");
+      content: utils.get-icon-glyph("sos");
     }
     &[data-icon-name="sos-no-telemetry"]::before {
-      content: map-get($glyphs, "sos-no-telemetry");
+      content: utils.get-icon-glyph("sos-no-telemetry");
     }
     &[data-icon-name="spare-parts"]::before {
-      content: map-get($glyphs, "spare-parts");
+      content: utils.get-icon-glyph("spare-parts");
     }
     &[data-icon-name="speed"]::before {
-      content: map-get($glyphs, "speed");
+      content: utils.get-icon-glyph("speed");
     }
     &[data-icon-name="sprinkler"]::before {
-      content: map-get($glyphs, "sprinkler");
+      content: utils.get-icon-glyph("sprinkler");
     }
     &[data-icon-name="start-flush"]::before {
-      content: map-get($glyphs, "start-flush");
+      content: utils.get-icon-glyph("start-flush");
     }
     &[data-icon-name="storage-box"]::before {
-      content: map-get($glyphs, "storage-box");
+      content: utils.get-icon-glyph("storage-box");
     }
     &[data-icon-name="substance"]::before {
-      content: map-get($glyphs, "substance");
+      content: utils.get-icon-glyph("substance");
     }
     &[data-icon-name="substances"]::before {
-      content: map-get($glyphs, "substances");
+      content: utils.get-icon-glyph("substances");
     }
     &[data-icon-name="suffocation-a1"]::before {
-      content: map-get($glyphs, "suffocation-a1");
+      content: utils.get-icon-glyph("suffocation-a1");
     }
     &[data-icon-name="suffocation-a1"]::after {
-      content: map-get($glyphs, "suffocation-a1-part1");
+      content: utils.get-icon-glyph("suffocation-a1-part1");
       color: #FFE600;
     }
     &[data-icon-name="suffocation-a1"] span::before {
-      content: map-get($glyphs, "suffocation-a1-part2");
+      content: utils.get-icon-glyph("suffocation-a1-part2");
       color: #000000;
     }
     &[data-icon-name="suffocation-a2"]::before {
-      content: map-get($glyphs, "suffocation-a2");
+      content: utils.get-icon-glyph("suffocation-a2");
     }
     &[data-icon-name="suffocation-a2"]::after {
-      content: map-get($glyphs, "suffocation-a2-part1");
+      content: utils.get-icon-glyph("suffocation-a2-part1");
       color: #FFE600;
     }
     &[data-icon-name="suffocation-a2"] span::before {
-      content: map-get($glyphs, "suffocation-a2-part2");
+      content: utils.get-icon-glyph("suffocation-a2-part2");
       color: #000000;
     }
     &[data-icon-name="suffocation-stel"]::before {
-      content: map-get($glyphs, "suffocation-stel");
+      content: utils.get-icon-glyph("suffocation-stel");
     }
     &[data-icon-name="suffocation-stel"]::after {
-      content: map-get($glyphs, "suffocation-stel-part1");
+      content: utils.get-icon-glyph("suffocation-stel-part1");
       color: #FFE600;
     }
     &[data-icon-name="suffocation-stel"] span::before {
-      content: map-get($glyphs, "suffocation-stel-part2");
+      content: utils.get-icon-glyph("suffocation-stel-part2");
       color: #000000;
     }
     &[data-icon-name="suffocation-twa"]::before {
-      content: map-get($glyphs, "suffocation-twa");
+      content: utils.get-icon-glyph("suffocation-twa");
     }
     &[data-icon-name="suffocation-twa"]::after {
-      content: map-get($glyphs, "suffocation-twa-part1");
+      content: utils.get-icon-glyph("suffocation-twa-part1");
       color: #FFE600;
     }
     &[data-icon-name="suffocation-twa"] span::before {
-      content: map-get($glyphs, "suffocation-twa-part2");
+      content: utils.get-icon-glyph("suffocation-twa-part2");
       color: #000000;
     }
     &[data-icon-name="suffocation"]::before {
-      content: map-get($glyphs, "suffocation");
+      content: utils.get-icon-glyph("suffocation");
       color: #FFE600;
     }
     &[data-icon-name="suffocation"]::after {
-      content: map-get($glyphs, "suffocation-part1");
+      content: utils.get-icon-glyph("suffocation-part1");
       color: #000000;
     }
     &[data-icon-name="system"]::before {
-      content: map-get($glyphs, "system");
+      content: utils.get-icon-glyph("system");
     }
     &[data-icon-name="system-storage-error"]::before {
-      content: map-get($glyphs, "system-storage-error");
+      content: utils.get-icon-glyph("system-storage-error");
     }
     &[data-icon-name="system-storage-error"]::after {
-      content: map-get($glyphs, "system-storage-error-part1");
+      content: utils.get-icon-glyph("system-storage-error-part1");
       color: #E6141E;
     }
     &[data-icon-name="system-storage-error"] span::before {
-      content: map-get($glyphs, "system-storage-error-part2");
+      content: utils.get-icon-glyph("system-storage-error-part2");
       color: #FFFFFF;
     }
     &[data-icon-name="system-storage-warning"]::before {
-      content: map-get($glyphs, "system-storage-warning");
+      content: utils.get-icon-glyph("system-storage-warning");
     }
     &[data-icon-name="system-storage-warning"]::after {
-      content: map-get($glyphs, "system-storage-warning-part1");
+      content: utils.get-icon-glyph("system-storage-warning-part1");
       color: #FFE600;
     }
     &[data-icon-name="system-storage-warning"] span::before {
-      content: map-get($glyphs, "system-storage-warning-part2");
+      content: utils.get-icon-glyph("system-storage-warning-part2");
       color: #000000;
     }
     &[data-icon-name="table"]::before {
-      content: map-get($glyphs, "table");
+      content: utils.get-icon-glyph("table");
     }
     &[data-icon-name="tablet"]::before {
-      content: map-get($glyphs, "tablet");
+      content: utils.get-icon-glyph("tablet");
     }
     &[data-icon-name="tag-barcode"]::before {
-      content: map-get($glyphs, "tag-barcode");
+      content: utils.get-icon-glyph("tag-barcode");
     }
     &[data-icon-name="telemetry"]::before {
-      content: map-get($glyphs, "telemetry");
+      content: utils.get-icon-glyph("telemetry");
     }
     &[data-icon-name="telemetry-active"]::before {
-      content: map-get($glyphs, "telemetry-active");
+      content: utils.get-icon-glyph("telemetry-active");
     }
     &[data-icon-name="telemetry-active"]::after {
-      content: map-get($glyphs, "telemetry-active-part1");
+      content: utils.get-icon-glyph("telemetry-active-part1");
       color: #7FEE1A;
     }
     &[data-icon-name="telemetry-active"] span::before {
-      content: map-get($glyphs, "telemetry-active-part2");
+      content: utils.get-icon-glyph("telemetry-active-part2");
       color: #000000;
     }
     &[data-icon-name="telemetry-disabled"]::before {
-      content: map-get($glyphs, "telemetry-disabled");
+      content: utils.get-icon-glyph("telemetry-disabled");
     }
     &[data-icon-name="telemetry-error"]::before {
-      content: map-get($glyphs, "telemetry-error");
+      content: utils.get-icon-glyph("telemetry-error");
     }
     &[data-icon-name="telemetry-error"]::after {
-      content: map-get($glyphs, "telemetry-error-part1");
+      content: utils.get-icon-glyph("telemetry-error-part1");
       color: #E6141E;
     }
     &[data-icon-name="telemetry-error"] span::before {
-      content: map-get($glyphs, "telemetry-error-part2");
+      content: utils.get-icon-glyph("telemetry-error-part2");
       color: #FFFFFF;
     }
     &[data-icon-name="telemetry-search"]::before {
-      content: map-get($glyphs, "telemetry-search");
+      content: utils.get-icon-glyph("telemetry-search");
     }
     &[data-icon-name="telemetry-warning"]::before {
-      content: map-get($glyphs, "telemetry-warning");
+      content: utils.get-icon-glyph("telemetry-warning");
     }
     &[data-icon-name="telemetry-warning"]::after {
-      content: map-get($glyphs, "telemetry-warning-part1");
+      content: utils.get-icon-glyph("telemetry-warning-part1");
       color: #FFE600;
     }
     &[data-icon-name="telemetry-warning"] span::before {
-      content: map-get($glyphs, "telemetry-warning-part2");
+      content: utils.get-icon-glyph("telemetry-warning-part2");
       color: #000000;
     }
     &[data-icon-name="temperature-error"]::before {
-      content: map-get($glyphs, "temperature-error");
+      content: utils.get-icon-glyph("temperature-error");
     }
     &[data-icon-name="temperature-high"]::before {
-      content: map-get($glyphs, "temperature-high");
+      content: utils.get-icon-glyph("temperature-high");
     }
     &[data-icon-name="temperature-low"]::before {
-      content: map-get($glyphs, "temperature-low");
+      content: utils.get-icon-glyph("temperature-low");
     }
     &[data-icon-name="temperature-warning"]::before {
-      content: map-get($glyphs, "temperature-warning");
+      content: utils.get-icon-glyph("temperature-warning");
     }
     &[data-icon-name="test"]::before {
-      content: map-get($glyphs, "test");
+      content: utils.get-icon-glyph("test");
     }
     &[data-icon-name="test-edit"]::before {
-      content: map-get($glyphs, "test-edit");
+      content: utils.get-icon-glyph("test-edit");
     }
     &[data-icon-name="test-eq"]::before {
-      content: map-get($glyphs, "test-eq");
+      content: utils.get-icon-glyph("test-eq");
     }
     &[data-icon-name="test-eq-connection"]::before {
-      content: map-get($glyphs, "test-eq-connection");
+      content: utils.get-icon-glyph("test-eq-connection");
     }
     &[data-icon-name="test-error"]::before {
-      content: map-get($glyphs, "test-error");
+      content: utils.get-icon-glyph("test-error");
     }
     &[data-icon-name="test-error"]::after {
-      content: map-get($glyphs, "test-error-part1");
+      content: utils.get-icon-glyph("test-error-part1");
       color: #E6141E;
     }
     &[data-icon-name="test-error"] span::before {
-      content: map-get($glyphs, "test-error-part2");
+      content: utils.get-icon-glyph("test-error-part2");
       color: #FFFFFF;
     }
     &[data-icon-name="test-note"]::before {
-      content: map-get($glyphs, "test-note");
+      content: utils.get-icon-glyph("test-note");
     }
     &[data-icon-name="test-results"]::before {
-      content: map-get($glyphs, "test-results");
+      content: utils.get-icon-glyph("test-results");
     }
     &[data-icon-name="testing"]::before {
-      content: map-get($glyphs, "testing");
+      content: utils.get-icon-glyph("testing");
     }
     &[data-icon-name="theme-switch"]::before {
-      content: map-get($glyphs, "theme-switch");
+      content: utils.get-icon-glyph("theme-switch");
     }
     &[data-icon-name="thermal-alarm"]::before {
-      content: map-get($glyphs, "thermal-alarm");
+      content: utils.get-icon-glyph("thermal-alarm");
     }
     &[data-icon-name="thermal-alarm"]::after {
-      content: map-get($glyphs, "thermal-alarm-part1");
+      content: utils.get-icon-glyph("thermal-alarm-part1");
       color: #FFE600;
     }
     &[data-icon-name="thermal-alarm"] span::before {
-      content: map-get($glyphs, "thermal-alarm-part2");
+      content: utils.get-icon-glyph("thermal-alarm-part2");
       color: #000000;
     }
     &[data-icon-name="tic"]::before {
-      content: map-get($glyphs, "tic");
+      content: utils.get-icon-glyph("tic");
     }
     &[data-icon-name="tic-connection-rejected"]::before {
-      content: map-get($glyphs, "tic-connection-rejected");
+      content: utils.get-icon-glyph("tic-connection-rejected");
     }
     &[data-icon-name="tic-connection-rejected"]::after {
-      content: map-get($glyphs, "tic-connection-rejected-part1");
+      content: utils.get-icon-glyph("tic-connection-rejected-part1");
       color: #E6141E;
     }
     &[data-icon-name="tic-connection-rejected"] span::before {
-      content: map-get($glyphs, "tic-connection-rejected-part2");
+      content: utils.get-icon-glyph("tic-connection-rejected-part2");
       color: #FFFFFF;
     }
     &[data-icon-name="tic-connection-success"]::before {
-      content: map-get($glyphs, "tic-connection-success");
+      content: utils.get-icon-glyph("tic-connection-success");
     }
     &[data-icon-name="tic-connection-success"]::after {
-      content: map-get($glyphs, "tic-connection-success-part1");
+      content: utils.get-icon-glyph("tic-connection-success-part1");
       color: #7FEE1A;
     }
     &[data-icon-name="tic-connection-success"] span::before {
-      content: map-get($glyphs, "tic-connection-success-part2");
+      content: utils.get-icon-glyph("tic-connection-success-part2");
       color: #000000;
     }
     &[data-icon-name="tic-failed"]::before {
-      content: map-get($glyphs, "tic-failed");
+      content: utils.get-icon-glyph("tic-failed");
     }
     &[data-icon-name="tic-pairing-failed"]::before {
-      content: map-get($glyphs, "tic-pairing-failed");
+      content: utils.get-icon-glyph("tic-pairing-failed");
     }
     &[data-icon-name="tic-pairing-failed"]::after {
-      content: map-get($glyphs, "tic-pairing-failed-part1");
+      content: utils.get-icon-glyph("tic-pairing-failed-part1");
       color: #E6141E;
     }
     &[data-icon-name="tic-pairing-failed"] span::before {
-      content: map-get($glyphs, "tic-pairing-failed-part2");
+      content: utils.get-icon-glyph("tic-pairing-failed-part2");
       color: #FFFFFF;
     }
     &[data-icon-name="tic-successful"]::before {
-      content: map-get($glyphs, "tic-successful");
+      content: utils.get-icon-glyph("tic-successful");
     }
     &[data-icon-name="time-compress"]::before {
-      content: map-get($glyphs, "time-compress");
+      content: utils.get-icon-glyph("time-compress");
     }
     &[data-icon-name="time-stretch"]::before {
-      content: map-get($glyphs, "time-stretch");
+      content: utils.get-icon-glyph("time-stretch");
     }
     &[data-icon-name="time-window"]::before {
-      content: map-get($glyphs, "time-window");
+      content: utils.get-icon-glyph("time-window");
     }
     &[data-icon-name="timeline-view"]::before {
-      content: map-get($glyphs, "timeline-view");
+      content: utils.get-icon-glyph("timeline-view");
     }
     &[data-icon-name="timer"]::before {
-      content: map-get($glyphs, "timer");
+      content: utils.get-icon-glyph("timer");
     }
     &[data-icon-name="timer-elapsed"]::before {
-      content: map-get($glyphs, "timer-elapsed");
+      content: utils.get-icon-glyph("timer-elapsed");
     }
     &[data-icon-name="timer-start"]::before {
-      content: map-get($glyphs, "timer-start");
+      content: utils.get-icon-glyph("timer-start");
     }
     &[data-icon-name="top-level"]::before {
-      content: map-get($glyphs, "top-level");
+      content: utils.get-icon-glyph("top-level");
     }
     &[data-icon-name="topology"]::before {
-      content: map-get($glyphs, "topology");
+      content: utils.get-icon-glyph("topology");
     }
     &[data-icon-name="total-care"]::before {
-      content: map-get($glyphs, "total-care");
+      content: utils.get-icon-glyph("total-care");
     }
     &[data-icon-name="toxic-a1"]::before {
-      content: map-get($glyphs, "toxic-a1");
+      content: utils.get-icon-glyph("toxic-a1");
     }
     &[data-icon-name="toxic-a1"]::after {
-      content: map-get($glyphs, "toxic-a1-part1");
+      content: utils.get-icon-glyph("toxic-a1-part1");
       color: #FFE600;
     }
     &[data-icon-name="toxic-a1"] span::before {
-      content: map-get($glyphs, "toxic-a1-part2");
+      content: utils.get-icon-glyph("toxic-a1-part2");
       color: #000000;
     }
     &[data-icon-name="toxic-a2"]::before {
-      content: map-get($glyphs, "toxic-a2");
+      content: utils.get-icon-glyph("toxic-a2");
     }
     &[data-icon-name="toxic-a2"]::after {
-      content: map-get($glyphs, "toxic-a2-part1");
+      content: utils.get-icon-glyph("toxic-a2-part1");
       color: #FFE600;
     }
     &[data-icon-name="toxic-a2"] span::before {
-      content: map-get($glyphs, "toxic-a2-part2");
+      content: utils.get-icon-glyph("toxic-a2-part2");
       color: #000000;
     }
     &[data-icon-name="toxic-stel"]::before {
-      content: map-get($glyphs, "toxic-stel");
+      content: utils.get-icon-glyph("toxic-stel");
     }
     &[data-icon-name="toxic-stel"]::after {
-      content: map-get($glyphs, "toxic-stel-part1");
+      content: utils.get-icon-glyph("toxic-stel-part1");
       color: #FFE600;
     }
     &[data-icon-name="toxic-stel"] span::before {
-      content: map-get($glyphs, "toxic-stel-part2");
+      content: utils.get-icon-glyph("toxic-stel-part2");
       color: #000000;
     }
     &[data-icon-name="toxic-twa"]::before {
-      content: map-get($glyphs, "toxic-twa");
+      content: utils.get-icon-glyph("toxic-twa");
     }
     &[data-icon-name="toxic-twa"]::after {
-      content: map-get($glyphs, "toxic-twa-part1");
+      content: utils.get-icon-glyph("toxic-twa-part1");
       color: #FFE600;
     }
     &[data-icon-name="toxic-twa"] span::before {
-      content: map-get($glyphs, "toxic-twa-part2");
+      content: utils.get-icon-glyph("toxic-twa-part2");
       color: #000000;
     }
     &[data-icon-name="toxic"]::before {
-      content: map-get($glyphs, "toxic");
+      content: utils.get-icon-glyph("toxic");
       color: #FFE600;
     }
     &[data-icon-name="toxic"]::after {
-      content: map-get($glyphs, "toxic-part1");
+      content: utils.get-icon-glyph("toxic-part1");
       color: #000000;
     }
     &[data-icon-name="trailer"]::before {
-      content: map-get($glyphs, "trailer");
+      content: utils.get-icon-glyph("trailer");
     }
     &[data-icon-name="truck"]::before {
-      content: map-get($glyphs, "truck");
+      content: utils.get-icon-glyph("truck");
     }
     &[data-icon-name="tube"]::before {
-      content: map-get($glyphs, "tube");
+      content: utils.get-icon-glyph("tube");
     }
     &[data-icon-name="tube-off"]::before {
-      content: map-get($glyphs, "tube-off");
+      content: utils.get-icon-glyph("tube-off");
     }
     &[data-icon-name="tube-on"]::before {
-      content: map-get($glyphs, "tube-on");
+      content: utils.get-icon-glyph("tube-on");
     }
     &[data-icon-name="ucf-6000-9000"]::before {
-      content: map-get($glyphs, "ucf-6000-9000");
+      content: utils.get-icon-glyph("ucf-6000-9000");
     }
     &[data-icon-name="underrange"]::before {
-      content: map-get($glyphs, "underrange");
+      content: utils.get-icon-glyph("underrange");
     }
     &[data-icon-name="underrange-error"]::before {
-      content: map-get($glyphs, "underrange-error");
+      content: utils.get-icon-glyph("underrange-error");
     }
     &[data-icon-name="underrange-warning"]::before {
-      content: map-get($glyphs, "underrange-warning");
+      content: utils.get-icon-glyph("underrange-warning");
     }
     &[data-icon-name="vario-guard-control-center"]::before {
-      content: map-get($glyphs, "vario-guard-control-center");
+      content: utils.get-icon-glyph("vario-guard-control-center");
     }
     &[data-icon-name="vario-guard-sensor"]::before {
-      content: map-get($glyphs, "vario-guard-sensor");
+      content: utils.get-icon-glyph("vario-guard-sensor");
     }
     &[data-icon-name="various-graphs"]::before {
-      content: map-get($glyphs, "various-graphs");
+      content: utils.get-icon-glyph("various-graphs");
     }
     &[data-icon-name="vehicle-accident"]::before {
-      content: map-get($glyphs, "vehicle-accident");
+      content: utils.get-icon-glyph("vehicle-accident");
     }
     &[data-icon-name="vent-close"]::before {
-      content: map-get($glyphs, "vent-close");
+      content: utils.get-icon-glyph("vent-close");
     }
     &[data-icon-name="vent-close"]::after {
-      content: map-get($glyphs, "vent-close-part1");
+      content: utils.get-icon-glyph("vent-close-part1");
     }
     &[data-icon-name="vent-open"]::before {
-      content: map-get($glyphs, "vent-open");
+      content: utils.get-icon-glyph("vent-open");
     }
     &[data-icon-name="volume-1"]::after {
-      content: map-get($glyphs, "volume-1-part1");
+      content: utils.get-icon-glyph("volume-1-part1");
     }
     &[data-icon-name="volume-2"] span::before {
-      content: map-get($glyphs, "volume-2-part2");
+      content: utils.get-icon-glyph("volume-2-part2");
     }
     &[data-icon-name="volume-max"]::before {
-      content: map-get($glyphs, "volume-max");
+      content: utils.get-icon-glyph("volume-max");
     }
     &[data-icon-name="volume-min"]::before {
-      content: map-get($glyphs, "volume-min");
+      content: utils.get-icon-glyph("volume-min");
     }
     &[data-icon-name="volume-mute"]::before {
-      content: map-get($glyphs, "volume-mute");
+      content: utils.get-icon-glyph("volume-mute");
     }
     &[data-icon-name="volume-query"]::before {
-      content: map-get($glyphs, "volume-query");
+      content: utils.get-icon-glyph("volume-query");
     }
     &[data-icon-name="volume-reduction"]::before {
-      content: map-get($glyphs, "volume-reduction");
+      content: utils.get-icon-glyph("volume-reduction");
     }
     &[data-icon-name="warm-up-time"]::before {
-      content: map-get($glyphs, "warm-up-time");
+      content: utils.get-icon-glyph("warm-up-time");
     }
     &[data-icon-name="warning"]::before {
-      content: map-get($glyphs, "warning");
+      content: utils.get-icon-glyph("warning");
       color: #FFE600;
     }
     &[data-icon-name="warning"]::after {
-      content: map-get($glyphs, "warning-part1");
+      content: utils.get-icon-glyph("warning-part1");
       color: #000000;
     }
     &[data-icon-name="washing-machine"]::before {
-      content: map-get($glyphs, "washing-machine");
+      content: utils.get-icon-glyph("washing-machine");
     }
     &[data-icon-name="water"]::before {
-      content: map-get($glyphs, "water");
+      content: utils.get-icon-glyph("water");
     }
     &[data-icon-name="wifi-100-percent"]::before {
-      content: map-get($glyphs, "wifi-100-percent");
+      content: utils.get-icon-glyph("wifi-100-percent");
     }
     &[data-icon-name="wifi-25-percent"]::before {
-      content: map-get($glyphs, "wifi-25-percent");
+      content: utils.get-icon-glyph("wifi-25-percent");
     }
     &[data-icon-name="wifi-50-percent"]::before {
-      content: map-get($glyphs, "wifi-50-percent");
+      content: utils.get-icon-glyph("wifi-50-percent");
     }
     &[data-icon-name="wifi-75-percent"]::before {
-      content: map-get($glyphs, "wifi-75-percent");
+      content: utils.get-icon-glyph("wifi-75-percent");
     }
     &[data-icon-name="wifi-disabled"]::before {
-      content: map-get($glyphs, "wifi-disabled");
+      content: utils.get-icon-glyph("wifi-disabled");
     }
     &[data-icon-name="wifi-disabled-circle"]::before {
-      content: map-get($glyphs, "wifi-disabled-circle");
+      content: utils.get-icon-glyph("wifi-disabled-circle");
     }
     &[data-icon-name="wizard"]::before {
-      content: map-get($glyphs, "wizard");
+      content: utils.get-icon-glyph("wizard");
     }
     &[data-icon-name="workshop"]::before {
-      content: map-get($glyphs, "workshop");
+      content: utils.get-icon-glyph("workshop");
     }
     &[data-icon-name="xact-5000"]::before {
-      content: map-get($glyphs, "xact-5000");
+      content: utils.get-icon-glyph("xact-5000");
     }
     &[data-icon-name="xact-7000"]::before {
-      content: map-get($glyphs, "xact-7000");
+      content: utils.get-icon-glyph("xact-7000");
     }
     &[data-icon-name="xam-2000"]::before {
-      content: map-get($glyphs, "xam-2000");
+      content: utils.get-icon-glyph("xam-2000");
     }
     &[data-icon-name="xam-2500"]::before {
-      content: map-get($glyphs, "xam-2500");
+      content: utils.get-icon-glyph("xam-2500");
     }
     &[data-icon-name="xam-3000"]::before {
-      content: map-get($glyphs, "xam-3000");
+      content: utils.get-icon-glyph("xam-3000");
     }
     &[data-icon-name="xam-5000"]::before {
-      content: map-get($glyphs, "xam-5000");
+      content: utils.get-icon-glyph("xam-5000");
     }
     &[data-icon-name="xam-7000"]::before {
-      content: map-get($glyphs, "xam-7000");
+      content: utils.get-icon-glyph("xam-7000");
     }
     &[data-icon-name="xam-8000"]::before {
-      content: map-get($glyphs, "xam-8000");
+      content: utils.get-icon-glyph("xam-8000");
     }
     &[data-icon-name="xdock"]::before {
-      content: map-get($glyphs, "xdock");
+      content: utils.get-icon-glyph("xdock");
     }
     &[data-icon-name="xpid-9000"]::before {
-      content: map-get($glyphs, "xpid-9000");
+      content: utils.get-icon-glyph("xpid-9000");
     }
     &[data-icon-name="xplore"]::before {
-      content: map-get($glyphs, "xplore");
+      content: utils.get-icon-glyph("xplore");
     }
     &[data-icon-name="xplore-1300"]::after {
-      content: map-get($glyphs, "xplore-1300-part1");
+      content: utils.get-icon-glyph("xplore-1300-part1");
     }
     &[data-icon-name="xplore-1700"]::after {
-      content: map-get($glyphs, "xplore-1700-part1");
+      content: utils.get-icon-glyph("xplore-1700-part1");
     }
     &[data-icon-name="xplore-1900"]::after {
-      content: map-get($glyphs, "xplore-1900-part1");
+      content: utils.get-icon-glyph("xplore-1900-part1");
     }
     &[data-icon-name="xplore-3500"] span::after {
-      content: map-get($glyphs, "xplore-3500-part3");
+      content: utils.get-icon-glyph("xplore-3500-part3");
     }
     &[data-icon-name="xplore-5500"]::before {
-      content: map-get($glyphs, "xplore-5500-part5");
+      content: utils.get-icon-glyph("xplore-5500-part5");
     }
     &[data-icon-name="xplore-6300"]::before {
-      content: map-get($glyphs, "xplore-6300-part6");
+      content: utils.get-icon-glyph("xplore-6300-part6");
     }
     &[data-icon-name="xplore-8000"]::before {
-      content: map-get($glyphs, "xplore-8000-part8");
+      content: utils.get-icon-glyph("xplore-8000-part8");
     }
     &[data-icon-name="xplore-8000-headpiece"]::before {
-      content: map-get($glyphs, "xplore-8000-headpiece-part8");
+      content: utils.get-icon-glyph("xplore-8000-headpiece-part8");
     }
     &[data-icon-name="xplore-8000-system"]::before {
-      content: map-get($glyphs, "xplore-8000-system-part8");
+      content: utils.get-icon-glyph("xplore-8000-system-part8");
     }
     &[data-icon-name="xzone-5000"]::before {
-      content: map-get($glyphs, "xzone-5000");
+      content: utils.get-icon-glyph("xzone-5000");
     }
     &[data-icon-name="zoom-document-size"]::before {
-      content: map-get($glyphs, "zoom-document-size");
+      content: utils.get-icon-glyph("zoom-document-size");
     }
     &[data-icon-name="zoom-document-width"]::before {
-      content: map-get($glyphs, "zoom-document-width");
+      content: utils.get-icon-glyph("zoom-document-width");
     }
 }