@odx/icons 1.1.0 → 1.2.0

package/safety/font.scss

@@ -45,7 +45,4429 @@
   speak: none;
 }
 
-[data-icon-name="placeholder"]::before {
-  content: map-get($glyphs, "placeholder");
+[data-icon-name="absorber-absent"]::before {
+  content: map-get($glyphs, "absorber-absent");
+}
+
+[data-icon-name="absorber-absent"]::after {
+  content: map-get($glyphs, "absorber-absent-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="absorber-absent"] span::before {
+  content: map-get($glyphs, "absorber-absent-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="absorber-add"]::before {
+  content: map-get($glyphs, "absorber-add");
+}
+
+[data-icon-name="absorber-ok"]::before {
+  content: map-get($glyphs, "absorber-ok");
+}
+
+[data-icon-name="absorber-ok"]::after {
+  content: map-get($glyphs, "absorber-ok-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="absorber-ok"] span::before {
+  content: map-get($glyphs, "absorber-ok-part2");
+  color: #000000;
+}
+
+[data-icon-name="absorber-query"]::before {
+  content: map-get($glyphs, "absorber-query");
+}
+
+[data-icon-name="absorber-warning"]::before {
+  content: map-get($glyphs, "absorber-warning");
+}
+
+[data-icon-name="absorber-warning"]::after {
+  content: map-get($glyphs, "absorber-warning-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="absorber-warning"] span::before {
+  content: map-get($glyphs, "absorber-warning-part2");
+  color: #000000;
+}
+
+[data-icon-name="accessories"]::before {
+  content: map-get($glyphs, "accessories");
+}
+
+[data-icon-name="acknowledge"]::before {
+  content: map-get($glyphs, "acknowledge");
+}
+
+[data-icon-name="acknowledge-all"]::before {
+  content: map-get($glyphs, "acknowledge-all");
+}
+
+[data-icon-name="acknowledge-all"]::after {
+  content: map-get($glyphs, "acknowledge-all-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="acknowledge-all"] span::before {
+  content: map-get($glyphs, "acknowledge-all-part2");
+  color: #000000;
+}
+
+[data-icon-name="add"]::before {
+  content: map-get($glyphs, "add");
+}
+
+[data-icon-name="address"]::before {
+  content: map-get($glyphs, "address");
+}
+
+[data-icon-name="adjust"]::before {
+  content: map-get($glyphs, "adjust");
+}
+
+[data-icon-name="agriculture"]::before {
+  content: map-get($glyphs, "agriculture");
+}
+
+[data-icon-name="alarm"]::before {
+  content: map-get($glyphs, "alarm");
+}
+
+[data-icon-name="alarm-stel"]::before {
+  content: map-get($glyphs, "alarm-stel");
+}
+
+[data-icon-name="alarm-twa"]::before {
+  content: map-get($glyphs, "alarm-twa");
+}
+
+[data-icon-name="alarm1-A1"]::before {
+  content: map-get($glyphs, "alarm1-A1");
+}
+
+[data-icon-name="alarm1-A2"]::before {
+  content: map-get($glyphs, "alarm1-A2");
+}
+
+[data-icon-name="alarm1-A3"]::before {
+  content: map-get($glyphs, "alarm1-A3");
+}
+
+[data-icon-name="alarm1-A4"]::before {
+  content: map-get($glyphs, "alarm1-A4");
+}
+
+[data-icon-name="alarm1-average"]::before {
+  content: map-get($glyphs, "alarm1-average");
+}
+
+[data-icon-name="alarm1-average-A1"]::before {
+  content: map-get($glyphs, "alarm1-average-A1");
+}
+
+[data-icon-name="alarm1-average-A2"]::before {
+  content: map-get($glyphs, "alarm1-average-A2");
+}
+
+[data-icon-name="alarm1-average-A3"]::before {
+  content: map-get($glyphs, "alarm1-average-A3");
+}
+
+[data-icon-name="alarm1-average-A4"]::before {
+  content: map-get($glyphs, "alarm1-average-A4");
+}
+
+[data-icon-name="alarm2"]::before {
+  content: map-get($glyphs, "alarm2");
+}
+
+[data-icon-name="alarm2-A1"]::before {
+  content: map-get($glyphs, "alarm2-A1");
+}
+
+[data-icon-name="alarm2-A2"]::before {
+  content: map-get($glyphs, "alarm2-A2");
+}
+
+[data-icon-name="alarm3-a1"]::before {
+  content: map-get($glyphs, "alarm3-a1");
+  color: #FFFFFF;
+}
+
+[data-icon-name="alarm3-a1"]::after {
+  content: map-get($glyphs, "alarm3-a1-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="alarm3-a2"]::before {
+  content: map-get($glyphs, "alarm3-a2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="alarm3-a2"]::after {
+  content: map-get($glyphs, "alarm3-a2-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="alarm3-protection"]::before {
+  content: map-get($glyphs, "alarm3-protection");
+  color: #FFFFFF;
+}
+
+[data-icon-name="alarm3-protection"]::after {
+  content: map-get($glyphs, "alarm3-protection-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="alarm3-stel"]::before {
+  content: map-get($glyphs, "alarm3-stel");
+  color: #FFFFFF;
+}
+
+[data-icon-name="alarm3-stel"]::after {
+  content: map-get($glyphs, "alarm3-stel-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="alarm3-twa"]::before {
+  content: map-get($glyphs, "alarm3-twa");
+  color: #FFFFFF;
+}
+
+[data-icon-name="alarm3-twa"]::after {
+  content: map-get($glyphs, "alarm3-twa-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="alarmtype"]::before {
+  content: map-get($glyphs, "alarmtype");
+}
+
+[data-icon-name="alarmtype-info"]::before {
+  content: map-get($glyphs, "alarmtype-info");
+}
+
+[data-icon-name="alcotest-3820"]::before {
+  content: map-get($glyphs, "alcotest-3820");
+}
+
+[data-icon-name="alcotest-5820"]::before {
+  content: map-get($glyphs, "alcotest-5820");
+}
+
+[data-icon-name="alcotest-6820"]::before {
+  content: map-get($glyphs, "alcotest-6820");
+}
+
+[data-icon-name="alcotest-7000-funnel"]::before {
+  content: map-get($glyphs, "alcotest-7000-funnel");
+}
+
+[data-icon-name="alcotest-7000-tube"]::before {
+  content: map-get($glyphs, "alcotest-7000-tube");
+}
+
+[data-icon-name="alcotest-7510"]::before {
+  content: map-get($glyphs, "alcotest-7510");
+}
+
+[data-icon-name="align-horizontal"]::before {
+  content: map-get($glyphs, "align-horizontal");
+}
+
+[data-icon-name="align-vertical"]::before {
+  content: map-get($glyphs, "align-vertical");
+}
+
+[data-icon-name="allowlist"]::before {
+  content: map-get($glyphs, "allowlist");
+}
+
+[data-icon-name="allowlist-upload"]::before {
+  content: map-get($glyphs, "allowlist-upload");
+}
+
+[data-icon-name="analysis"]::before {
+  content: map-get($glyphs, "analysis");
+}
+
+[data-icon-name="anglegrinder"]::before {
+  content: map-get($glyphs, "anglegrinder");
+}
+
+[data-icon-name="application-feedback"]::before {
+  content: map-get($glyphs, "application-feedback");
+}
+
+[data-icon-name="arrow-scroll-down"]::before {
+  content: map-get($glyphs, "arrow-scroll-down");
+}
+
+[data-icon-name="arrow-scroll-left"]::before {
+  content: map-get($glyphs, "arrow-scroll-left");
+}
+
+[data-icon-name="arrow-scroll-right"]::before {
+  content: map-get($glyphs, "arrow-scroll-right");
+}
+
+[data-icon-name="arrow-scroll-up"]::before {
+  content: map-get($glyphs, "arrow-scroll-up");
+}
+
+[data-icon-name="arrow1-down"]::before {
+  content: map-get($glyphs, "arrow1-down");
+}
+
+[data-icon-name="arrow1-left"]::before {
+  content: map-get($glyphs, "arrow1-left");
+}
+
+[data-icon-name="arrow1-right"]::before {
+  content: map-get($glyphs, "arrow1-right");
+}
+
+[data-icon-name="arrow1-up"]::before {
+  content: map-get($glyphs, "arrow1-up");
+}
+
+[data-icon-name="arrow2-down"]::before {
+  content: map-get($glyphs, "arrow2-down");
+}
+
+[data-icon-name="arrow2-left"]::before {
+  content: map-get($glyphs, "arrow2-left");
+}
+
+[data-icon-name="arrow2-right"]::before {
+  content: map-get($glyphs, "arrow2-right");
+}
+
+[data-icon-name="arrow2-up"]::before {
+  content: map-get($glyphs, "arrow2-up");
+}
+
+[data-icon-name="arrow3-down"]::before {
+  content: map-get($glyphs, "arrow3-down");
+}
+
+[data-icon-name="arrow3-left"]::before {
+  content: map-get($glyphs, "arrow3-left");
+}
+
+[data-icon-name="arrow3-right"]::before {
+  content: map-get($glyphs, "arrow3-right");
+}
+
+[data-icon-name="arrow3-up"]::before {
+  content: map-get($glyphs, "arrow3-up");
+}
+
+[data-icon-name="articles-incoming"]::before {
+  content: map-get($glyphs, "articles-incoming");
+}
+
+[data-icon-name="articles-issue"]::before {
+  content: map-get($glyphs, "articles-issue");
+}
+
+[data-icon-name="articles-outgoing"]::before {
+  content: map-get($glyphs, "articles-outgoing");
+}
+
+[data-icon-name="articles-return"]::before {
+  content: map-get($glyphs, "articles-return");
+}
+
+[data-icon-name="assemble"]::before {
+  content: map-get($glyphs, "assemble");
+}
+
+[data-icon-name="attachment"]::before {
+  content: map-get($glyphs, "attachment");
+}
+
+[data-icon-name="attachment-disabled"]::before {
+  content: map-get($glyphs, "attachment-disabled");
+}
+
+[data-icon-name="barcode-scan"]::before {
+  content: map-get($glyphs, "barcode-scan");
+}
+
+[data-icon-name="battery-1"]::before {
+  content: map-get($glyphs, "battery-1");
+}
+
+[data-icon-name="battery-100-percent"]::before {
+  content: map-get($glyphs, "battery-100-percent");
+}
+
+[data-icon-name="battery-2"]::before {
+  content: map-get($glyphs, "battery-2");
+}
+
+[data-icon-name="battery-25-percent"]::before {
+  content: map-get($glyphs, "battery-25-percent");
+}
+
+[data-icon-name="battery-3"]::before {
+  content: map-get($glyphs, "battery-3");
+}
+
+[data-icon-name="battery-4"]::before {
+  content: map-get($glyphs, "battery-4");
+}
+
+[data-icon-name="battery-5"]::before {
+  content: map-get($glyphs, "battery-5");
+}
+
+[data-icon-name="battery-50-percent"]::before {
+  content: map-get($glyphs, "battery-50-percent");
+}
+
+[data-icon-name="battery-75-percent"]::before {
+  content: map-get($glyphs, "battery-75-percent");
+}
+
+[data-icon-name="battery-alarm"]::before {
+  content: map-get($glyphs, "battery-alarm");
+}
+
+[data-icon-name="battery-alarm"]::after {
+  content: map-get($glyphs, "battery-alarm-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="battery-alarm"] span::before {
+  content: map-get($glyphs, "battery-alarm-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="battery-charging"]::before {
+  content: map-get($glyphs, "battery-charging");
+}
+
+[data-icon-name="battery-error"]::before {
+  content: map-get($glyphs, "battery-error");
+}
+
+[data-icon-name="battery-error"]::after {
+  content: map-get($glyphs, "battery-error-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="battery-error"] span::before {
+  content: map-get($glyphs, "battery-error-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="battery-low"]::before {
+  content: map-get($glyphs, "battery-low");
+}
+
+[data-icon-name="battery-uncalibrated"]::before {
+  content: map-get($glyphs, "battery-uncalibrated");
+}
+
+[data-icon-name="battery-warning"]::before {
+  content: map-get($glyphs, "battery-warning");
+}
+
+[data-icon-name="battery-warning"]::after {
+  content: map-get($glyphs, "battery-warning-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="battery-warning"] span::before {
+  content: map-get($glyphs, "battery-warning-part2");
+  color: #000000;
+}
+
+[data-icon-name="blocking-alarm"]::before {
+  content: map-get($glyphs, "blocking-alarm");
+}
+
+[data-icon-name="blow"]::before {
+  content: map-get($glyphs, "blow");
+}
+
+[data-icon-name="bluetooth"]::before {
+  content: map-get($glyphs, "bluetooth");
+}
+
+[data-icon-name="bluetooth-pairing"]::before {
+  content: map-get($glyphs, "bluetooth-pairing");
+}
+
+[data-icon-name="bodyguard"]::before {
+  content: map-get($glyphs, "bodyguard");
+}
+
+[data-icon-name="bookmark"]::before {
+  content: map-get($glyphs, "bookmark");
+}
+
+[data-icon-name="boot"]::before {
+  content: map-get($glyphs, "boot");
+}
+
+[data-icon-name="bottle-price"]::before {
+  content: map-get($glyphs, "bottle-price");
+}
+
+[data-icon-name="breathing-apparatus"]::before {
+  content: map-get($glyphs, "breathing-apparatus");
+}
+
+[data-icon-name="brightness-1"]::before {
+  content: map-get($glyphs, "brightness-1");
+}
+
+[data-icon-name="brightness-2"]::before {
+  content: map-get($glyphs, "brightness-2");
+}
+
+[data-icon-name="brightness-3"]::before {
+  content: map-get($glyphs, "brightness-3");
+}
+
+[data-icon-name="brightness-4"]::before {
+  content: map-get($glyphs, "brightness-4");
+}
+
+[data-icon-name="brightness-5"]::before {
+  content: map-get($glyphs, "brightness-5");
+}
+
+[data-icon-name="brightness-auto"]::before {
+  content: map-get($glyphs, "brightness-auto");
+}
+
+[data-icon-name="building"]::before {
+  content: map-get($glyphs, "building");
+}
+
+[data-icon-name="building-basement"]::before {
+  content: map-get($glyphs, "building-basement");
+}
+
+[data-icon-name="building-floors"]::before {
+  content: map-get($glyphs, "building-floors");
+}
+
+[data-icon-name="building-units"]::before {
+  content: map-get($glyphs, "building-units");
+}
+
+[data-icon-name="building-warning"]::before {
+  content: map-get($glyphs, "building-warning");
+}
+
+[data-icon-name="building-warning"]::after {
+  content: map-get($glyphs, "building-warning-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="building-warning"] span::before {
+  content: map-get($glyphs, "building-warning-part2");
+  color: #000000;
+}
+
+[data-icon-name="building-year"]::before {
+  content: map-get($glyphs, "building-year");
+}
+
+[data-icon-name="bumptest"]::before {
+  content: map-get($glyphs, "bumptest");
+}
+
+[data-icon-name="calculator"]::before {
+  content: map-get($glyphs, "calculator");
+}
+
+[data-icon-name="calendar"]::before {
+  content: map-get($glyphs, "calendar");
+}
+
+[data-icon-name="calendar-bumptest"]::before {
+  content: map-get($glyphs, "calendar-bumptest");
+}
+
+[data-icon-name="calendar-bumptest-error"]::before {
+  content: map-get($glyphs, "calendar-bumptest-error");
+}
+
+[data-icon-name="calendar-bumptest-warning"]::before {
+  content: map-get($glyphs, "calendar-bumptest-warning");
+}
+
+[data-icon-name="calendar-calibration"]::before {
+  content: map-get($glyphs, "calendar-calibration");
+}
+
+[data-icon-name="calendar-calibration-error"]::before {
+  content: map-get($glyphs, "calendar-calibration-error");
+}
+
+[data-icon-name="calendar-calibration-warning"]::before {
+  content: map-get($glyphs, "calendar-calibration-warning");
+}
+
+[data-icon-name="calendar-event"]::before {
+  content: map-get($glyphs, "calendar-event");
+}
+
+[data-icon-name="calendar-flag"]::before {
+  content: map-get($glyphs, "calendar-flag");
+}
+
+[data-icon-name="calendar-flag"]::after {
+  content: map-get($glyphs, "calendar-flag-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="calendar-interval"]::before {
+  content: map-get($glyphs, "calendar-interval");
+}
+
+[data-icon-name="calendar-list"]::before {
+  content: map-get($glyphs, "calendar-list");
+}
+
+[data-icon-name="calendar-time"]::before {
+  content: map-get($glyphs, "calendar-time");
+}
+
+[data-icon-name="calendar-user"]::before {
+  content: map-get($glyphs, "calendar-user");
+}
+
+[data-icon-name="calendar-user-error"]::before {
+  content: map-get($glyphs, "calendar-user-error");
+}
+
+[data-icon-name="calendar-user-warning"]::before {
+  content: map-get($glyphs, "calendar-user-warning");
+}
+
+[data-icon-name="calendar-warning"]::before {
+  content: map-get($glyphs, "calendar-warning");
+}
+
+[data-icon-name="calendar-warning"]::after {
+  content: map-get($glyphs, "calendar-warning-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="calendar-warning"] span::before {
+  content: map-get($glyphs, "calendar-warning-part2");
+  color: #000000;
+}
+
+[data-icon-name="calender-day-view"]::before {
+  content: map-get($glyphs, "calender-day-view");
+}
+
+[data-icon-name="calender-week-view"]::before {
+  content: map-get($glyphs, "calender-week-view");
+}
+
+[data-icon-name="calibration"]::before {
+  content: map-get($glyphs, "calibration");
+}
+
+[data-icon-name="calibration-comp"]::before {
+  content: map-get($glyphs, "calibration-comp");
+}
+
+[data-icon-name="calibration-comp-error"]::before {
+  content: map-get($glyphs, "calibration-comp-error");
+}
+
+[data-icon-name="calibration-comp-warning"]::before {
+  content: map-get($glyphs, "calibration-comp-warning");
+}
+
+[data-icon-name="calibration-error"]::before {
+  content: map-get($glyphs, "calibration-error");
+}
+
+[data-icon-name="calibration-warning"]::before {
+  content: map-get($glyphs, "calibration-warning");
+}
+
+[data-icon-name="car"]::before {
+  content: map-get($glyphs, "car");
+}
+
+[data-icon-name="car-accident"]::before {
+  content: map-get($glyphs, "car-accident");
+}
+
+[data-icon-name="car-swap"]::before {
+  content: map-get($glyphs, "car-swap");
+}
+
+[data-icon-name="casting"]::before {
+  content: map-get($glyphs, "casting");
+}
+
+[data-icon-name="catalog"]::before {
+  content: map-get($glyphs, "catalog");
+}
+
+[data-icon-name="certificate"]::before {
+  content: map-get($glyphs, "certificate");
+}
+
+[data-icon-name="certificate-error"]::before {
+  content: map-get($glyphs, "certificate-error");
+}
+
+[data-icon-name="certificate-error"]::after {
+  content: map-get($glyphs, "certificate-error-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="certificate-error"] span::before {
+  content: map-get($glyphs, "certificate-error-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="certificate-upload"]::before {
+  content: map-get($glyphs, "certificate-upload");
+}
+
+[data-icon-name="certificate-valid"]::before {
+  content: map-get($glyphs, "certificate-valid");
+}
+
+[data-icon-name="certificate-valid"]::after {
+  content: map-get($glyphs, "certificate-valid-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="certificate-valid"] span::before {
+  content: map-get($glyphs, "certificate-valid-part2");
+  color: #000000;
+}
+
+[data-icon-name="certificate-warning"]::before {
+  content: map-get($glyphs, "certificate-warning");
+}
+
+[data-icon-name="certificate-warning"]::after {
+  content: map-get($glyphs, "certificate-warning-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="certificate-warning"] span::before {
+  content: map-get($glyphs, "certificate-warning-part2");
+  color: #000000;
+}
+
+[data-icon-name="changelog"]::before {
+  content: map-get($glyphs, "changelog");
+}
+
+[data-icon-name="charging"]::before {
+  content: map-get($glyphs, "charging");
+}
+
+[data-icon-name="charging-disabled"]::before {
+  content: map-get($glyphs, "charging-disabled");
+}
+
+[data-icon-name="checkbox"]::before {
+  content: map-get($glyphs, "checkbox");
+}
+
+[data-icon-name="checkbox-active"]::before {
+  content: map-get($glyphs, "checkbox-active");
+  color: #0074FF;
+}
+
+[data-icon-name="checkbox-active"]::after {
+  content: map-get($glyphs, "checkbox-active-part1");
+  color: #FFFFFF;
+}
+
+[data-icon-name="checkbox-default"]::before {
+  content: map-get($glyphs, "checkbox-default");
+}
+
+[data-icon-name="chemicals"]::before {
+  content: map-get($glyphs, "chemicals");
+}
+
+[data-icon-name="chip-eject"]::before {
+  content: map-get($glyphs, "chip-eject");
+}
+
+[data-icon-name="chip-eject"]::after {
+  content: map-get($glyphs, "chip-eject-part1");
+  color: #0074FF;
+}
+
+[data-icon-name="chip-eject"] span::before {
+  content: map-get($glyphs, "chip-eject-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="chip-insert"]::before {
+  content: map-get($glyphs, "chip-insert");
+}
+
+[data-icon-name="circle"]::before {
+  content: map-get($glyphs, "circle");
+}
+
+[data-icon-name="cleaning"]::before {
+  content: map-get($glyphs, "cleaning");
+}
+
+[data-icon-name="clockwise-90-degree"]::before {
+  content: map-get($glyphs, "clockwise-90-degree");
+}
+
+[data-icon-name="close"]::before {
+  content: map-get($glyphs, "close");
+}
+
+[data-icon-name="close-all"]::before {
+  content: map-get($glyphs, "close-all");
+}
+
+[data-icon-name="close-all"]::after {
+  content: map-get($glyphs, "close-all-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="clothing"]::before {
+  content: map-get($glyphs, "clothing");
+}
+
+[data-icon-name="cloud"]::before {
+  content: map-get($glyphs, "cloud");
+}
+
+[data-icon-name="cloud-upload"]::before {
+  content: map-get($glyphs, "cloud-upload");
+}
+
+[data-icon-name="cold"]::before {
+  content: map-get($glyphs, "cold");
+}
+
+[data-icon-name="collection"]::before {
+  content: map-get($glyphs, "collection");
+}
+
+[data-icon-name="collection-add"]::before {
+  content: map-get($glyphs, "collection-add");
+}
+
+[data-icon-name="collection-remove"]::before {
+  content: map-get($glyphs, "collection-remove");
+}
+
+[data-icon-name="collection-service"]::before {
+  content: map-get($glyphs, "collection-service");
+}
+
+[data-icon-name="collective-edit"]::before {
+  content: map-get($glyphs, "collective-edit");
+}
+
+[data-icon-name="column-double"]::before {
+  content: map-get($glyphs, "column-double");
+}
+
+[data-icon-name="column-multi"]::before {
+  content: map-get($glyphs, "column-multi");
+}
+
+[data-icon-name="column-single"]::before {
+  content: map-get($glyphs, "column-single");
+}
+
+[data-icon-name="comment"]::before {
+  content: map-get($glyphs, "comment");
+}
+
+[data-icon-name="comment-add"]::before {
+  content: map-get($glyphs, "comment-add");
+}
+
+[data-icon-name="comment-disabled"]::before {
+  content: map-get($glyphs, "comment-disabled");
+}
+
+[data-icon-name="communication"]::before {
+  content: map-get($glyphs, "communication");
+}
+
+[data-icon-name="communication-disabled"]::before {
+  content: map-get($glyphs, "communication-disabled");
+}
+
+[data-icon-name="communication-tool"]::before {
+  content: map-get($glyphs, "communication-tool");
+}
+
+[data-icon-name="compare"]::before {
+  content: map-get($glyphs, "compare");
+}
+
+[data-icon-name="comparison"]::before {
+  content: map-get($glyphs, "comparison");
+}
+
+[data-icon-name="complete"]::before {
+  content: map-get($glyphs, "complete");
+}
+
+[data-icon-name="complete"]::after {
+  content: map-get($glyphs, "complete-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="complete"] span::before {
+  content: map-get($glyphs, "complete-part2");
+  color: #000000;
+}
+
+[data-icon-name="complex-system"]::before {
+  content: map-get($glyphs, "complex-system");
+}
+
+[data-icon-name="composition-edit"]::before {
+  content: map-get($glyphs, "composition-edit");
+}
+
+[data-icon-name="concentration"]::before {
+  content: map-get($glyphs, "concentration");
+}
+
+[data-icon-name="configuration"]::before {
+  content: map-get($glyphs, "configuration");
+}
+
+[data-icon-name="configuration-edit"]::before {
+  content: map-get($glyphs, "configuration-edit");
+}
+
+[data-icon-name="configuration-enter"]::before {
+  content: map-get($glyphs, "configuration-enter");
+}
+
+[data-icon-name="configuration-leave"]::before {
+  content: map-get($glyphs, "configuration-leave");
+}
+
+[data-icon-name="configuration-update"]::before {
+  content: map-get($glyphs, "configuration-update");
+}
+
+[data-icon-name="configuration-view"]::before {
+  content: map-get($glyphs, "configuration-view");
+}
+
+[data-icon-name="conhub"]::before {
+  content: map-get($glyphs, "conhub");
+}
+
+[data-icon-name="construction-method"]::before {
+  content: map-get($glyphs, "construction-method");
+}
+
+[data-icon-name="context-menu"]::before {
+  content: map-get($glyphs, "context-menu");
+}
+
+[data-icon-name="controlbox"]::before {
+  content: map-get($glyphs, "controlbox");
+}
+
+[data-icon-name="copy"]::before {
+  content: map-get($glyphs, "copy");
+}
+
+[data-icon-name="cost"]::before {
+  content: map-get($glyphs, "cost");
+}
+
+[data-icon-name="counter"]::before {
+  content: map-get($glyphs, "counter");
+}
+
+[data-icon-name="counterclockwise-90-degree"]::before {
+  content: map-get($glyphs, "counterclockwise-90-degree");
+}
+
+[data-icon-name="cps"]::before {
+  content: map-get($glyphs, "cps");
+}
+
+[data-icon-name="cut"]::before {
+  content: map-get($glyphs, "cut");
+}
+
+[data-icon-name="cylinder"]::before {
+  content: map-get($glyphs, "cylinder");
+}
+
+[data-icon-name="cylinder-change"]::before {
+  content: map-get($glyphs, "cylinder-change");
+}
+
+[data-icon-name="cylinder-charge"]::before {
+  content: map-get($glyphs, "cylinder-charge");
+}
+
+[data-icon-name="cylinder-closed"]::before {
+  content: map-get($glyphs, "cylinder-closed");
+}
+
+[data-icon-name="cylinder-error"]::before {
+  content: map-get($glyphs, "cylinder-error");
+}
+
+[data-icon-name="cylinder-error"]::after {
+  content: map-get($glyphs, "cylinder-error-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="cylinder-error"] span::before {
+  content: map-get($glyphs, "cylinder-error-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="cylinder-o2-alarm"]::before {
+  content: map-get($glyphs, "cylinder-o2-alarm");
+}
+
+[data-icon-name="cylinder-o2-alarm"]::after {
+  content: map-get($glyphs, "cylinder-o2-alarm-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="cylinder-o2-alarm"] span::before {
+  content: map-get($glyphs, "cylinder-o2-alarm-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="cylinder-opened"]::before {
+  content: map-get($glyphs, "cylinder-opened");
+}
+
+[data-icon-name="d"]::before {
+  content: map-get($glyphs, "d");
+}
+
+[data-icon-name="damage"]::before {
+  content: map-get($glyphs, "damage");
+}
+
+[data-icon-name="dangerous-goods"]::before {
+  content: map-get($glyphs, "dangerous-goods");
+}
+
+[data-icon-name="dashboard-close"]::before {
+  content: map-get($glyphs, "dashboard-close");
+}
+
+[data-icon-name="dashboard-open"]::before {
+  content: map-get($glyphs, "dashboard-open");
+}
+
+[data-icon-name="data-send"]::before {
+  content: map-get($glyphs, "data-send");
+}
+
+[data-icon-name="data-set"]::before {
+  content: map-get($glyphs, "data-set");
+}
+
+[data-icon-name="data-snapshot"]::before {
+  content: map-get($glyphs, "data-snapshot");
+}
+
+[data-icon-name="data-transfer-completed"]::before {
+  content: map-get($glyphs, "data-transfer-completed");
+}
+
+[data-icon-name="data-transfer-failed"]::before {
+  content: map-get($glyphs, "data-transfer-failed");
+}
+
+[data-icon-name="database"]::before {
+  content: map-get($glyphs, "database");
+}
+
+[data-icon-name="database-edit"]::before {
+  content: map-get($glyphs, "database-edit");
+}
+
+[data-icon-name="datahub"]::before {
+  content: map-get($glyphs, "datahub");
+}
+
+[data-icon-name="day-mode"]::before {
+  content: map-get($glyphs, "day-mode");
+}
+
+[data-icon-name="deadman"]::before {
+  content: map-get($glyphs, "deadman");
+}
+
+[data-icon-name="delete"]::before {
+  content: map-get($glyphs, "delete");
+}
+
+[data-icon-name="deletion-successful"]::before {
+  content: map-get($glyphs, "deletion-successful");
+}
+
+[data-icon-name="detail-slot"]::before {
+  content: map-get($glyphs, "detail-slot");
+}
+
+[data-icon-name="device"]::before {
+  content: map-get($glyphs, "device");
+}
+
+[data-icon-name="device-ang"]::before {
+  content: map-get($glyphs, "device-ang");
+}
+
+[data-icon-name="device-connection"]::before {
+  content: map-get($glyphs, "device-connection");
+}
+
+[data-icon-name="device-ct"]::before {
+  content: map-get($glyphs, "device-ct");
+}
+
+[data-icon-name="device-inspection"]::before {
+  content: map-get($glyphs, "device-inspection");
+}
+
+[data-icon-name="device-module"]::before {
+  content: map-get($glyphs, "device-module");
+}
+
+[data-icon-name="device-mrt"]::before {
+  content: map-get($glyphs, "device-mrt");
+}
+
+[data-icon-name="device-ok"]::before {
+  content: map-get($glyphs, "device-ok");
+}
+
+[data-icon-name="device-ok"]::after {
+  content: map-get($glyphs, "device-ok-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="device-ok"] span::before {
+  content: map-get($glyphs, "device-ok-part2");
+  color: #000000;
+}
+
+[data-icon-name="device-sono"]::before {
+  content: map-get($glyphs, "device-sono");
+}
+
+[data-icon-name="devices"]::before {
+  content: map-get($glyphs, "devices");
+}
+
+[data-icon-name="devices-management"]::before {
+  content: map-get($glyphs, "devices-management");
+}
+
+[data-icon-name="disabled"]::before {
+  content: map-get($glyphs, "disabled");
+}
+
+[data-icon-name="disassemble"]::before {
+  content: map-get($glyphs, "disassemble");
+}
+
+[data-icon-name="display-1"]::before {
+  content: map-get($glyphs, "display-1");
+}
+
+[data-icon-name="display-2"]::before {
+  content: map-get($glyphs, "display-2");
+}
+
+[data-icon-name="display-3"]::before {
+  content: map-get($glyphs, "display-3");
+}
+
+[data-icon-name="display-4"]::before {
+  content: map-get($glyphs, "display-4");
+}
+
+[data-icon-name="display-5"]::before {
+  content: map-get($glyphs, "display-5");
+}
+
+[data-icon-name="docking-station"]::before {
+  content: map-get($glyphs, "docking-station");
+}
+
+[data-icon-name="docking-station-3"]::before {
+  content: map-get($glyphs, "docking-station-3");
+}
+
+[data-icon-name="docking-station-4"]::before {
+  content: map-get($glyphs, "docking-station-4");
+}
+
+[data-icon-name="docking-station-8"]::before {
+  content: map-get($glyphs, "docking-station-8");
+}
+
+[data-icon-name="document"]::before {
+  content: map-get($glyphs, "document");
+}
+
+[data-icon-name="document-check"]::before {
+  content: map-get($glyphs, "document-check");
+}
+
+[data-icon-name="document-flag"]::before {
+  content: map-get($glyphs, "document-flag");
+}
+
+[data-icon-name="document-flag"]::after {
+  content: map-get($glyphs, "document-flag-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="document-settings"]::before {
+  content: map-get($glyphs, "document-settings");
+}
+
+[data-icon-name="download"]::before {
+  content: map-get($glyphs, "download");
+}
+
+[data-icon-name="duplicate"]::before {
+  content: map-get($glyphs, "duplicate");
+}
+
+[data-icon-name="edit"]::before {
+  content: map-get($glyphs, "edit");
+}
+
+[data-icon-name="emergency-stop"]::before {
+  content: map-get($glyphs, "emergency-stop");
+}
+
+[data-icon-name="equipment-fire"]::before {
+  content: map-get($glyphs, "equipment-fire");
+}
+
+[data-icon-name="erase"]::before {
+  content: map-get($glyphs, "erase");
+}
+
+[data-icon-name="error-extra-information"]::before {
+  content: map-get($glyphs, "error-extra-information");
+  color: #7F8386;
+}
+
+[data-icon-name="error-extra-information"]::after {
+  content: map-get($glyphs, "error-extra-information-part1");
+  color: #FFFFFF;
+}
+
+[data-icon-name="error-extra-information"] span::before {
+  content: map-get($glyphs, "error-extra-information-part2");
+}
+
+[data-icon-name="error-yellow-outline"]::before {
+  content: map-get($glyphs, "error-yellow-outline");
+  color: #FFFFFF;
+}
+
+[data-icon-name="error-yellow-outline"]::after {
+  content: map-get($glyphs, "error-yellow-outline-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="error-yellow-outline"] span::before {
+  content: map-get($glyphs, "error-yellow-outline-part2");
+  color: #000000;
+}
+
+[data-icon-name="error"]::before {
+  content: map-get($glyphs, "error");
+  color: #E6141E;
+}
+
+[data-icon-name="error"]::after {
+  content: map-get($glyphs, "error-part1");
+  color: #FFFFFF;
+}
+
+[data-icon-name="evacuation"]::before {
+  content: map-get($glyphs, "evacuation");
+}
+
+[data-icon-name="evacuation-confirmed"]::before {
+  content: map-get($glyphs, "evacuation-confirmed");
+}
+
+[data-icon-name="evacuation-confirmed"]::after {
+  content: map-get($glyphs, "evacuation-confirmed-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="evacuation-confirmed"] span::before {
+  content: map-get($glyphs, "evacuation-confirmed-part2");
+  color: #000000;
+}
+
+[data-icon-name="evacuation-pending"]::before {
+  content: map-get($glyphs, "evacuation-pending");
+}
+
+[data-icon-name="evacuation-success"]::before {
+  content: map-get($glyphs, "evacuation-success");
+}
+
+[data-icon-name="evacuation-success"]::after {
+  content: map-get($glyphs, "evacuation-success-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="evacuation-success"] span::before {
+  content: map-get($glyphs, "evacuation-success-part2");
+  color: #000000;
+}
+
+[data-icon-name="evacuation-timer"]::before {
+  content: map-get($glyphs, "evacuation-timer");
+}
+
+[data-icon-name="evacuation-warning"]::before {
+  content: map-get($glyphs, "evacuation-warning");
+}
+
+[data-icon-name="evacuation-warning"]::after {
+  content: map-get($glyphs, "evacuation-warning-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="evacuation-warning"] span::before {
+  content: map-get($glyphs, "evacuation-warning-part2");
+  color: #000000;
+}
+
+[data-icon-name="exclamation"]::before {
+  content: map-get($glyphs, "exclamation");
+}
+
+[data-icon-name="exit"]::before {
+  content: map-get($glyphs, "exit");
+}
+
+[data-icon-name="expired-freshair"]::before {
+  content: map-get($glyphs, "expired-freshair");
+}
+
+[data-icon-name="expired"]::before {
+  content: map-get($glyphs, "expired");
+}
+
+[data-icon-name="expired"]::after {
+  content: map-get($glyphs, "expired-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="expired"] span::before {
+  content: map-get($glyphs, "expired-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="expirydate"]::before {
+  content: map-get($glyphs, "expirydate");
+}
+
+[data-icon-name="explosive-a1"]::before {
+  content: map-get($glyphs, "explosive-a1");
+}
+
+[data-icon-name="explosive-a1"]::after {
+  content: map-get($glyphs, "explosive-a1-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="explosive-a1"] span::before {
+  content: map-get($glyphs, "explosive-a1-part2");
+  color: #000000;
+}
+
+[data-icon-name="explosive-a2"]::before {
+  content: map-get($glyphs, "explosive-a2");
+}
+
+[data-icon-name="explosive-a2"]::after {
+  content: map-get($glyphs, "explosive-a2-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="explosive-a2"] span::before {
+  content: map-get($glyphs, "explosive-a2-part2");
+  color: #000000;
+}
+
+[data-icon-name="explosive-stel"]::before {
+  content: map-get($glyphs, "explosive-stel");
+}
+
+[data-icon-name="explosive-stel"]::after {
+  content: map-get($glyphs, "explosive-stel-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="explosive-stel"] span::before {
+  content: map-get($glyphs, "explosive-stel-part2");
+  color: #000000;
+}
+
+[data-icon-name="explosive-twa"]::before {
+  content: map-get($glyphs, "explosive-twa");
+}
+
+[data-icon-name="explosive-twa"]::after {
+  content: map-get($glyphs, "explosive-twa-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="explosive-twa"] span::before {
+  content: map-get($glyphs, "explosive-twa-part2");
+  color: #000000;
+}
+
+[data-icon-name="explosive"]::before {
+  content: map-get($glyphs, "explosive");
+  color: #FFE600;
+}
+
+[data-icon-name="explosive"]::after {
+  content: map-get($glyphs, "explosive-part1");
+  color: #000000;
+}
+
+[data-icon-name="export"]::before {
+  content: map-get($glyphs, "export");
+}
+
+[data-icon-name="export-to-excel"]::before {
+  content: map-get($glyphs, "export-to-excel");
+}
+
+[data-icon-name="extended-care"]::before {
+  content: map-get($glyphs, "extended-care");
+}
+
+[data-icon-name="extinguisher"]::before {
+  content: map-get($glyphs, "extinguisher");
+}
+
+[data-icon-name="faucet"]::before {
+  content: map-get($glyphs, "faucet");
+}
+
+[data-icon-name="fault-finding"]::before {
+  content: map-get($glyphs, "fault-finding");
+}
+
+[data-icon-name="favorite"]::before {
+  content: map-get($glyphs, "favorite");
+}
+
+[data-icon-name="favorite-default"]::before {
+  content: map-get($glyphs, "favorite-default");
+}
+
+[data-icon-name="fax"]::before {
+  content: map-get($glyphs, "fax");
+}
+
+[data-icon-name="feedback-negative"]::before {
+  content: map-get($glyphs, "feedback-negative");
+}
+
+[data-icon-name="feedback-positive-extra-information"]::before {
+  content: map-get($glyphs, "feedback-positive-extra-information");
+  color: #7FEE1A;
+}
+
+[data-icon-name="feedback-positive-extra-information"]::after {
+  content: map-get($glyphs, "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");
+}
+
+[data-icon-name="feedback-positive-tamper-yellow"]::before {
+  content: map-get($glyphs, "feedback-positive-tamper-yellow");
+  color: #7FEE1A;
+}
+
+[data-icon-name="feedback-positive-tamper-yellow"]::after {
+  content: map-get($glyphs, "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");
+  color: #000000;
+}
+
+[data-icon-name="feedback-positive-tamper"]::before {
+  content: map-get($glyphs, "feedback-positive-tamper");
+  color: #7FEE1A;
+}
+
+[data-icon-name="feedback-positive-tamper"]::after {
+  content: map-get($glyphs, "feedback-positive-tamper-part1");
+  color: #000000;
+}
+
+[data-icon-name="feedback-positive-tamper"] span::before {
+  content: map-get($glyphs, "feedback-positive-tamper-part2");
+}
+
+[data-icon-name="feedback-positive"]::before {
+  content: map-get($glyphs, "feedback-positive");
+  color: #7FEE1A;
+}
+
+[data-icon-name="feedback-positive"]::after {
+  content: map-get($glyphs, "feedback-positive-part1");
+  color: #000000;
+}
+
+[data-icon-name="feedback-warning-extra-information"]::before {
+  content: map-get($glyphs, "feedback-warning-extra-information");
+  color: #7F8386;
+}
+
+[data-icon-name="feedback-warning-extra-information"]::after {
+  content: map-get($glyphs, "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");
+}
+
+[data-icon-name="feedback-warning-outline"]::before {
+  content: map-get($glyphs, "feedback-warning-outline");
+  color: #FFFFFF;
+}
+
+[data-icon-name="feedback-warning-outline"]::after {
+  content: map-get($glyphs, "feedback-warning-outline-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="feedback-warning-outline"] span::before {
+  content: map-get($glyphs, "feedback-warning-outline-part2");
+  color: #000000;
+}
+
+[data-icon-name="feedback-warning-tamper-red"]::before {
+  content: map-get($glyphs, "feedback-warning-tamper-red");
+  color: #FFE600;
+}
+
+[data-icon-name="feedback-warning-tamper-red"]::after {
+  content: map-get($glyphs, "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");
+  color: #000000;
+}
+
+[data-icon-name="feedback-warning-tamper-red"] span::after {
+  content: map-get($glyphs, "feedback-warning-tamper-red-part3");
+  color: #FFFFFF;
+}
+
+[data-icon-name="feedback-warning-tamper-yellow"]::before {
+  content: map-get($glyphs, "feedback-warning-tamper-yellow");
+  color: #7F8386;
+}
+
+[data-icon-name="feedback-warning-tamper-yellow"]::after {
+  content: map-get($glyphs, "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");
+  color: #FFE600;
+}
+
+[data-icon-name="feedback-warning-tamper-yellow"] span::after {
+  content: map-get($glyphs, "feedback-warning-tamper-yellow-part3");
+  color: #000000;
+}
+
+[data-icon-name="feedback-warning-tamper"]::before {
+  content: map-get($glyphs, "feedback-warning-tamper");
+  color: #7F8386;
+}
+
+[data-icon-name="feedback-warning-tamper"]::after {
+  content: map-get($glyphs, "feedback-warning-tamper-part1");
+  color: #FFFFFF;
+}
+
+[data-icon-name="feedback-warning-tamper"] span::before {
+  content: map-get($glyphs, "feedback-warning-tamper-part2");
+}
+
+[data-icon-name="feedback-warning"]::before {
+  content: map-get($glyphs, "feedback-warning");
+  color: #FFE600;
+}
+
+[data-icon-name="feedback-warning"]::after {
+  content: map-get($glyphs, "feedback-warning-part1");
+  color: #000000;
+}
+
+[data-icon-name="fg-hub"]::before {
+  content: map-get($glyphs, "fg-hub");
+}
+
+[data-icon-name="fg-hub-battery-low"]::before {
+  content: map-get($glyphs, "fg-hub-battery-low");
+}
+
+[data-icon-name="fg-hub-battery-low"]::after {
+  content: map-get($glyphs, "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");
+  color: #FFFFFF;
+}
+
+[data-icon-name="fg-hub-no-connection"]::before {
+  content: map-get($glyphs, "fg-hub-no-connection");
+}
+
+[data-icon-name="fg-hub-no-connection"]::after {
+  content: map-get($glyphs, "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");
+  color: #000000;
+}
+
+[data-icon-name="fg-repeater"]::before {
+  content: map-get($glyphs, "fg-repeater");
+}
+
+[data-icon-name="fg-repeater-battery-low"]::before {
+  content: map-get($glyphs, "fg-repeater-battery-low");
+}
+
+[data-icon-name="fg-repeater-battery-low"]::after {
+  content: map-get($glyphs, "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");
+  color: #FFFFFF;
+}
+
+[data-icon-name="file-excel"]::before {
+  content: map-get($glyphs, "file-excel");
+}
+
+[data-icon-name="file-html"]::before {
+  content: map-get($glyphs, "file-html");
+}
+
+[data-icon-name="file-pdf"]::before {
+  content: map-get($glyphs, "file-pdf");
+}
+
+[data-icon-name="file-ppt"]::before {
+  content: map-get($glyphs, "file-ppt");
+}
+
+[data-icon-name="file-word"]::before {
+  content: map-get($glyphs, "file-word");
+}
+
+[data-icon-name="file-zip"]::before {
+  content: map-get($glyphs, "file-zip");
+}
+
+[data-icon-name="filter"]::before {
+  content: map-get($glyphs, "filter");
+}
+
+[data-icon-name="filter-close"]::before {
+  content: map-get($glyphs, "filter-close");
+}
+
+[data-icon-name="filter-settings"]::before {
+  content: map-get($glyphs, "filter-settings");
+}
+
+[data-icon-name="fire"]::before {
+  content: map-get($glyphs, "fire");
+}
+
+[data-icon-name="firefighter-arrived"]::before {
+  content: map-get($glyphs, "firefighter-arrived");
+}
+
+[data-icon-name="firefighter-arrived"]::after {
+  content: map-get($glyphs, "firefighter-arrived-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="firefighter-arrived"] span::before {
+  content: map-get($glyphs, "firefighter-arrived-part2");
+  color: #000000;
+}
+
+[data-icon-name="firefighter-en-route"]::before {
+  content: map-get($glyphs, "firefighter-en-route");
+}
+
+[data-icon-name="firefighter-retreat"]::before {
+  content: map-get($glyphs, "firefighter-retreat");
+}
+
+[data-icon-name="firefighter-standby"]::before {
+  content: map-get($glyphs, "firefighter-standby");
+}
+
+[data-icon-name="flame-5000"]::before {
+  content: map-get($glyphs, "flame-5000");
+}
+
+[data-icon-name="flammable-a1"]::before {
+  content: map-get($glyphs, "flammable-a1");
+}
+
+[data-icon-name="flammable-a1"]::after {
+  content: map-get($glyphs, "flammable-a1-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="flammable-a1"] span::before {
+  content: map-get($glyphs, "flammable-a1-part2");
+  color: #000000;
+}
+
+[data-icon-name="flammable-a2"]::before {
+  content: map-get($glyphs, "flammable-a2");
+}
+
+[data-icon-name="flammable-a2"]::after {
+  content: map-get($glyphs, "flammable-a2-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="flammable-a2"] span::before {
+  content: map-get($glyphs, "flammable-a2-part2");
+  color: #000000;
+}
+
+[data-icon-name="flammable-stel"]::before {
+  content: map-get($glyphs, "flammable-stel");
+}
+
+[data-icon-name="flammable-stel"]::after {
+  content: map-get($glyphs, "flammable-stel-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="flammable-stel"] span::before {
+  content: map-get($glyphs, "flammable-stel-part2");
+  color: #000000;
+}
+
+[data-icon-name="flammable-twa"]::before {
+  content: map-get($glyphs, "flammable-twa");
+}
+
+[data-icon-name="flammable-twa"]::after {
+  content: map-get($glyphs, "flammable-twa-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="flammable-twa"] span::before {
+  content: map-get($glyphs, "flammable-twa-part2");
+  color: #000000;
+}
+
+[data-icon-name="flammable"]::before {
+  content: map-get($glyphs, "flammable");
+  color: #FFE600;
+}
+
+[data-icon-name="flammable"]::after {
+  content: map-get($glyphs, "flammable-part1");
+  color: #000000;
+}
+
+[data-icon-name="floorplan"]::before {
+  content: map-get($glyphs, "floorplan");
+}
+
+[data-icon-name="floorplan-hallway"]::before {
+  content: map-get($glyphs, "floorplan-hallway");
+}
+
+[data-icon-name="floorplan-room"]::before {
+  content: map-get($glyphs, "floorplan-room");
+}
+
+[data-icon-name="focus-element"]::before {
+  content: map-get($glyphs, "focus-element");
+}
+
+[data-icon-name="folder-close"]::before {
+  content: map-get($glyphs, "folder-close");
+}
+
+[data-icon-name="folder-open"]::before {
+  content: map-get($glyphs, "folder-open");
+}
+
+[data-icon-name="fraction-00-10"]::before {
+  content: map-get($glyphs, "fraction-00-10");
+}
+
+[data-icon-name="fraction-01-10"]::before {
+  content: map-get($glyphs, "fraction-01-10");
+}
+
+[data-icon-name="fraction-02-10"]::before {
+  content: map-get($glyphs, "fraction-02-10");
+}
+
+[data-icon-name="fraction-03-10"]::before {
+  content: map-get($glyphs, "fraction-03-10");
+}
+
+[data-icon-name="fraction-04-10"]::before {
+  content: map-get($glyphs, "fraction-04-10");
+}
+
+[data-icon-name="fraction-05-10"]::before {
+  content: map-get($glyphs, "fraction-05-10");
+}
+
+[data-icon-name="fraction-06-10"]::before {
+  content: map-get($glyphs, "fraction-06-10");
+}
+
+[data-icon-name="fraction-07-10"]::before {
+  content: map-get($glyphs, "fraction-07-10");
+}
+
+[data-icon-name="fraction-08-10"]::before {
+  content: map-get($glyphs, "fraction-08-10");
+}
+
+[data-icon-name="fraction-09-10"]::before {
+  content: map-get($glyphs, "fraction-09-10");
+}
+
+[data-icon-name="fraction-10-10"]::before {
+  content: map-get($glyphs, "fraction-10-10");
+}
+
+[data-icon-name="freshair"]::before {
+  content: map-get($glyphs, "freshair");
+}
+
+[data-icon-name="freshair-calibration"]::before {
+  content: map-get($glyphs, "freshair-calibration");
+}
+
+[data-icon-name="full-circle"]::before {
+  content: map-get($glyphs, "full-circle");
+}
+
+[data-icon-name="fullscreen"]::before {
+  content: map-get($glyphs, "fullscreen");
+}
+
+[data-icon-name="fullscreen-exit"]::before {
+  content: map-get($glyphs, "fullscreen-exit");
+}
+
+[data-icon-name="gas-consumption"]::before {
+  content: map-get($glyphs, "gas-consumption");
+}
+
+[data-icon-name="gas-efficiency"]::before {
+  content: map-get($glyphs, "gas-efficiency");
+}
+
+[data-icon-name="gas-patient"]::before {
+  content: map-get($glyphs, "gas-patient");
+}
+
+[data-icon-name="gasbottle-100-percent"]::before {
+  content: map-get($glyphs, "gasbottle-100-percent");
+}
+
+[data-icon-name="gasbottle-25-percent"]::before {
+  content: map-get($glyphs, "gasbottle-25-percent");
+}
+
+[data-icon-name="gasbottle-50-percent"]::before {
+  content: map-get($glyphs, "gasbottle-50-percent");
+}
+
+[data-icon-name="gasbottle-75-percent"]::before {
+  content: map-get($glyphs, "gasbottle-75-percent");
+}
+
+[data-icon-name="gasbottle-information"]::before {
+  content: map-get($glyphs, "gasbottle-information");
+}
+
+[data-icon-name="gasbottle-low"]::before {
+  content: map-get($glyphs, "gasbottle-low");
+}
+
+[data-icon-name="gasbottle-warning"]::before {
+  content: map-get($glyphs, "gasbottle-warning");
+}
+
+[data-icon-name="gasbottle-warning"]::after {
+  content: map-get($glyphs, "gasbottle-warning-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="gasbottle-warning"] span::before {
+  content: map-get($glyphs, "gasbottle-warning-part2");
+  color: #000000;
+}
+
+[data-icon-name="glove"]::before {
+  content: map-get($glyphs, "glove");
+}
+
+[data-icon-name="go-to-assets"]::before {
+  content: map-get($glyphs, "go-to-assets");
+}
+
+[data-icon-name="graph-settings"]::before {
+  content: map-get($glyphs, "graph-settings");
+}
+
+[data-icon-name="graph-view"]::before {
+  content: map-get($glyphs, "graph-view");
+}
+
+[data-icon-name="group"]::before {
+  content: map-get($glyphs, "group");
+}
+
+[data-icon-name="halfmask"]::before {
+  content: map-get($glyphs, "halfmask");
+}
+
+[data-icon-name="hardware"]::before {
+  content: map-get($glyphs, "hardware");
+}
+
+[data-icon-name="hardware-available"]::before {
+  content: map-get($glyphs, "hardware-available");
+}
+
+[data-icon-name="hardware-available"]::after {
+  content: map-get($glyphs, "hardware-available-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="hardware-available"] span::before {
+  content: map-get($glyphs, "hardware-available-part2");
+  color: #000000;
+}
+
+[data-icon-name="hardware-info"]::before {
+  content: map-get($glyphs, "hardware-info");
+}
+
+[data-icon-name="hardware-missing"]::before {
+  content: map-get($glyphs, "hardware-missing");
+}
+
+[data-icon-name="hardware-missing"]::after {
+  content: map-get($glyphs, "hardware-missing-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="hardware-missing"] span::before {
+  content: map-get($glyphs, "hardware-missing-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="hardware-update"]::before {
+  content: map-get($glyphs, "hardware-update");
+}
+
+[data-icon-name="harness"]::before {
+  content: map-get($glyphs, "harness");
+}
+
+[data-icon-name="helmet"]::before {
+  content: map-get($glyphs, "helmet");
+}
+
+[data-icon-name="helmet-fire"]::before {
+  content: map-get($glyphs, "helmet-fire");
+}
+
+[data-icon-name="help"]::before {
+  content: map-get($glyphs, "help");
+}
+
+[data-icon-name="hierarchy"]::before {
+  content: map-get($glyphs, "hierarchy");
+}
+
+[data-icon-name="history"]::before {
+  content: map-get($glyphs, "history");
+}
+
+[data-icon-name="hook"]::before {
+  content: map-get($glyphs, "hook");
+}
+
+[data-icon-name="hose"]::before {
+  content: map-get($glyphs, "hose");
+}
+
+[data-icon-name="hot"]::before {
+  content: map-get($glyphs, "hot");
+}
+
+[data-icon-name="hydrant"]::before {
+  content: map-get($glyphs, "hydrant");
+}
+
+[data-icon-name="hydraulic"]::before {
+  content: map-get($glyphs, "hydraulic");
+}
+
+[data-icon-name="hysteresis"]::before {
+  content: map-get($glyphs, "hysteresis");
+}
+
+[data-icon-name="identify"]::before {
+  content: map-get($glyphs, "identify");
+}
+
+[data-icon-name="ifu"]::before {
+  content: map-get($glyphs, "ifu");
+}
+
+[data-icon-name="imaging-ang"]::before {
+  content: map-get($glyphs, "imaging-ang");
+}
+
+[data-icon-name="imaging-ct"]::before {
+  content: map-get($glyphs, "imaging-ct");
+}
+
+[data-icon-name="imaging-mrt"]::before {
+  content: map-get($glyphs, "imaging-mrt");
+}
+
+[data-icon-name="imd"]::before {
+  content: map-get($glyphs, "imd");
+}
+
+[data-icon-name="import"]::before {
+  content: map-get($glyphs, "import");
+}
+
+[data-icon-name="import-substance"]::before {
+  content: map-get($glyphs, "import-substance");
+}
+
+[data-icon-name="in-process"]::before {
+  content: map-get($glyphs, "in-process");
+}
+
+[data-icon-name="index-card"]::before {
+  content: map-get($glyphs, "index-card");
+}
+
+[data-icon-name="inerting"]::before {
+  content: map-get($glyphs, "inerting");
+}
+
+[data-icon-name="inflate-breathing-bag"]::before {
+  content: map-get($glyphs, "inflate-breathing-bag");
+}
+
+[data-icon-name="information"]::before {
+  content: map-get($glyphs, "information");
+}
+
+[data-icon-name="information-maintenance"]::before {
+  content: map-get($glyphs, "information-maintenance");
+}
+
+[data-icon-name="inhibit"]::before {
+  content: map-get($glyphs, "inhibit");
+}
+
+[data-icon-name="insert"]::before {
+  content: map-get($glyphs, "insert");
+}
+
+[data-icon-name="instrument-error"]::before {
+  content: map-get($glyphs, "instrument-error");
+}
+
+[data-icon-name="instrument-pump-error"]::before {
+  content: map-get($glyphs, "instrument-pump-error");
+}
+
+[data-icon-name="instrument-xdock-error"]::before {
+  content: map-get($glyphs, "instrument-xdock-error");
+}
+
+[data-icon-name="interface-in-4-20"]::before {
+  content: map-get($glyphs, "interface-in-4-20");
+}
+
+[data-icon-name="interface-in-bridge"]::before {
+  content: map-get($glyphs, "interface-in-bridge");
+}
+
+[data-icon-name="interface-in-digital"]::before {
+  content: map-get($glyphs, "interface-in-digital");
+}
+
+[data-icon-name="interface-in-ex"]::before {
+  content: map-get($glyphs, "interface-in-ex");
+}
+
+[data-icon-name="interface-in-foundation-fieldbus"]::before {
+  content: map-get($glyphs, "interface-in-foundation-fieldbus");
+}
+
+[data-icon-name="interface-in-hart"]::before {
+  content: map-get($glyphs, "interface-in-hart");
+}
+
+[data-icon-name="interface-in-hart-multidrop"]::before {
+  content: map-get($glyphs, "interface-in-hart-multidrop");
+}
+
+[data-icon-name="interface-in-modbus"]::before {
+  content: map-get($glyphs, "interface-in-modbus");
+}
+
+[data-icon-name="interface-in-profibus"]::before {
+  content: map-get($glyphs, "interface-in-profibus");
+}
+
+[data-icon-name="interface-input"]::before {
+  content: map-get($glyphs, "interface-input");
+}
+
+[data-icon-name="interface-out-4-20"]::before {
+  content: map-get($glyphs, "interface-out-4-20");
+}
+
+[data-icon-name="interface-out-digital"]::before {
+  content: map-get($glyphs, "interface-out-digital");
+}
+
+[data-icon-name="interface-out-foundation-fieldbus"]::before {
+  content: map-get($glyphs, "interface-out-foundation-fieldbus");
+}
+
+[data-icon-name="interface-out-list-foundation-fieldbus"]::before {
+  content: map-get($glyphs, "interface-out-list-foundation-fieldbus");
+}
+
+[data-icon-name="interface-out-modbus"]::before {
+  content: map-get($glyphs, "interface-out-modbus");
+}
+
+[data-icon-name="interface-out-profibus"]::before {
+  content: map-get($glyphs, "interface-out-profibus");
+}
+
+[data-icon-name="interface-out-relay"]::before {
+  content: map-get($glyphs, "interface-out-relay");
+}
+
+[data-icon-name="interface-output"]::before {
+  content: map-get($glyphs, "interface-output");
+}
+
+[data-icon-name="interface-slotcover"]::before {
+  content: map-get($glyphs, "interface-slotcover");
+}
+
+[data-icon-name="interface-unknown"]::before {
+  content: map-get($glyphs, "interface-unknown");
+}
+
+[data-icon-name="interlock"]::before {
+  content: map-get($glyphs, "interlock");
+}
+
+[data-icon-name="interlock-calibration"]::before {
+  content: map-get($glyphs, "interlock-calibration");
+}
+
+[data-icon-name="interlock-installation"]::before {
+  content: map-get($glyphs, "interlock-installation");
+}
+
+[data-icon-name="interlock-removal"]::before {
+  content: map-get($glyphs, "interlock-removal");
+}
+
+[data-icon-name="interlock-reset"]::before {
+  content: map-get($glyphs, "interlock-reset");
+}
+
+[data-icon-name="interlock-swap"]::before {
+  content: map-get($glyphs, "interlock-swap");
+}
+
+[data-icon-name="ir"]::before {
+  content: map-get($glyphs, "ir");
+}
+
+[data-icon-name="job-approve"]::before {
+  content: map-get($glyphs, "job-approve");
+}
+
+[data-icon-name="job-history"]::before {
+  content: map-get($glyphs, "job-history");
+}
+
+[data-icon-name="job-list"]::before {
+  content: map-get($glyphs, "job-list");
+}
+
+[data-icon-name="job-new"]::before {
+  content: map-get($glyphs, "job-new");
+}
+
+[data-icon-name="job-pool"]::before {
+  content: map-get($glyphs, "job-pool");
+}
+
+[data-icon-name="job-proceed"]::before {
+  content: map-get($glyphs, "job-proceed");
+}
+
+[data-icon-name="job-user"]::before {
+  content: map-get($glyphs, "job-user");
+}
+
+[data-icon-name="keyboard"]::before {
+  content: map-get($glyphs, "keyboard");
+}
+
+[data-icon-name="keyboard-capslock"]::before {
+  content: map-get($glyphs, "keyboard-capslock");
+}
+
+[data-icon-name="keyboard-delete"]::before {
+  content: map-get($glyphs, "keyboard-delete");
+}
+
+[data-icon-name="keyboard-hide"]::before {
+  content: map-get($glyphs, "keyboard-hide");
+}
+
+[data-icon-name="keyboard-shift"]::before {
+  content: map-get($glyphs, "keyboard-shift");
+}
+
+[data-icon-name="language"]::before {
+  content: map-get($glyphs, "language");
+}
+
+[data-icon-name="laptop"]::before {
+  content: map-get($glyphs, "laptop");
+}
+
+[data-icon-name="laundry-dryer"]::before {
+  content: map-get($glyphs, "laundry-dryer");
+}
+
+[data-icon-name="ldba"]::before {
+  content: map-get($glyphs, "ldba");
+}
+
+[data-icon-name="leaktest-hp"]::before {
+  content: map-get($glyphs, "leaktest-hp");
+}
+
+[data-icon-name="leaktest-hp-query"]::before {
+  content: map-get($glyphs, "leaktest-hp-query");
+}
+
+[data-icon-name="leaktest-lp"]::before {
+  content: map-get($glyphs, "leaktest-lp");
+}
+
+[data-icon-name="leaktest-lp-query"]::before {
+  content: map-get($glyphs, "leaktest-lp-query");
+}
+
+[data-icon-name="leaktest-ok"]::before {
+  content: map-get($glyphs, "leaktest-ok");
+}
+
+[data-icon-name="leaktest-ok"]::after {
+  content: map-get($glyphs, "leaktest-ok-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="leaktest-ok"] span::before {
+  content: map-get($glyphs, "leaktest-ok-part2");
+  color: #000000;
+}
+
+[data-icon-name="leaktest-query"]::before {
+  content: map-get($glyphs, "leaktest-query");
+}
+
+[data-icon-name="leaktest-timeout"]::before {
+  content: map-get($glyphs, "leaktest-timeout");
+}
+
+[data-icon-name="leaktest-timeout"]::after {
+  content: map-get($glyphs, "leaktest-timeout-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="leaktest-timeout"] span::before {
+  content: map-get($glyphs, "leaktest-timeout-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="leaktest-warning"]::before {
+  content: map-get($glyphs, "leaktest-warning");
+}
+
+[data-icon-name="lifesignal"]::before {
+  content: map-get($glyphs, "lifesignal");
+}
+
+[data-icon-name="lifesignal-disabled"]::before {
+  content: map-get($glyphs, "lifesignal-disabled");
+}
+
+[data-icon-name="lightbulb"]::before {
+  content: map-get($glyphs, "lightbulb");
+}
+
+[data-icon-name="lightbulb-warning"]::before {
+  content: map-get($glyphs, "lightbulb-warning");
+}
+
+[data-icon-name="lightbulb-warning"]::after {
+  content: map-get($glyphs, "lightbulb-warning-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="lightbulb-warning"] span::before {
+  content: map-get($glyphs, "lightbulb-warning-part2");
+  color: #000000;
+}
+
+[data-icon-name="line-graph"]::before {
+  content: map-get($glyphs, "line-graph");
+}
+
+[data-icon-name="link-external"]::before {
+  content: map-get($glyphs, "link-external");
+}
+
+[data-icon-name="link-internal"]::before {
+  content: map-get($glyphs, "link-internal");
+}
+
+[data-icon-name="location"]::before {
+  content: map-get($glyphs, "location");
+}
+
+[data-icon-name="location-disabled"]::before {
+  content: map-get($glyphs, "location-disabled");
+}
+
+[data-icon-name="location-scan"]::before {
+  content: map-get($glyphs, "location-scan");
+}
+
+[data-icon-name="location-scan-failed"]::before {
+  content: map-get($glyphs, "location-scan-failed");
+}
+
+[data-icon-name="location-scan-failed"]::after {
+  content: map-get($glyphs, "location-scan-failed-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="location-scan-failed"] span::before {
+  content: map-get($glyphs, "location-scan-failed-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="location-scan-successful"]::before {
+  content: map-get($glyphs, "location-scan-successful");
+}
+
+[data-icon-name="location-scan-successful"]::after {
+  content: map-get($glyphs, "location-scan-successful-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="location-scan-successful"] span::before {
+  content: map-get($glyphs, "location-scan-successful-part2");
+  color: #000000;
+}
+
+[data-icon-name="lock"]::before {
+  content: map-get($glyphs, "lock");
+}
+
+[data-icon-name="log-edit"]::before {
+  content: map-get($glyphs, "log-edit");
+}
+
+[data-icon-name="log-service"]::before {
+  content: map-get($glyphs, "log-service");
+}
+
+[data-icon-name="log-view"]::before {
+  content: map-get($glyphs, "log-view");
+}
+
+[data-icon-name="login"]::before {
+  content: map-get($glyphs, "login");
+}
+
+[data-icon-name="login"]::after {
+  content: map-get($glyphs, "login-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="login"] span::before {
+  content: map-get($glyphs, "login-part2");
+  color: #000000;
+}
+
+[data-icon-name="logout"]::before {
+  content: map-get($glyphs, "logout");
+}
+
+[data-icon-name="logout"]::after {
+  content: map-get($glyphs, "logout-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="logout"] span::before {
+  content: map-get($glyphs, "logout-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="long-distance-gate-way"]::before {
+  content: map-get($glyphs, "long-distance-gate-way");
+}
+
+[data-icon-name="lost-report"]::before {
+  content: map-get($glyphs, "lost-report");
+}
+
+[data-icon-name="low-dosage-rate"]::before {
+  content: map-get($glyphs, "low-dosage-rate");
+}
+
+[data-icon-name="manual-input"]::before {
+  content: map-get($glyphs, "manual-input");
+}
+
+[data-icon-name="map"]::before {
+  content: map-get($glyphs, "map");
+}
+
+[data-icon-name="masonry"]::before {
+  content: map-get($glyphs, "masonry");
+}
+
+[data-icon-name="maximize"]::before {
+  content: map-get($glyphs, "maximize");
+}
+
+[data-icon-name="measuring"]::before {
+  content: map-get($glyphs, "measuring");
+}
+
+[data-icon-name="measuring-1"]::before {
+  content: map-get($glyphs, "measuring-1");
+}
+
+[data-icon-name="measuring-2"]::before {
+  content: map-get($glyphs, "measuring-2");
+}
+
+[data-icon-name="measuring-3"]::before {
+  content: map-get($glyphs, "measuring-3");
+}
+
+[data-icon-name="media-fastforward"]::before {
+  content: map-get($glyphs, "media-fastforward");
+}
+
+[data-icon-name="media-pause"]::before {
+  content: map-get($glyphs, "media-pause");
+}
+
+[data-icon-name="media-play"]::before {
+  content: map-get($glyphs, "media-play");
+}
+
+[data-icon-name="media-rewind"]::before {
+  content: map-get($glyphs, "media-rewind");
+}
+
+[data-icon-name="media-skip-back"]::before {
+  content: map-get($glyphs, "media-skip-back");
+}
+
+[data-icon-name="media-skip-forward"]::before {
+  content: map-get($glyphs, "media-skip-forward");
+}
+
+[data-icon-name="media-stop"]::before {
+  content: map-get($glyphs, "media-stop");
+}
+
+[data-icon-name="medical"]::before {
+  content: map-get($glyphs, "medical");
+}
+
+[data-icon-name="menu"]::before {
+  content: map-get($glyphs, "menu");
+}
+
+[data-icon-name="menu-favorites"]::before {
+  content: map-get($glyphs, "menu-favorites");
+}
+
+[data-icon-name="menu-functions"]::before {
+  content: map-get($glyphs, "menu-functions");
+}
+
+[data-icon-name="microphone"]::before {
+  content: map-get($glyphs, "microphone");
+}
+
+[data-icon-name="mimic"]::before {
+  content: map-get($glyphs, "mimic");
+}
+
+[data-icon-name="minimize"]::before {
+  content: map-get($glyphs, "minimize");
+}
+
+[data-icon-name="miniwarn"]::before {
+  content: map-get($glyphs, "miniwarn");
+}
+
+[data-icon-name="minus"]::before {
+  content: map-get($glyphs, "minus");
+}
+
+[data-icon-name="mobile-device"]::before {
+  content: map-get($glyphs, "mobile-device");
+}
+
+[data-icon-name="mobile-device-connected"]::before {
+  content: map-get($glyphs, "mobile-device-connected");
+}
+
+[data-icon-name="mobile-device-error"]::before {
+  content: map-get($glyphs, "mobile-device-error");
+}
+
+[data-icon-name="mobile-device-error"]::after {
+  content: map-get($glyphs, "mobile-device-error-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="mobile-device-error"] span::before {
+  content: map-get($glyphs, "mobile-device-error-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="module"]::before {
+  content: map-get($glyphs, "module");
+}
+
+[data-icon-name="monitoring"]::before {
+  content: map-get($glyphs, "monitoring");
+}
+
+[data-icon-name="monitoring-1"]::before {
+  content: map-get($glyphs, "monitoring-1");
+}
+
+[data-icon-name="monitoring-2"]::before {
+  content: map-get($glyphs, "monitoring-2");
+}
+
+[data-icon-name="monitoring-3"]::before {
+  content: map-get($glyphs, "monitoring-3");
+}
+
+[data-icon-name="motion-sensing"]::before {
+  content: map-get($glyphs, "motion-sensing");
+}
+
+[data-icon-name="motion-sensing-disabled"]::before {
+  content: map-get($glyphs, "motion-sensing-disabled");
+}
+
+[data-icon-name="motion-sensing-disabled"]::after {
+  content: map-get($glyphs, "motion-sensing-disabled-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="motion-sensing-disabled"] span::before {
+  content: map-get($glyphs, "motion-sensing-disabled-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="motion-sensing-enabled"]::before {
+  content: map-get($glyphs, "motion-sensing-enabled");
+}
+
+[data-icon-name="motion-sensing-enabled"]::after {
+  content: map-get($glyphs, "motion-sensing-enabled-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="motion-sensing-enabled"] span::before {
+  content: map-get($glyphs, "motion-sensing-enabled-part2");
+  color: #000000;
+}
+
+[data-icon-name="move-screen"]::before {
+  content: map-get($glyphs, "move-screen");
+}
+
+[data-icon-name="multigas"]::before {
+  content: map-get($glyphs, "multigas");
+}
+
+[data-icon-name="multigas-cse"]::before {
+  content: map-get($glyphs, "multigas-cse");
+}
+
+[data-icon-name="multiwarn-2"]::before {
+  content: map-get($glyphs, "multiwarn-2");
+}
+
+[data-icon-name="navigation-logfile-management"]::before {
+  content: map-get($glyphs, "navigation-logfile-management");
+}
+
+[data-icon-name="network"]::before {
+  content: map-get($glyphs, "network");
+}
+
+[data-icon-name="network-upload"]::before {
+  content: map-get($glyphs, "network-upload");
+}
+
+[data-icon-name="newsletter"]::before {
+  content: map-get($glyphs, "newsletter");
+}
+
+[data-icon-name="next"]::before {
+  content: map-get($glyphs, "next");
+}
+
+[data-icon-name="night-mode"]::before {
+  content: map-get($glyphs, "night-mode");
+}
+
+[data-icon-name="no"]::before {
+  content: map-get($glyphs, "no");
+}
+
+[data-icon-name="notification"]::before {
+  content: map-get($glyphs, "notification");
+}
+
+[data-icon-name="notification-disabled"]::before {
+  content: map-get($glyphs, "notification-disabled");
+}
+
+[data-icon-name="number-1"]::after {
+  content: map-get($glyphs, "number-1-part1");
+}
+
+[data-icon-name="number-100"]::after {
+  content: map-get($glyphs, "number-100-part1");
+}
+
+[data-icon-name="observation"]::before {
+  content: map-get($glyphs, "observation");
+}
+
+[data-icon-name="observation-fire"]::before {
+  content: map-get($glyphs, "observation-fire");
+}
+
+[data-icon-name="offline-mode"]::before {
+  content: map-get($glyphs, "offline-mode");
+}
+
+[data-icon-name="ok"]::before {
+  content: map-get($glyphs, "ok");
+}
+
+[data-icon-name="ok-repeat"]::before {
+  content: map-get($glyphs, "ok-repeat");
+}
+
+[data-icon-name="ok-to-all"]::before {
+  content: map-get($glyphs, "ok-to-all");
+}
+
+[data-icon-name="ok-to-all"]::after {
+  content: map-get($glyphs, "ok-to-all-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="online-manuals"]::before {
+  content: map-get($glyphs, "online-manuals");
+}
+
+[data-icon-name="online-mode"]::before {
+  content: map-get($glyphs, "online-mode");
+}
+
+[data-icon-name="online-mode"]::after {
+  content: map-get($glyphs, "online-mode-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="online-mode"] span::before {
+  content: map-get($glyphs, "online-mode-part2");
+  color: #000000;
+}
+
+[data-icon-name="open"]::before {
+  content: map-get($glyphs, "open");
+}
+
+[data-icon-name="open-vent"]::after {
+  content: map-get($glyphs, "open-vent-part1");
+  color: #0074FF;
+}
+
+[data-icon-name="operation"]::before {
+  content: map-get($glyphs, "operation");
+}
+
+[data-icon-name="operation-hot"]::before {
+  content: map-get($glyphs, "operation-hot");
+}
+
+[data-icon-name="overrange"]::before {
+  content: map-get($glyphs, "overrange");
+}
+
+[data-icon-name="overwrite-replace"]::before {
+  content: map-get($glyphs, "overwrite-replace");
+}
+
+[data-icon-name="p5000"]::before {
+  content: map-get($glyphs, "p5000");
+}
+
+[data-icon-name="p8000"]::before {
+  content: map-get($glyphs, "p8000");
+}
+
+[data-icon-name="pac-1000-7000"]::before {
+  content: map-get($glyphs, "pac-1000-7000");
+}
+
+[data-icon-name="pac-3"]::before {
+  content: map-get($glyphs, "pac-3");
+}
+
+[data-icon-name="pac-ex-2"] span::before {
+  content: map-get($glyphs, "pac-ex-2-part2");
+}
+
+[data-icon-name="package"]::before {
+  content: map-get($glyphs, "package");
+}
+
+[data-icon-name="painting"]::before {
+  content: map-get($glyphs, "painting");
+}
+
+[data-icon-name="pairing"]::before {
+  content: map-get($glyphs, "pairing");
+}
+
+[data-icon-name="partner-care"]::before {
+  content: map-get($glyphs, "partner-care");
+}
+
+[data-icon-name="password"]::before {
+  content: map-get($glyphs, "password");
+}
+
+[data-icon-name="password-change"]::before {
+  content: map-get($glyphs, "password-change");
+}
+
+[data-icon-name="pc"]::before {
+  content: map-get($glyphs, "pc");
+}
+
+[data-icon-name="pc-connection"]::before {
+  content: map-get($glyphs, "pc-connection");
+}
+
+[data-icon-name="pc-link-connected"]::before {
+  content: map-get($glyphs, "pc-link-connected");
+}
+
+[data-icon-name="pc-link-connected"]::after {
+  content: map-get($glyphs, "pc-link-connected-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="pc-link-connected"] span::before {
+  content: map-get($glyphs, "pc-link-connected-part2");
+  color: #000000;
+}
+
+[data-icon-name="pc-link-error"]::before {
+  content: map-get($glyphs, "pc-link-error");
+}
+
+[data-icon-name="pc-link-error"]::after {
+  content: map-get($glyphs, "pc-link-error-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="pc-link-error"] span::before {
+  content: map-get($glyphs, "pc-link-error-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="pc-link-preparing"]::before {
+  content: map-get($glyphs, "pc-link-preparing");
+}
+
+[data-icon-name="pc-link-query"]::before {
+  content: map-get($glyphs, "pc-link-query");
+}
+
+[data-icon-name="pdf"]::before {
+  content: map-get($glyphs, "pdf");
+}
+
+[data-icon-name="person-confirm"]::before {
+  content: map-get($glyphs, "person-confirm");
+}
+
+[data-icon-name="person-confirm"]::after {
+  content: map-get($glyphs, "person-confirm-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="person-confirm"] span::before {
+  content: map-get($glyphs, "person-confirm-part2");
+  color: #000000;
+}
+
+[data-icon-name="person-crawling"]::before {
+  content: map-get($glyphs, "person-crawling");
+}
+
+[data-icon-name="person-query"]::before {
+  content: map-get($glyphs, "person-query");
+}
+
+[data-icon-name="person-standing"]::before {
+  content: map-get($glyphs, "person-standing");
+}
+
+[data-icon-name="person-walking"]::before {
+  content: map-get($glyphs, "person-walking");
+}
+
+[data-icon-name="phone"]::before {
+  content: map-get($glyphs, "phone");
+}
+
+[data-icon-name="photo"]::before {
+  content: map-get($glyphs, "photo");
+}
+
+[data-icon-name="picture"]::before {
+  content: map-get($glyphs, "picture");
+}
+
+[data-icon-name="pie-chart"]::before {
+  content: map-get($glyphs, "pie-chart");
+}
+
+[data-icon-name="pincode"]::before {
+  content: map-get($glyphs, "pincode");
+}
+
+[data-icon-name="pir-7000"]::before {
+  content: map-get($glyphs, "pir-7000");
+}
+
+[data-icon-name="plus"]::before {
+  content: map-get($glyphs, "plus");
+}
+
+[data-icon-name="pneumatic"]::before {
+  content: map-get($glyphs, "pneumatic");
+}
+
+[data-icon-name="polytron-7000"]::before {
+  content: map-get($glyphs, "polytron-7000");
+}
+
+[data-icon-name="position"]::before {
+  content: map-get($glyphs, "position");
+}
+
+[data-icon-name="position-disabled"]::before {
+  content: map-get($glyphs, "position-disabled");
+}
+
+[data-icon-name="position-searching"]::before {
+  content: map-get($glyphs, "position-searching");
+}
+
+[data-icon-name="power-guard"]::before {
+  content: map-get($glyphs, "power-guard");
+}
+
+[data-icon-name="power-supply"]::before {
+  content: map-get($glyphs, "power-supply");
+}
+
+[data-icon-name="power-supply-restricted"]::before {
+  content: map-get($glyphs, "power-supply-restricted");
+}
+
+[data-icon-name="power-supply-restricted"]::after {
+  content: map-get($glyphs, "power-supply-restricted-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="power-supply-restricted"] span::before {
+  content: map-get($glyphs, "power-supply-restricted-part2");
+  color: #000000;
+}
+
+[data-icon-name="powerplant"]::before {
+  content: map-get($glyphs, "powerplant");
+}
+
+[data-icon-name="practice"]::before {
+  content: map-get($glyphs, "practice");
+}
+
+[data-icon-name="practice-hot"]::before {
+  content: map-get($glyphs, "practice-hot");
+}
+
+[data-icon-name="prepressure-high"]::before {
+  content: map-get($glyphs, "prepressure-high");
+}
+
+[data-icon-name="prepressure-high"]::after {
+  content: map-get($glyphs, "prepressure-high-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="prepressure-low"]::before {
+  content: map-get($glyphs, "prepressure-low");
+}
+
+[data-icon-name="prepressure-low"]::after {
+  content: map-get($glyphs, "prepressure-low-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="prepressure-ok"]::before {
+  content: map-get($glyphs, "prepressure-ok");
+  color: #7FEE1A;
+}
+
+[data-icon-name="prepressure-ok"]::after {
+  content: map-get($glyphs, "prepressure-ok-part1");
+}
+
+[data-icon-name="prepressure-pending"]::before {
+  content: map-get($glyphs, "prepressure-pending");
+}
+
+[data-icon-name="pressure-relief"]::before {
+  content: map-get($glyphs, "pressure-relief");
+}
+
+[data-icon-name="previous"]::before {
+  content: map-get($glyphs, "previous");
+}
+
+[data-icon-name="print"]::before {
+  content: map-get($glyphs, "print");
+}
+
+[data-icon-name="print-configuration"]::before {
+  content: map-get($glyphs, "print-configuration");
+}
+
+[data-icon-name="print-error"]::before {
+  content: map-get($glyphs, "print-error");
+}
+
+[data-icon-name="print-error"]::after {
+  content: map-get($glyphs, "print-error-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="print-error"] span::before {
+  content: map-get($glyphs, "print-error-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="print-finished"]::before {
+  content: map-get($glyphs, "print-finished");
+}
+
+[data-icon-name="print-preview"]::before {
+  content: map-get($glyphs, "print-preview");
+}
+
+[data-icon-name="print-selection"]::before {
+  content: map-get($glyphs, "print-selection");
+}
+
+[data-icon-name="print-warning"]::before {
+  content: map-get($glyphs, "print-warning");
+}
+
+[data-icon-name="print-warning"]::after {
+  content: map-get($glyphs, "print-warning-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="print-warning"] span::before {
+  content: map-get($glyphs, "print-warning-part2");
+  color: #000000;
+}
+
+[data-icon-name="process"]::before {
+  content: map-get($glyphs, "process");
+}
+
+[data-icon-name="product-finder"]::before {
+  content: map-get($glyphs, "product-finder");
+}
+
+[data-icon-name="production"]::before {
+  content: map-get($glyphs, "production");
+}
+
+[data-icon-name="progress"]::before {
+  content: map-get($glyphs, "progress");
+}
+
+[data-icon-name="progress-circle"]::before {
+  content: map-get($glyphs, "progress-circle");
+}
+
+[data-icon-name="progress-circle"]::after {
+  content: map-get($glyphs, "progress-circle-part1");
+  color: #0074FF;
+}
+
+[data-icon-name="pulsar"]::before {
+  content: map-get($glyphs, "pulsar");
+}
+
+[data-icon-name="pump"]::before {
+  content: map-get($glyphs, "pump");
+}
+
+[data-icon-name="pump-100-percent"]::before {
+  content: map-get($glyphs, "pump-100-percent");
+}
+
+[data-icon-name="pump-25-percent"]::before {
+  content: map-get($glyphs, "pump-25-percent");
+}
+
+[data-icon-name="pump-50-percent"]::before {
+  content: map-get($glyphs, "pump-50-percent");
+}
+
+[data-icon-name="pump-75-percent"]::before {
+  content: map-get($glyphs, "pump-75-percent");
+}
+
+[data-icon-name="pump-adapter-magnetic"]::before {
+  content: map-get($glyphs, "pump-adapter-magnetic");
+}
+
+[data-icon-name="pump-low"]::before {
+  content: map-get($glyphs, "pump-low");
+}
+
+[data-icon-name="rack"]::before {
+  content: map-get($glyphs, "rack");
+}
+
+[data-icon-name="rack-mobile"]::before {
+  content: map-get($glyphs, "rack-mobile");
+}
+
+[data-icon-name="radiation-protection-device"]::before {
+  content: map-get($glyphs, "radiation-protection-device");
+}
+
+[data-icon-name="radiobutton-active"]::before {
+  content: map-get($glyphs, "radiobutton-active");
+  color: #FFFFFF;
+}
+
+[data-icon-name="radiobutton-active"]::after {
+  content: map-get($glyphs, "radiobutton-active-part1");
+  color: #0074FF;
+}
+
+[data-icon-name="radiobutton-default"]::before {
+  content: map-get($glyphs, "radiobutton-default");
+}
+
+[data-icon-name="radiocircuit"]::before {
+  content: map-get($glyphs, "radiocircuit");
+}
+
+[data-icon-name="rebuild"]::before {
+  content: map-get($glyphs, "rebuild");
+}
+
+[data-icon-name="recording"]::before {
+  content: map-get($glyphs, "recording");
+}
+
+[data-icon-name="recycling"]::before {
+  content: map-get($glyphs, "recycling");
+}
+
+[data-icon-name="redo"]::before {
+  content: map-get($glyphs, "redo");
+}
+
+[data-icon-name="regard-1000"]::after {
+  content: map-get($glyphs, "regard-1000-part1");
+}
+
+[data-icon-name="regard-3000"] span::after {
+  content: map-get($glyphs, "regard-3000-part3");
+}
+
+[data-icon-name="relay-switch-closed"]::before {
+  content: map-get($glyphs, "relay-switch-closed");
+}
+
+[data-icon-name="relay-switch-open"]::before {
+  content: map-get($glyphs, "relay-switch-open");
+}
+
+[data-icon-name="reload"]::before {
+  content: map-get($glyphs, "reload");
+}
+
+[data-icon-name="reload-required"]::before {
+  content: map-get($glyphs, "reload-required");
+}
+
+[data-icon-name="relocate"]::before {
+  content: map-get($glyphs, "relocate");
+}
+
+[data-icon-name="remote"]::before {
+  content: map-get($glyphs, "remote");
+}
+
+[data-icon-name="remote-transmission"]::before {
+  content: map-get($glyphs, "remote-transmission");
+}
+
+[data-icon-name="remove"]::before {
+  content: map-get($glyphs, "remove");
+}
+
+[data-icon-name="reorganisation"]::before {
+  content: map-get($glyphs, "reorganisation");
+}
+
+[data-icon-name="resend"]::before {
+  content: map-get($glyphs, "resend");
+}
+
+[data-icon-name="reset"]::before {
+  content: map-get($glyphs, "reset");
+}
+
+[data-icon-name="resources"]::before {
+  content: map-get($glyphs, "resources");
+}
+
+[data-icon-name="rfid"]::before {
+  content: map-get($glyphs, "rfid");
+}
+
+[data-icon-name="rise-time-error"]::before {
+  content: map-get($glyphs, "rise-time-error");
+}
+
+[data-icon-name="roofing"]::before {
+  content: map-get($glyphs, "roofing");
+}
+
+[data-icon-name="rope"]::before {
+  content: map-get($glyphs, "rope");
+}
+
+[data-icon-name="saddle-roof"]::before {
+  content: map-get($glyphs, "saddle-roof");
+}
+
+[data-icon-name="safer"]::before {
+  content: map-get($glyphs, "safer");
+}
+
+[data-icon-name="save"]::before {
+  content: map-get($glyphs, "save");
+}
+
+[data-icon-name="save-as"]::before {
+  content: map-get($glyphs, "save-as");
+}
+
+[data-icon-name="saw"]::before {
+  content: map-get($glyphs, "saw");
+}
+
+[data-icon-name="scba"]::before {
+  content: map-get($glyphs, "scba");
+}
+
+[data-icon-name="scroll-grip"]::before {
+  content: map-get($glyphs, "scroll-grip");
+}
+
+[data-icon-name="scroll-page-down"]::before {
+  content: map-get($glyphs, "scroll-page-down");
+}
+
+[data-icon-name="scroll-page-up"]::before {
+  content: map-get($glyphs, "scroll-page-up");
+}
+
+[data-icon-name="scsr"]::before {
+  content: map-get($glyphs, "scsr");
+}
+
+[data-icon-name="search"]::before {
+  content: map-get($glyphs, "search");
+}
+
+[data-icon-name="search-activate"]::before {
+  content: map-get($glyphs, "search-activate");
+}
+
+[data-icon-name="search-close"]::before {
+  content: map-get($glyphs, "search-close");
+}
+
+[data-icon-name="search-next"]::before {
+  content: map-get($glyphs, "search-next");
+}
+
+[data-icon-name="search-previous"]::before {
+  content: map-get($glyphs, "search-previous");
+}
+
+[data-icon-name="search-save"]::before {
+  content: map-get($glyphs, "search-save");
+}
+
+[data-icon-name="search-service"]::before {
+  content: map-get($glyphs, "search-service");
+}
+
+[data-icon-name="searching"]::before {
+  content: map-get($glyphs, "searching");
+}
+
+[data-icon-name="searching-1"]::before {
+  content: map-get($glyphs, "searching-1");
+}
+
+[data-icon-name="searching-2"]::before {
+  content: map-get($glyphs, "searching-2");
+}
+
+[data-icon-name="searching-3"]::before {
+  content: map-get($glyphs, "searching-3");
+}
+
+[data-icon-name="send"]::before {
+  content: map-get($glyphs, "send");
+}
+
+[data-icon-name="send-error"]::before {
+  content: map-get($glyphs, "send-error");
+}
+
+[data-icon-name="send-error"]::after {
+  content: map-get($glyphs, "send-error-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="send-successful"]::before {
+  content: map-get($glyphs, "send-successful");
+}
+
+[data-icon-name="send-successful"]::after {
+  content: map-get($glyphs, "send-successful-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="send-successful"] span::before {
+  content: map-get($glyphs, "send-successful-part2");
+  color: #000000;
+}
+
+[data-icon-name="send-error"] span::before {
+  content: map-get($glyphs, "send-error-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="sending"]::before {
+  content: map-get($glyphs, "sending");
+}
+
+[data-icon-name="sensor-100-percent"]::after {
+  content: map-get($glyphs, "sensor-100-percent-part1");
+}
+
+[data-icon-name="sensor-25-percent"] span::before {
+  content: map-get($glyphs, "sensor-25-percent-part2");
+}
+
+[data-icon-name="sensor-50-percent"]::before {
+  content: map-get($glyphs, "sensor-50-percent-part5");
+}
+
+[data-icon-name="sensor-75-percent"]::before {
+  content: map-get($glyphs, "sensor-75-percent-part7");
+}
+
+[data-icon-name="sensor-catex"]::before {
+  content: map-get($glyphs, "sensor-catex");
+}
+
+[data-icon-name="sensor-disabled"]::before {
+  content: map-get($glyphs, "sensor-disabled");
+}
+
+[data-icon-name="sensor-ec"]::before {
+  content: map-get($glyphs, "sensor-ec");
+}
+
+[data-icon-name="sensor-error"]::before {
+  content: map-get($glyphs, "sensor-error");
+}
+
+[data-icon-name="sensor-error"]::after {
+  content: map-get($glyphs, "sensor-error-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="sensor-error"] span::before {
+  content: map-get($glyphs, "sensor-error-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="sensor-information"]::before {
+  content: map-get($glyphs, "sensor-information");
+}
+
+[data-icon-name="sensor-ir"]::before {
+  content: map-get($glyphs, "sensor-ir");
+}
+
+[data-icon-name="sensor-low"]::before {
+  content: map-get($glyphs, "sensor-low");
+}
+
+[data-icon-name="sensor-overheat"]::before {
+  content: map-get($glyphs, "sensor-overheat");
+}
+
+[data-icon-name="sensor-pid"]::before {
+  content: map-get($glyphs, "sensor-pid");
+}
+
+[data-icon-name="sensor-warning"]::before {
+  content: map-get($glyphs, "sensor-warning");
+}
+
+[data-icon-name="sensor-warning"]::after {
+  content: map-get($glyphs, "sensor-warning-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="sensor-warning"] span::before {
+  content: map-get($glyphs, "sensor-warning-part2");
+  color: #000000;
+}
+
+[data-icon-name="sensors"]::before {
+  content: map-get($glyphs, "sensors");
+}
+
+[data-icon-name="sent"]::before {
+  content: map-get($glyphs, "sent");
+}
+
+[data-icon-name="service"]::before {
+  content: map-get($glyphs, "service");
+}
+
+[data-icon-name="settings"]::before {
+  content: map-get($glyphs, "settings");
+}
+
+[data-icon-name="settings-add"]::before {
+  content: map-get($glyphs, "settings-add");
+}
+
+[data-icon-name="settings-edit"]::before {
+  content: map-get($glyphs, "settings-edit");
+}
+
+[data-icon-name="settings-enter"]::before {
+  content: map-get($glyphs, "settings-enter");
+}
+
+[data-icon-name="settings-leave"]::before {
+  content: map-get($glyphs, "settings-leave");
+}
+
+[data-icon-name="settings-remove"]::before {
+  content: map-get($glyphs, "settings-remove");
+}
+
+[data-icon-name="settings-reset"]::before {
+  content: map-get($glyphs, "settings-reset");
+}
+
+[data-icon-name="settings-reset"]::after {
+  content: map-get($glyphs, "settings-reset-part1");
+  color: #e6141e;
+}
+
+[data-icon-name="settings-reset"] span::before {
+  content: map-get($glyphs, "settings-reset-part2");
+  color: #ffffff;
+}
+
+[data-icon-name="share"]::before {
+  content: map-get($glyphs, "share");
+}
+
+[data-icon-name="shoppingcart"]::before {
+  content: map-get($glyphs, "shoppingcart");
+}
+
+[data-icon-name="shutdown"]::before {
+  content: map-get($glyphs, "shutdown");
+}
+
+[data-icon-name="signal"]::before {
+  content: map-get($glyphs, "signal");
+}
+
+[data-icon-name="signal-0-percent"]::before {
+  content: map-get($glyphs, "signal-0-percent");
+}
+
+[data-icon-name="signal-100-percent"]::after {
+  content: map-get($glyphs, "signal-100-percent-part1");
+}
+
+[data-icon-name="signal-25-percent"] span::before {
+  content: map-get($glyphs, "signal-25-percent-part2");
+}
+
+[data-icon-name="signal-50-percent"]::before {
+  content: map-get($glyphs, "signal-50-percent-part5");
+}
+
+[data-icon-name="signal-75-percent"]::before {
+  content: map-get($glyphs, "signal-75-percent-part7");
+}
+
+[data-icon-name="simulation"]::before {
+  content: map-get($glyphs, "simulation");
+}
+
+[data-icon-name="sketch"]::before {
+  content: map-get($glyphs, "sketch");
+}
+
+[data-icon-name="snapshot"]::before {
+  content: map-get($glyphs, "snapshot");
+}
+
+[data-icon-name="sort-ascendant"]::before {
+  content: map-get($glyphs, "sort-ascendant");
+}
+
+[data-icon-name="sort-ascending"]::before {
+  content: map-get($glyphs, "sort-ascending");
+}
+
+[data-icon-name="sort-descending"]::before {
+  content: map-get($glyphs, "sort-descending");
+}
+
+[data-icon-name="sos"]::before {
+  content: map-get($glyphs, "sos");
+}
+
+[data-icon-name="sos-no-telemetry"]::before {
+  content: map-get($glyphs, "sos-no-telemetry");
+}
+
+[data-icon-name="spare-parts"]::before {
+  content: map-get($glyphs, "spare-parts");
+}
+
+[data-icon-name="speed"]::before {
+  content: map-get($glyphs, "speed");
+}
+
+[data-icon-name="sprinkler"]::before {
+  content: map-get($glyphs, "sprinkler");
+}
+
+[data-icon-name="standby"]::before {
+  content: map-get($glyphs, "standby");
+}
+
+[data-icon-name="start-flush"]::before {
+  content: map-get($glyphs, "start-flush");
+}
+
+[data-icon-name="storage-box"]::before {
+  content: map-get($glyphs, "storage-box");
+}
+
+[data-icon-name="substance"]::before {
+  content: map-get($glyphs, "substance");
+}
+
+[data-icon-name="substances"]::before {
+  content: map-get($glyphs, "substances");
+}
+
+[data-icon-name="suffocation-a1"]::before {
+  content: map-get($glyphs, "suffocation-a1");
+}
+
+[data-icon-name="suffocation-a1"]::after {
+  content: map-get($glyphs, "suffocation-a1-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="suffocation-a1"] span::before {
+  content: map-get($glyphs, "suffocation-a1-part2");
+  color: #000000;
+}
+
+[data-icon-name="suffocation-a2"]::before {
+  content: map-get($glyphs, "suffocation-a2");
+}
+
+[data-icon-name="suffocation-a2"]::after {
+  content: map-get($glyphs, "suffocation-a2-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="suffocation-a2"] span::before {
+  content: map-get($glyphs, "suffocation-a2-part2");
+  color: #000000;
+}
+
+[data-icon-name="suffocation-stel"]::before {
+  content: map-get($glyphs, "suffocation-stel");
+}
+
+[data-icon-name="suffocation-stel"]::after {
+  content: map-get($glyphs, "suffocation-stel-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="suffocation-stel"] span::before {
+  content: map-get($glyphs, "suffocation-stel-part2");
+  color: #000000;
+}
+
+[data-icon-name="suffocation-twa"]::before {
+  content: map-get($glyphs, "suffocation-twa");
+}
+
+[data-icon-name="suffocation-twa"]::after {
+  content: map-get($glyphs, "suffocation-twa-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="suffocation-twa"] span::before {
+  content: map-get($glyphs, "suffocation-twa-part2");
+  color: #000000;
+}
+
+[data-icon-name="suffocation"]::before {
+  content: map-get($glyphs, "suffocation");
+  color: #FFE600;
+}
+
+[data-icon-name="suffocation"]::after {
+  content: map-get($glyphs, "suffocation-part1");
+  color: #000000;
+}
+
+[data-icon-name="synchronize"]::before {
+  content: map-get($glyphs, "synchronize");
+}
+
+[data-icon-name="system"]::before {
+  content: map-get($glyphs, "system");
+}
+
+[data-icon-name="system-storage-error"]::before {
+  content: map-get($glyphs, "system-storage-error");
+}
+
+[data-icon-name="system-storage-error"]::after {
+  content: map-get($glyphs, "system-storage-error-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="system-storage-error"] span::before {
+  content: map-get($glyphs, "system-storage-error-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="system-storage-warning"]::before {
+  content: map-get($glyphs, "system-storage-warning");
+}
+
+[data-icon-name="system-storage-warning"]::after {
+  content: map-get($glyphs, "system-storage-warning-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="system-storage-warning"] span::before {
+  content: map-get($glyphs, "system-storage-warning-part2");
+  color: #000000;
+}
+
+[data-icon-name="table"]::before {
+  content: map-get($glyphs, "table");
+}
+
+[data-icon-name="tablet"]::before {
+  content: map-get($glyphs, "tablet");
+}
+
+[data-icon-name="tag-barcode"]::before {
+  content: map-get($glyphs, "tag-barcode");
+}
+
+[data-icon-name="telemetry"]::before {
+  content: map-get($glyphs, "telemetry");
+}
+
+[data-icon-name="telemetry-active"]::before {
+  content: map-get($glyphs, "telemetry-active");
+}
+
+[data-icon-name="telemetry-active"]::after {
+  content: map-get($glyphs, "telemetry-active-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="telemetry-active"] span::before {
+  content: map-get($glyphs, "telemetry-active-part2");
+  color: #000000;
+}
+
+[data-icon-name="telemetry-disabled"]::before {
+  content: map-get($glyphs, "telemetry-disabled");
+}
+
+[data-icon-name="telemetry-error"]::before {
+  content: map-get($glyphs, "telemetry-error");
+}
+
+[data-icon-name="telemetry-error"]::after {
+  content: map-get($glyphs, "telemetry-error-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="telemetry-error"] span::before {
+  content: map-get($glyphs, "telemetry-error-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="telemetry-search"]::before {
+  content: map-get($glyphs, "telemetry-search");
+}
+
+[data-icon-name="telemetry-warning"]::before {
+  content: map-get($glyphs, "telemetry-warning");
+}
+
+[data-icon-name="telemetry-warning"]::after {
+  content: map-get($glyphs, "telemetry-warning-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="telemetry-warning"] span::before {
+  content: map-get($glyphs, "telemetry-warning-part2");
+  color: #000000;
+}
+
+[data-icon-name="temperature-error"]::before {
+  content: map-get($glyphs, "temperature-error");
+}
+
+[data-icon-name="temperature-high"]::before {
+  content: map-get($glyphs, "temperature-high");
+}
+
+[data-icon-name="temperature-low"]::before {
+  content: map-get($glyphs, "temperature-low");
+}
+
+[data-icon-name="temperature-warning"]::before {
+  content: map-get($glyphs, "temperature-warning");
+}
+
+[data-icon-name="test"]::before {
+  content: map-get($glyphs, "test");
+}
+
+[data-icon-name="test-edit"]::before {
+  content: map-get($glyphs, "test-edit");
+}
+
+[data-icon-name="test-eq"]::before {
+  content: map-get($glyphs, "test-eq");
+}
+
+[data-icon-name="test-eq-connection"]::before {
+  content: map-get($glyphs, "test-eq-connection");
+}
+
+[data-icon-name="test-error"]::before {
+  content: map-get($glyphs, "test-error");
+}
+
+[data-icon-name="test-error"]::after {
+  content: map-get($glyphs, "test-error-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="test-error"] span::before {
+  content: map-get($glyphs, "test-error-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="test-note"]::before {
+  content: map-get($glyphs, "test-note");
+}
+
+[data-icon-name="test-results"]::before {
+  content: map-get($glyphs, "test-results");
+}
+
+[data-icon-name="testing"]::before {
+  content: map-get($glyphs, "testing");
+}
+
+[data-icon-name="theme-switch"]::before {
+  content: map-get($glyphs, "theme-switch");
+}
+
+[data-icon-name="thermal-alarm"]::before {
+  content: map-get($glyphs, "thermal-alarm");
+}
+
+[data-icon-name="thermal-alarm"]::after {
+  content: map-get($glyphs, "thermal-alarm-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="thermal-alarm"] span::before {
+  content: map-get($glyphs, "thermal-alarm-part2");
+  color: #000000;
+}
+
+[data-icon-name="tic"]::before {
+  content: map-get($glyphs, "tic");
+}
+
+[data-icon-name="tic-connection-rejected"]::before {
+  content: map-get($glyphs, "tic-connection-rejected");
+}
+
+[data-icon-name="tic-connection-rejected"]::after {
+  content: map-get($glyphs, "tic-connection-rejected-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="tic-connection-rejected"] span::before {
+  content: map-get($glyphs, "tic-connection-rejected-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="tic-connection-success"]::before {
+  content: map-get($glyphs, "tic-connection-success");
+}
+
+[data-icon-name="tic-connection-success"]::after {
+  content: map-get($glyphs, "tic-connection-success-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="tic-connection-success"] span::before {
+  content: map-get($glyphs, "tic-connection-success-part2");
+  color: #000000;
+}
+
+[data-icon-name="tic-failed"]::before {
+  content: map-get($glyphs, "tic-failed");
+}
+
+[data-icon-name="tic-pairing-failed"]::before {
+  content: map-get($glyphs, "tic-pairing-failed");
+}
+
+[data-icon-name="tic-pairing-failed"]::after {
+  content: map-get($glyphs, "tic-pairing-failed-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="tic-pairing-failed"] span::before {
+  content: map-get($glyphs, "tic-pairing-failed-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="tic-successful"]::before {
+  content: map-get($glyphs, "tic-successful");
+}
+
+[data-icon-name="tile-menu"]::before {
+  content: map-get($glyphs, "tile-menu");
+}
+
+[data-icon-name="time"]::before {
+  content: map-get($glyphs, "time");
+}
+
+[data-icon-name="time-compress"]::before {
+  content: map-get($glyphs, "time-compress");
+}
+
+[data-icon-name="time-stretch"]::before {
+  content: map-get($glyphs, "time-stretch");
+}
+
+[data-icon-name="time-window"]::before {
+  content: map-get($glyphs, "time-window");
+}
+
+[data-icon-name="timeline-view"]::before {
+  content: map-get($glyphs, "timeline-view");
+}
+
+[data-icon-name="timer"]::before {
+  content: map-get($glyphs, "timer");
+}
+
+[data-icon-name="timer-elapsed"]::before {
+  content: map-get($glyphs, "timer-elapsed");
+}
+
+[data-icon-name="timer-start"]::before {
+  content: map-get($glyphs, "timer-start");
+}
+
+[data-icon-name="toggle-button-active"]::before {
+  content: map-get($glyphs, "toggle-button-active");
+  color: #0074ff;
+}
+
+[data-icon-name="toggle-button-active"]::after {
+  content: map-get($glyphs, "toggle-button-active-part1");
+  color: #ffffff;
+}
+
+[data-icon-name="toggle-button-default"]::before {
+  content: map-get($glyphs, "toggle-button-default");
+}
+
+[data-icon-name="top-level"]::before {
+  content: map-get($glyphs, "top-level");
+}
+
+[data-icon-name="topology"]::before {
+  content: map-get($glyphs, "topology");
+}
+
+[data-icon-name="total-care"]::before {
+  content: map-get($glyphs, "total-care");
+}
+
+[data-icon-name="toxic-a1"]::before {
+  content: map-get($glyphs, "toxic-a1");
+}
+
+[data-icon-name="toxic-a1"]::after {
+  content: map-get($glyphs, "toxic-a1-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="toxic-a1"] span::before {
+  content: map-get($glyphs, "toxic-a1-part2");
+  color: #000000;
+}
+
+[data-icon-name="toxic-a2"]::before {
+  content: map-get($glyphs, "toxic-a2");
+}
+
+[data-icon-name="toxic-a2"]::after {
+  content: map-get($glyphs, "toxic-a2-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="toxic-a2"] span::before {
+  content: map-get($glyphs, "toxic-a2-part2");
+  color: #000000;
+}
+
+[data-icon-name="toxic-stel"]::before {
+  content: map-get($glyphs, "toxic-stel");
+}
+
+[data-icon-name="toxic-stel"]::after {
+  content: map-get($glyphs, "toxic-stel-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="toxic-stel"] span::before {
+  content: map-get($glyphs, "toxic-stel-part2");
+  color: #000000;
+}
+
+[data-icon-name="toxic-twa"]::before {
+  content: map-get($glyphs, "toxic-twa");
+}
+
+[data-icon-name="toxic-twa"]::after {
+  content: map-get($glyphs, "toxic-twa-part1");
+  color: #FFE600;
+}
+
+[data-icon-name="toxic-twa"] span::before {
+  content: map-get($glyphs, "toxic-twa-part2");
+  color: #000000;
+}
+
+[data-icon-name="toxic"]::before {
+  content: map-get($glyphs, "toxic");
+  color: #FFE600;
+}
+
+[data-icon-name="toxic"]::after {
+  content: map-get($glyphs, "toxic-part1");
+  color: #000000;
+}
+
+[data-icon-name="trailer"]::before {
+  content: map-get($glyphs, "trailer");
+}
+
+[data-icon-name="truck"]::before {
+  content: map-get($glyphs, "truck");
+}
+
+[data-icon-name="tube"]::before {
+  content: map-get($glyphs, "tube");
+}
+
+[data-icon-name="tube-off"]::before {
+  content: map-get($glyphs, "tube-off");
+}
+
+[data-icon-name="tube-on"]::before {
+  content: map-get($glyphs, "tube-on");
+}
+
+[data-icon-name="ucf-6000-9000"]::before {
+  content: map-get($glyphs, "ucf-6000-9000");
+}
+
+[data-icon-name="underrange"]::before {
+  content: map-get($glyphs, "underrange");
+}
+
+[data-icon-name="underrange-error"]::before {
+  content: map-get($glyphs, "underrange-error");
+}
+
+[data-icon-name="underrange-warning"]::before {
+  content: map-get($glyphs, "underrange-warning");
+}
+
+[data-icon-name="undo"]::before {
+  content: map-get($glyphs, "undo");
+}
+
+[data-icon-name="unlock"]::before {
+  content: map-get($glyphs, "unlock");
+}
+
+[data-icon-name="upload"]::before {
+  content: map-get($glyphs, "upload");
+}
+
+[data-icon-name="user"]::before {
+  content: map-get($glyphs, "user");
+}
+
+[data-icon-name="user-administration"]::before {
+  content: map-get($glyphs, "user-administration");
+}
+
+[data-icon-name="user-administrator"]::before {
+  content: map-get($glyphs, "user-administrator");
+}
+
+[data-icon-name="user-edit"]::before {
+  content: map-get($glyphs, "user-edit");
+}
+
+[data-icon-name="user-engineer"]::before {
+  content: map-get($glyphs, "user-engineer");
+}
+
+[data-icon-name="user-group"]::before {
+  content: map-get($glyphs, "user-group");
+}
+
+[data-icon-name="user-group-administration"]::before {
+  content: map-get($glyphs, "user-group-administration");
+}
+
+[data-icon-name="user-id"]::before {
+  content: map-get($glyphs, "user-id");
+}
+
+[data-icon-name="user-id-error"]::before {
+  content: map-get($glyphs, "user-id-error");
+}
+
+[data-icon-name="user-id-error"]::after {
+  content: map-get($glyphs, "user-id-error-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="user-id-error"] span::before {
+  content: map-get($glyphs, "user-id-error-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="user-id-invalid"]::before {
+  content: map-get($glyphs, "user-id-invalid");
+}
+
+[data-icon-name="user-id-query"]::before {
+  content: map-get($glyphs, "user-id-query");
+}
+
+[data-icon-name="user-id-reading"]::before {
+  content: map-get($glyphs, "user-id-reading");
+}
+
+[data-icon-name="user-id-ready"]::before {
+  content: map-get($glyphs, "user-id-ready");
+}
+
+[data-icon-name="user-id-ready"]::after {
+  content: map-get($glyphs, "user-id-ready-part1");
+  color: #7FEE1A;
+}
+
+[data-icon-name="user-id-ready"] span::before {
+  content: map-get($glyphs, "user-id-ready-part2");
+  color: #000000;
+}
+
+[data-icon-name="user-level-1"]::before {
+  content: map-get($glyphs, "user-level-1");
+}
+
+[data-icon-name="user-level-2"]::before {
+  content: map-get($glyphs, "user-level-2");
+}
+
+[data-icon-name="user-level-3"]::before {
+  content: map-get($glyphs, "user-level-3");
+}
+
+[data-icon-name="user-level-4"]::before {
+  content: map-get($glyphs, "user-level-4");
+}
+
+[data-icon-name="user-level-5"]::before {
+  content: map-get($glyphs, "user-level-5");
+}
+
+[data-icon-name="user-logout"]::before {
+  content: map-get($glyphs, "user-logout");
+}
+
+[data-icon-name="user-logout"]::after {
+  content: map-get($glyphs, "user-logout-part1");
+  color: #E6141E;
+}
+
+[data-icon-name="user-logout"] span::before {
+  content: map-get($glyphs, "user-logout-part2");
+  color: #FFFFFF;
+}
+
+[data-icon-name="user-maintainer"]::before {
+  content: map-get($glyphs, "user-maintainer");
+}
+
+[data-icon-name="user-operator"]::before {
+  content: map-get($glyphs, "user-operator");
+}
+
+[data-icon-name="user-trainer"]::before {
+  content: map-get($glyphs, "user-trainer");
+}
+
+[data-icon-name="user-training"]::before {
+  content: map-get($glyphs, "user-training");
+}
+
+[data-icon-name="user-worker"]::before {
+  content: map-get($glyphs, "user-worker");
+}
+
+[data-icon-name="vario-guard-control-center"]::before {
+  content: map-get($glyphs, "vario-guard-control-center");
+}
+
+[data-icon-name="vario-guard-sensor"]::before {
+  content: map-get($glyphs, "vario-guard-sensor");
+}
+
+[data-icon-name="various-graphs"]::before {
+  content: map-get($glyphs, "various-graphs");
+}
+
+[data-icon-name="vehicle-accident"]::before {
+  content: map-get($glyphs, "vehicle-accident");
+}
+
+[data-icon-name="vent-close"]::before {
+  content: map-get($glyphs, "vent-close");
+}
+
+[data-icon-name="vent-close"]::after {
+  content: map-get($glyphs, "vent-close-part1");
+}
+
+[data-icon-name="vent-open"]::before {
+  content: map-get($glyphs, "vent-open");
+}
+
+[data-icon-name="view"]::before {
+  content: map-get($glyphs, "view");
+}
+
+[data-icon-name="visual-inspection"]::before {
+  content: map-get($glyphs, "visual-inspection");
+}
+
+[data-icon-name="volume-1"]::after {
+  content: map-get($glyphs, "volume-1-part1");
+}
+
+[data-icon-name="volume-2"] span::before {
+  content: map-get($glyphs, "volume-2-part2");
+}
+
+[data-icon-name="volume-max"]::before {
+  content: map-get($glyphs, "volume-max");
+}
+
+[data-icon-name="volume-min"]::before {
+  content: map-get($glyphs, "volume-min");
+}
+
+[data-icon-name="volume-mute"]::before {
+  content: map-get($glyphs, "volume-mute");
+}
+
+[data-icon-name="volume-query"]::before {
+  content: map-get($glyphs, "volume-query");
+}
+
+[data-icon-name="volume-reduction"]::before {
+  content: map-get($glyphs, "volume-reduction");
+}
+
+[data-icon-name="warm-up-time"]::before {
+  content: map-get($glyphs, "warm-up-time");
+}
+
+[data-icon-name="warning"]::before {
+  content: map-get($glyphs, "warning");
+  color: #FFE600;
+}
+
+[data-icon-name="warning"]::after {
+  content: map-get($glyphs, "warning-part1");
+  color: #000000;
+}
+
+[data-icon-name="washing-machine"]::before {
+  content: map-get($glyphs, "washing-machine");
+}
+
+[data-icon-name="water"]::before {
+  content: map-get($glyphs, "water");
+}
+
+[data-icon-name="wifi-100-percent"]::before {
+  content: map-get($glyphs, "wifi-100-percent");
+}
+
+[data-icon-name="wifi-25-percent"]::before {
+  content: map-get($glyphs, "wifi-25-percent");
+}
+
+[data-icon-name="wifi-50-percent"]::before {
+  content: map-get($glyphs, "wifi-50-percent");
+}
+
+[data-icon-name="wifi-75-percent"]::before {
+  content: map-get($glyphs, "wifi-75-percent");
+}
+
+[data-icon-name="wifi-disabled"]::before {
+  content: map-get($glyphs, "wifi-disabled");
+}
+
+[data-icon-name="wifi-disabled-circle"]::before {
+  content: map-get($glyphs, "wifi-disabled-circle");
+}
+
+[data-icon-name="wizard"]::before {
+  content: map-get($glyphs, "wizard");
+}
+
+[data-icon-name="workshop"]::before {
+  content: map-get($glyphs, "workshop");
+}
+
+[data-icon-name="xact-5000"]::before {
+  content: map-get($glyphs, "xact-5000");
+}
+
+[data-icon-name="xact-7000"]::before {
+  content: map-get($glyphs, "xact-7000");
+}
+
+[data-icon-name="xam-2000"]::before {
+  content: map-get($glyphs, "xam-2000");
+}
+
+[data-icon-name="xam-2500"]::before {
+  content: map-get($glyphs, "xam-2500");
+}
+
+[data-icon-name="xam-3000"]::before {
+  content: map-get($glyphs, "xam-3000");
+}
+
+[data-icon-name="xam-5000"]::before {
+  content: map-get($glyphs, "xam-5000");
+}
+
+[data-icon-name="xam-7000"]::before {
+  content: map-get($glyphs, "xam-7000");
+}
+
+[data-icon-name="xam-8000"]::before {
+  content: map-get($glyphs, "xam-8000");
+}
+
+[data-icon-name="xdock"]::before {
+  content: map-get($glyphs, "xdock");
+}
+
+[data-icon-name="xpid-9000"]::before {
+  content: map-get($glyphs, "xpid-9000");
+}
+
+[data-icon-name="xplore"]::before {
+  content: map-get($glyphs, "xplore");
+}
+
+[data-icon-name="xplore-1300"]::after {
+  content: map-get($glyphs, "xplore-1300-part1");
+}
+
+[data-icon-name="xplore-1700"]::after {
+  content: map-get($glyphs, "xplore-1700-part1");
+}
+
+[data-icon-name="xplore-1900"]::after {
+  content: map-get($glyphs, "xplore-1900-part1");
+}
+
+[data-icon-name="xplore-3500"] span::after {
+  content: map-get($glyphs, "xplore-3500-part3");
+}
+
+[data-icon-name="xplore-5500"]::before {
+  content: map-get($glyphs, "xplore-5500-part5");
+}
+
+[data-icon-name="xplore-6300"]::before {
+  content: map-get($glyphs, "xplore-6300-part6");
+}
+
+[data-icon-name="xplore-8000"]::before {
+  content: map-get($glyphs, "xplore-8000-part8");
+}
+
+[data-icon-name="xplore-8000-headpiece"]::before {
+  content: map-get($glyphs, "xplore-8000-headpiece-part8");
+}
+
+[data-icon-name="xplore-8000-system"]::before {
+  content: map-get($glyphs, "xplore-8000-system-part8");
+}
+
+[data-icon-name="xzone-5000"]::before {
+  content: map-get($glyphs, "xzone-5000");
+}
+
+[data-icon-name="yes"]::before {
+  content: map-get($glyphs, "yes");
+}
+
+[data-icon-name="zoom-document-size"]::before {
+  content: map-get($glyphs, "zoom-document-size");
+}
+
+[data-icon-name="zoom-document-width"]::before {
+  content: map-get($glyphs, "zoom-document-width");
+}
+
+[data-icon-name="zoom-in"]::before {
+  content: map-get($glyphs, "zoom-in");
+}
+
+[data-icon-name="zoom-original"]::before {
+  content: map-get($glyphs, "zoom-original");
+}
+
+[data-icon-name="zoom-out"]::before {
+  content: map-get($glyphs, "zoom-out");
+}
+
+[data-icon-name="zoom-window"]::before {
+  content: map-get($glyphs, "zoom-window");
 }