@odx/icons 1.1.0 → 1.3.0

package/safety/font.scss

@@ -45,7 +45,3269 @@
   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="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="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="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="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="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="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-2"]::before {
+  content: map-get($glyphs, "battery-2");
+}
+
+[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="blocking-alarm"]::before {
+  content: map-get($glyphs, "blocking-alarm");
+}
+
+[data-icon-name="blow"]::before {
+  content: map-get($glyphs, "blow");
+}
+
+[data-icon-name="bodyguard"]::before {
+  content: map-get($glyphs, "bodyguard");
+}
+
+[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="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="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="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-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="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-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="conhub"]::before {
+  content: map-get($glyphs, "conhub");
+}
+
+[data-icon-name="construction-method"]::before {
+  content: map-get($glyphs, "construction-method");
+}
+
+[data-icon-name="controlbox"]::before {
+  content: map-get($glyphs, "controlbox");
+}
+
+[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="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="deadman"]::before {
+  content: map-get($glyphs, "deadman");
+}
+
+[data-icon-name="deletion-successful"]::before {
+  content: map-get($glyphs, "deletion-successful");
+}
+
+[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="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="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="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="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="fax"]::before {
+  content: map-get($glyphs, "fax");
+}
+
+[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-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="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="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="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="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-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="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="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="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="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="masonry"]::before {
+  content: map-get($glyphs, "masonry");
+}
+
+[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="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="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="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-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="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="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="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="radiocircuit"]::before {
+  content: map-get($glyphs, "radiocircuit");
+}
+
+[data-icon-name="rebuild"]::before {
+  content: map-get($glyphs, "rebuild");
+}
+
+[data-icon-name="recycling"]::before {
+  content: map-get($glyphs, "recycling");
+}
+
+[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="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="reorganisation"]::before {
+  content: map-get($glyphs, "reorganisation");
+}
+
+[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="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="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="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="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="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="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="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="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="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="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="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");
 }