@odx/icons 1.1.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,7 +2,7 @@
2
2
  <html>
3
3
  <head>
4
4
  <meta charset="utf-8">
5
- <title>@odx/icons 1.1.0</title>
5
+ <title>@odx/icons 1.3.0</title>
6
6
  <link rel="stylesheet" type="text/css" href="font.css" media="screen" />
7
7
  <style>
8
8
  * {
@@ -19,18 +19,30 @@
19
19
  .page-header {
20
20
  display: flex;
21
21
  background-color: #ffffff;
22
- border-bottom: 1px solid rgba(0,0,0,.1);
23
22
  font-size: 24px;
24
23
  line-height: 48px;
25
24
  position: sticky;
26
25
  top: 0;
27
26
  z-index: 1;
28
- margin-bottom: 32px;
29
27
  padding: 0 32px;
28
+ align-items: center;
29
+ }
30
+
31
+ .page-logo {
32
+ height: 24px;
33
+ margin-right: 12px;
30
34
  }
31
35
 
32
36
  .page-title {
33
- font-size: 24px;
37
+ font-size: 18px;
38
+ }
39
+
40
+ .page-search {
41
+ margin: 0 auto;
42
+ flex: 1 1 auto;
43
+ margin: 0 24px;
44
+ padding: 0 8px;
45
+ line-height: 24px;
34
46
  }
35
47
 
36
48
  .icon-count {
@@ -42,6 +54,7 @@
42
54
  display: flex;
43
55
  flex-wrap: wrap;
44
56
  margin: 0 auto;
57
+ padding: 24px;
45
58
  justify-content: center;
46
59
  }
47
60
 
@@ -50,14 +63,18 @@
50
63
  flex-direction: column;
51
64
  justify-content: center;
52
65
  align-items: center;
53
- width: 250px;
66
+ min-width: 160px;
54
67
  margin: 8px;
55
68
  padding: 8px;
56
69
  line-height: 18px;
57
- transition: 300ms ease;
70
+ transition: 250ms ease;
58
71
  cursor: pointer;
59
72
  }
60
73
 
74
+ .icons__item.is-hidden {
75
+ display: none;
76
+ }
77
+
61
78
  .odx-icon {
62
79
  width: 48px;
63
80
  height: 48px;
@@ -66,7 +83,19 @@
66
83
 
67
84
  .icons__item:hover {
68
85
  background-color: #ffffff;
69
- transform: scale(1.25);
86
+ transform: scale(1.1);
87
+ }
88
+
89
+ .icon-name,
90
+ .icon-alias {
91
+ max-width: 160px;
92
+ text-overflow: ellipsis;
93
+ white-space: nowrap;
94
+ overflow: hidden;
95
+ }
96
+
97
+ .icon-name {
98
+ font-size: 14px;
70
99
  }
71
100
 
72
101
  .icon-alias {
@@ -82,7 +111,7 @@
82
111
  width: 100%;
83
112
  line-height: 32px;
84
113
  text-align:center;
85
- background-color: #00dd31;
114
+ background-color: #93ffaa;
86
115
  color: #002766;
87
116
  z-index: 2;
88
117
  }
@@ -90,44 +119,4118 @@
90
119
  </head>
91
120
  <body>
92
121
  <header class="page-header">
122
+ <svg class="page-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 74 29">
123
+ <path
124
+ fill="#002766"
125
+ d="M29.717 2.887c0 1.4-1.127 2.535-2.512 2.535a2.522 2.522 0 0 1-2.514-2.533c0-1.4 1.124-2.534 2.514-2.534a2.523 2.523 0 0 1 2.512 2.532ZM9.827.848H0v2.554h7.779c.903 0 1.635.732 1.644 1.637v14.62a1.65 1.65 0 0 1-1.644 1.64H4.823l.001-15.516H0v18.174h9.827c2.303 0 4.17-1.868 4.192-4.187V5.036C13.998 2.717 12.13.848 9.827.848Zm13.968 6.18c-2.705-.01-4.327.186-5.537.464-1.649.414-2.318.972-2.638 1.24a2.134 2.134 0 0 1-.145.114v15.111h4.596V11.452c-.027-1.55 2.264-2.062 3.722-.984l.002-3.44Zm42.037 1.694c.324-.269.992-.823 2.634-1.235 1.205-.275 2.833-.475 5.534-.464v3.44c-1.457-1.079-3.75-.566-3.726.984v12.509h-4.593V8.84c.04-.028.09-.068.15-.12ZM31.507 21.278h-2.135c-.987.018-1.716-.705-1.737-1.76a37.415 37.415 0 0 1 0-1.91c.014-.968.75-1.743 1.737-1.73h2.135v5.4Zm.679-14.253h-7.447v3.438s2.625-.894 4.448-.894c2.222 0 2.34 1.13 2.322 1.635v2.022h-4.484c-2.048 0-3.709 1.67-3.718 3.734v3.246c0 2.07 1.665 3.75 3.718 3.75h9.077v-13.01c-.015-2.318-1.883-3.92-3.916-3.92Zm1.074-1.604a2.521 2.521 0 0 0 2.512-2.534A2.52 2.52 0 0 0 33.26.355a2.522 2.522 0 0 0-2.513 2.532 2.523 2.523 0 0 0 2.513 2.534ZM43.7 9.605c-1.776 0-1.974 1.253-1.974 1.975v1.67c0 .725.198 1.976 1.974 1.974 1.778-.001 1.975-1.25 1.975-1.975v-1.67c0-.722-.197-1.974-1.975-1.974Zm2.281 8.092H41.33c-2.038.01-3.916-1.604-3.914-3.919V10.98C37.405 8.927 39 7.014 41.3 7.025h8.566v6.72c.004 2.05-1.601 3.96-3.884 3.952Zm-.117 6.877c0 .719-.21 1.971-2.084 1.971-1.869 0-2.078-1.252-2.078-1.97v-1.673c0-.723.21-1.977 2.078-1.977 1.875 0 2.084 1.255 2.084 1.977v1.672Zm.473-6.234-5.21.002c-2.29-.003-3.892 1.868-3.885 3.92v2.785c-.005 2.305 1.88 3.956 3.917 3.953h5.204c2.288 0 3.902-1.915 3.89-3.953v-2.785a3.916 3.916 0 0 0-3.916-3.922Zm9.41-3.326h3.946v-3.449c0-.723-.253-1.975-1.972-1.975-1.722 0-1.973 1.252-1.973 1.975v3.449Zm-.59-7.99 5.173-.001c2.03 0 3.926 1.602 3.923 3.92v6.699h-8.417v2.072c.008.906.696 1.66 2.522 1.66 2.81.005 5.761-.846 5.761-.846v3.428h-8.76c-2.233.004-4.123-1.6-4.118-3.918v-9.093c0-2.33 1.879-3.93 3.916-3.921Z"
126
+ />
127
+ </svg>
93
128
  <h1 class="page-title">
94
- @odx/icons 1.1.0
129
+ @odx/icons 1.3.0
95
130
  </h1>
131
+ <input class="page-search" placeholder="Search icons ..." />
96
132
  <div class="icon-count">
97
- Iconset: safety - 1 icons
133
+ Iconset: <strong>safety</strong> (771 icons)
98
134
  </div>
99
135
  </header>
100
136
  <main class="icons" id="icons">
101
137
  <div class="icons__item">
102
- <i class="odx-icon" data-icon-set="safety" data-icon-name="placeholder">
138
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="absorber-absent">
103
139
  <span></span>
104
140
  </i>
105
- <span class="icon-name">placeholder</span>
141
+ <span class="icon-name">absorber-absent</span>
106
142
  <span class="icon-alias">
107
143
  </div>
108
- </main>
109
- <script>
110
- let currentMessage, timeout;
111
- document.body.addEventListener('click', function(event) {
112
- const target = event.target.closest('.icons__item');
113
- if(target) {
114
- const iconName = `odx-icon--${target.querySelector('.icon-name').textContent}`;
115
- navigator.clipboard.writeText(iconName).then(function() {
116
- const message = `Copied icon "${iconName}" to clipboard`;
117
- if(currentMessage) currentMessage.remove();
118
-
119
- currentMessage = document.createElement('div');
120
- currentMessage.classList.add('copied-message');
121
- currentMessage.textContent = message
122
- document.body.appendChild(currentMessage);
123
- clearTimeout(timeout);
124
- timeout = setTimeout(() => {
125
- currentMessage.remove();
126
- currentMessage = null;
127
- }, 3000);
128
- });
129
- }
130
- });
144
+ <div class="icons__item">
145
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="absorber-add">
146
+ <span></span>
147
+ </i>
148
+ <span class="icon-name">absorber-add</span>
149
+ <span class="icon-alias">
150
+ </div>
151
+ <div class="icons__item">
152
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="absorber-ok">
153
+ <span></span>
154
+ </i>
155
+ <span class="icon-name">absorber-ok</span>
156
+ <span class="icon-alias">
157
+ </div>
158
+ <div class="icons__item">
159
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="absorber-query">
160
+ <span></span>
161
+ </i>
162
+ <span class="icon-name">absorber-query</span>
163
+ <span class="icon-alias">
164
+ </div>
165
+ <div class="icons__item">
166
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="absorber-warning">
167
+ <span></span>
168
+ </i>
169
+ <span class="icon-name">absorber-warning</span>
170
+ <span class="icon-alias">
171
+ </div>
172
+ <div class="icons__item">
173
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="accessories">
174
+ <span></span>
175
+ </i>
176
+ <span class="icon-name">accessories</span>
177
+ <span class="icon-alias">
178
+ </div>
179
+ <div class="icons__item">
180
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="acknowledge">
181
+ <span></span>
182
+ </i>
183
+ <span class="icon-name">acknowledge</span>
184
+ <span class="icon-alias">
185
+ </div>
186
+ <div class="icons__item">
187
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="acknowledge-all">
188
+ <span></span>
189
+ </i>
190
+ <span class="icon-name">acknowledge-all</span>
191
+ <span class="icon-alias">
192
+ </div>
193
+ <div class="icons__item">
194
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="address">
195
+ <span></span>
196
+ </i>
197
+ <span class="icon-name">address</span>
198
+ <span class="icon-alias">
199
+ </div>
200
+ <div class="icons__item">
201
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="adjust">
202
+ <span></span>
203
+ </i>
204
+ <span class="icon-name">adjust</span>
205
+ <span class="icon-alias">
206
+ </div>
207
+ <div class="icons__item">
208
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="agriculture">
209
+ <span></span>
210
+ </i>
211
+ <span class="icon-name">agriculture</span>
212
+ <span class="icon-alias">
213
+ </div>
214
+ <div class="icons__item">
215
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alarm">
216
+ <span></span>
217
+ </i>
218
+ <span class="icon-name">alarm</span>
219
+ <span class="icon-alias">
220
+ </div>
221
+ <div class="icons__item">
222
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alarm-stel">
223
+ <span></span>
224
+ </i>
225
+ <span class="icon-name">alarm-stel</span>
226
+ <span class="icon-alias">
227
+ </div>
228
+ <div class="icons__item">
229
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alarm-twa">
230
+ <span></span>
231
+ </i>
232
+ <span class="icon-name">alarm-twa</span>
233
+ <span class="icon-alias">
234
+ </div>
235
+ <div class="icons__item">
236
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alarm1-A1">
237
+ <span></span>
238
+ </i>
239
+ <span class="icon-name">alarm1-A1</span>
240
+ <span class="icon-alias">
241
+ </div>
242
+ <div class="icons__item">
243
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alarm1-A2">
244
+ <span></span>
245
+ </i>
246
+ <span class="icon-name">alarm1-A2</span>
247
+ <span class="icon-alias">
248
+ </div>
249
+ <div class="icons__item">
250
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alarm1-A3">
251
+ <span></span>
252
+ </i>
253
+ <span class="icon-name">alarm1-A3</span>
254
+ <span class="icon-alias">
255
+ </div>
256
+ <div class="icons__item">
257
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alarm1-A4">
258
+ <span></span>
259
+ </i>
260
+ <span class="icon-name">alarm1-A4</span>
261
+ <span class="icon-alias">
262
+ </div>
263
+ <div class="icons__item">
264
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alarm1-average">
265
+ <span></span>
266
+ </i>
267
+ <span class="icon-name">alarm1-average</span>
268
+ <span class="icon-alias">
269
+ </div>
270
+ <div class="icons__item">
271
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alarm1-average-A1">
272
+ <span></span>
273
+ </i>
274
+ <span class="icon-name">alarm1-average-A1</span>
275
+ <span class="icon-alias">
276
+ </div>
277
+ <div class="icons__item">
278
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alarm1-average-A2">
279
+ <span></span>
280
+ </i>
281
+ <span class="icon-name">alarm1-average-A2</span>
282
+ <span class="icon-alias">
283
+ </div>
284
+ <div class="icons__item">
285
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alarm1-average-A3">
286
+ <span></span>
287
+ </i>
288
+ <span class="icon-name">alarm1-average-A3</span>
289
+ <span class="icon-alias">
290
+ </div>
291
+ <div class="icons__item">
292
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alarm1-average-A4">
293
+ <span></span>
294
+ </i>
295
+ <span class="icon-name">alarm1-average-A4</span>
296
+ <span class="icon-alias">
297
+ </div>
298
+ <div class="icons__item">
299
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alarm3-a1">
300
+ <span></span>
301
+ </i>
302
+ <span class="icon-name">alarm3-a1</span>
303
+ <span class="icon-alias">
304
+ </div>
305
+ <div class="icons__item">
306
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alarm3-a2">
307
+ <span></span>
308
+ </i>
309
+ <span class="icon-name">alarm3-a2</span>
310
+ <span class="icon-alias">
311
+ </div>
312
+ <div class="icons__item">
313
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alarm3-protection">
314
+ <span></span>
315
+ </i>
316
+ <span class="icon-name">alarm3-protection</span>
317
+ <span class="icon-alias">
318
+ </div>
319
+ <div class="icons__item">
320
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alarm3-stel">
321
+ <span></span>
322
+ </i>
323
+ <span class="icon-name">alarm3-stel</span>
324
+ <span class="icon-alias">
325
+ </div>
326
+ <div class="icons__item">
327
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alarm3-twa">
328
+ <span></span>
329
+ </i>
330
+ <span class="icon-name">alarm3-twa</span>
331
+ <span class="icon-alias">
332
+ </div>
333
+ <div class="icons__item">
334
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alcotest-3820">
335
+ <span></span>
336
+ </i>
337
+ <span class="icon-name">alcotest-3820</span>
338
+ <span class="icon-alias">
339
+ </div>
340
+ <div class="icons__item">
341
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alcotest-5820">
342
+ <span></span>
343
+ </i>
344
+ <span class="icon-name">alcotest-5820</span>
345
+ <span class="icon-alias">
346
+ </div>
347
+ <div class="icons__item">
348
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alcotest-6820">
349
+ <span></span>
350
+ </i>
351
+ <span class="icon-name">alcotest-6820</span>
352
+ <span class="icon-alias">
353
+ </div>
354
+ <div class="icons__item">
355
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alcotest-7000-funnel">
356
+ <span></span>
357
+ </i>
358
+ <span class="icon-name">alcotest-7000-funnel</span>
359
+ <span class="icon-alias">
360
+ </div>
361
+ <div class="icons__item">
362
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alcotest-7000-tube">
363
+ <span></span>
364
+ </i>
365
+ <span class="icon-name">alcotest-7000-tube</span>
366
+ <span class="icon-alias">
367
+ </div>
368
+ <div class="icons__item">
369
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="alcotest-7510">
370
+ <span></span>
371
+ </i>
372
+ <span class="icon-name">alcotest-7510</span>
373
+ <span class="icon-alias">
374
+ </div>
375
+ <div class="icons__item">
376
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="allowlist">
377
+ <span></span>
378
+ </i>
379
+ <span class="icon-name">allowlist</span>
380
+ <span class="icon-alias">
381
+ </div>
382
+ <div class="icons__item">
383
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="allowlist-upload">
384
+ <span></span>
385
+ </i>
386
+ <span class="icon-name">allowlist-upload</span>
387
+ <span class="icon-alias">
388
+ </div>
389
+ <div class="icons__item">
390
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="analysis">
391
+ <span></span>
392
+ </i>
393
+ <span class="icon-name">analysis</span>
394
+ <span class="icon-alias">
395
+ </div>
396
+ <div class="icons__item">
397
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="anglegrinder">
398
+ <span></span>
399
+ </i>
400
+ <span class="icon-name">anglegrinder</span>
401
+ <span class="icon-alias">
402
+ </div>
403
+ <div class="icons__item">
404
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="application-feedback">
405
+ <span></span>
406
+ </i>
407
+ <span class="icon-name">application-feedback</span>
408
+ <span class="icon-alias">
409
+ </div>
410
+ <div class="icons__item">
411
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="articles-incoming">
412
+ <span></span>
413
+ </i>
414
+ <span class="icon-name">articles-incoming</span>
415
+ <span class="icon-alias">
416
+ </div>
417
+ <div class="icons__item">
418
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="articles-issue">
419
+ <span></span>
420
+ </i>
421
+ <span class="icon-name">articles-issue</span>
422
+ <span class="icon-alias">
423
+ </div>
424
+ <div class="icons__item">
425
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="articles-outgoing">
426
+ <span></span>
427
+ </i>
428
+ <span class="icon-name">articles-outgoing</span>
429
+ <span class="icon-alias">
430
+ </div>
431
+ <div class="icons__item">
432
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="articles-return">
433
+ <span></span>
434
+ </i>
435
+ <span class="icon-name">articles-return</span>
436
+ <span class="icon-alias">
437
+ </div>
438
+ <div class="icons__item">
439
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="assemble">
440
+ <span></span>
441
+ </i>
442
+ <span class="icon-name">assemble</span>
443
+ <span class="icon-alias">
444
+ </div>
445
+ <div class="icons__item">
446
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="barcode-scan">
447
+ <span></span>
448
+ </i>
449
+ <span class="icon-name">barcode-scan</span>
450
+ <span class="icon-alias">
451
+ </div>
452
+ <div class="icons__item">
453
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="battery-1">
454
+ <span></span>
455
+ </i>
456
+ <span class="icon-name">battery-1</span>
457
+ <span class="icon-alias">
458
+ </div>
459
+ <div class="icons__item">
460
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="battery-2">
461
+ <span></span>
462
+ </i>
463
+ <span class="icon-name">battery-2</span>
464
+ <span class="icon-alias">
465
+ </div>
466
+ <div class="icons__item">
467
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="battery-3">
468
+ <span></span>
469
+ </i>
470
+ <span class="icon-name">battery-3</span>
471
+ <span class="icon-alias">
472
+ </div>
473
+ <div class="icons__item">
474
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="battery-4">
475
+ <span></span>
476
+ </i>
477
+ <span class="icon-name">battery-4</span>
478
+ <span class="icon-alias">
479
+ </div>
480
+ <div class="icons__item">
481
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="battery-5">
482
+ <span></span>
483
+ </i>
484
+ <span class="icon-name">battery-5</span>
485
+ <span class="icon-alias">
486
+ </div>
487
+ <div class="icons__item">
488
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="blocking-alarm">
489
+ <span></span>
490
+ </i>
491
+ <span class="icon-name">blocking-alarm</span>
492
+ <span class="icon-alias">
493
+ </div>
494
+ <div class="icons__item">
495
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="blow">
496
+ <span></span>
497
+ </i>
498
+ <span class="icon-name">blow</span>
499
+ <span class="icon-alias">
500
+ </div>
501
+ <div class="icons__item">
502
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="bodyguard">
503
+ <span></span>
504
+ </i>
505
+ <span class="icon-name">bodyguard</span>
506
+ <span class="icon-alias">
507
+ </div>
508
+ <div class="icons__item">
509
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="boot">
510
+ <span></span>
511
+ </i>
512
+ <span class="icon-name">boot</span>
513
+ <span class="icon-alias">
514
+ </div>
515
+ <div class="icons__item">
516
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="bottle-price">
517
+ <span></span>
518
+ </i>
519
+ <span class="icon-name">bottle-price</span>
520
+ <span class="icon-alias">
521
+ </div>
522
+ <div class="icons__item">
523
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="breathing-apparatus">
524
+ <span></span>
525
+ </i>
526
+ <span class="icon-name">breathing-apparatus</span>
527
+ <span class="icon-alias">
528
+ </div>
529
+ <div class="icons__item">
530
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="building">
531
+ <span></span>
532
+ </i>
533
+ <span class="icon-name">building</span>
534
+ <span class="icon-alias">
535
+ </div>
536
+ <div class="icons__item">
537
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="building-basement">
538
+ <span></span>
539
+ </i>
540
+ <span class="icon-name">building-basement</span>
541
+ <span class="icon-alias">
542
+ </div>
543
+ <div class="icons__item">
544
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="building-floors">
545
+ <span></span>
546
+ </i>
547
+ <span class="icon-name">building-floors</span>
548
+ <span class="icon-alias">
549
+ </div>
550
+ <div class="icons__item">
551
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="building-units">
552
+ <span></span>
553
+ </i>
554
+ <span class="icon-name">building-units</span>
555
+ <span class="icon-alias">
556
+ </div>
557
+ <div class="icons__item">
558
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="building-warning">
559
+ <span></span>
560
+ </i>
561
+ <span class="icon-name">building-warning</span>
562
+ <span class="icon-alias">
563
+ </div>
564
+ <div class="icons__item">
565
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="building-year">
566
+ <span></span>
567
+ </i>
568
+ <span class="icon-name">building-year</span>
569
+ <span class="icon-alias">
570
+ </div>
571
+ <div class="icons__item">
572
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="bumptest">
573
+ <span></span>
574
+ </i>
575
+ <span class="icon-name">bumptest</span>
576
+ <span class="icon-alias">
577
+ </div>
578
+ <div class="icons__item">
579
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="calculator">
580
+ <span></span>
581
+ </i>
582
+ <span class="icon-name">calculator</span>
583
+ <span class="icon-alias">
584
+ </div>
585
+ <div class="icons__item">
586
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="calibration">
587
+ <span></span>
588
+ </i>
589
+ <span class="icon-name">calibration</span>
590
+ <span class="icon-alias">
591
+ </div>
592
+ <div class="icons__item">
593
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="calibration-comp">
594
+ <span></span>
595
+ </i>
596
+ <span class="icon-name">calibration-comp</span>
597
+ <span class="icon-alias">
598
+ </div>
599
+ <div class="icons__item">
600
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="calibration-comp-error">
601
+ <span></span>
602
+ </i>
603
+ <span class="icon-name">calibration-comp-error</span>
604
+ <span class="icon-alias">
605
+ </div>
606
+ <div class="icons__item">
607
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="calibration-comp-warning">
608
+ <span></span>
609
+ </i>
610
+ <span class="icon-name">calibration-comp-warning</span>
611
+ <span class="icon-alias">
612
+ </div>
613
+ <div class="icons__item">
614
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="calibration-error">
615
+ <span></span>
616
+ </i>
617
+ <span class="icon-name">calibration-error</span>
618
+ <span class="icon-alias">
619
+ </div>
620
+ <div class="icons__item">
621
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="calibration-warning">
622
+ <span></span>
623
+ </i>
624
+ <span class="icon-name">calibration-warning</span>
625
+ <span class="icon-alias">
626
+ </div>
627
+ <div class="icons__item">
628
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="car">
629
+ <span></span>
630
+ </i>
631
+ <span class="icon-name">car</span>
632
+ <span class="icon-alias">
633
+ </div>
634
+ <div class="icons__item">
635
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="car-accident">
636
+ <span></span>
637
+ </i>
638
+ <span class="icon-name">car-accident</span>
639
+ <span class="icon-alias">
640
+ </div>
641
+ <div class="icons__item">
642
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="car-swap">
643
+ <span></span>
644
+ </i>
645
+ <span class="icon-name">car-swap</span>
646
+ <span class="icon-alias">
647
+ </div>
648
+ <div class="icons__item">
649
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="casting">
650
+ <span></span>
651
+ </i>
652
+ <span class="icon-name">casting</span>
653
+ <span class="icon-alias">
654
+ </div>
655
+ <div class="icons__item">
656
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="catalog">
657
+ <span></span>
658
+ </i>
659
+ <span class="icon-name">catalog</span>
660
+ <span class="icon-alias">
661
+ </div>
662
+ <div class="icons__item">
663
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="certificate">
664
+ <span></span>
665
+ </i>
666
+ <span class="icon-name">certificate</span>
667
+ <span class="icon-alias">
668
+ </div>
669
+ <div class="icons__item">
670
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="certificate-error">
671
+ <span></span>
672
+ </i>
673
+ <span class="icon-name">certificate-error</span>
674
+ <span class="icon-alias">
675
+ </div>
676
+ <div class="icons__item">
677
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="certificate-upload">
678
+ <span></span>
679
+ </i>
680
+ <span class="icon-name">certificate-upload</span>
681
+ <span class="icon-alias">
682
+ </div>
683
+ <div class="icons__item">
684
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="certificate-valid">
685
+ <span></span>
686
+ </i>
687
+ <span class="icon-name">certificate-valid</span>
688
+ <span class="icon-alias">
689
+ </div>
690
+ <div class="icons__item">
691
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="certificate-warning">
692
+ <span></span>
693
+ </i>
694
+ <span class="icon-name">certificate-warning</span>
695
+ <span class="icon-alias">
696
+ </div>
697
+ <div class="icons__item">
698
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="changelog">
699
+ <span></span>
700
+ </i>
701
+ <span class="icon-name">changelog</span>
702
+ <span class="icon-alias">
703
+ </div>
704
+ <div class="icons__item">
705
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="chemicals">
706
+ <span></span>
707
+ </i>
708
+ <span class="icon-name">chemicals</span>
709
+ <span class="icon-alias">
710
+ </div>
711
+ <div class="icons__item">
712
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="chip-eject">
713
+ <span></span>
714
+ </i>
715
+ <span class="icon-name">chip-eject</span>
716
+ <span class="icon-alias">
717
+ </div>
718
+ <div class="icons__item">
719
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="chip-insert">
720
+ <span></span>
721
+ </i>
722
+ <span class="icon-name">chip-insert</span>
723
+ <span class="icon-alias">
724
+ </div>
725
+ <div class="icons__item">
726
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="circle">
727
+ <span></span>
728
+ </i>
729
+ <span class="icon-name">circle</span>
730
+ <span class="icon-alias">
731
+ </div>
732
+ <div class="icons__item">
733
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="cleaning">
734
+ <span></span>
735
+ </i>
736
+ <span class="icon-name">cleaning</span>
737
+ <span class="icon-alias">
738
+ </div>
739
+ <div class="icons__item">
740
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="clockwise-90-degree">
741
+ <span></span>
742
+ </i>
743
+ <span class="icon-name">clockwise-90-degree</span>
744
+ <span class="icon-alias">
745
+ </div>
746
+ <div class="icons__item">
747
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="close-all">
748
+ <span></span>
749
+ </i>
750
+ <span class="icon-name">close-all</span>
751
+ <span class="icon-alias">
752
+ </div>
753
+ <div class="icons__item">
754
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="clothing">
755
+ <span></span>
756
+ </i>
757
+ <span class="icon-name">clothing</span>
758
+ <span class="icon-alias">
759
+ </div>
760
+ <div class="icons__item">
761
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="cold">
762
+ <span></span>
763
+ </i>
764
+ <span class="icon-name">cold</span>
765
+ <span class="icon-alias">
766
+ </div>
767
+ <div class="icons__item">
768
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="collection">
769
+ <span></span>
770
+ </i>
771
+ <span class="icon-name">collection</span>
772
+ <span class="icon-alias">
773
+ </div>
774
+ <div class="icons__item">
775
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="collection-add">
776
+ <span></span>
777
+ </i>
778
+ <span class="icon-name">collection-add</span>
779
+ <span class="icon-alias">
780
+ </div>
781
+ <div class="icons__item">
782
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="collection-remove">
783
+ <span></span>
784
+ </i>
785
+ <span class="icon-name">collection-remove</span>
786
+ <span class="icon-alias">
787
+ </div>
788
+ <div class="icons__item">
789
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="collection-service">
790
+ <span></span>
791
+ </i>
792
+ <span class="icon-name">collection-service</span>
793
+ <span class="icon-alias">
794
+ </div>
795
+ <div class="icons__item">
796
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="collective-edit">
797
+ <span></span>
798
+ </i>
799
+ <span class="icon-name">collective-edit</span>
800
+ <span class="icon-alias">
801
+ </div>
802
+ <div class="icons__item">
803
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="column-double">
804
+ <span></span>
805
+ </i>
806
+ <span class="icon-name">column-double</span>
807
+ <span class="icon-alias">
808
+ </div>
809
+ <div class="icons__item">
810
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="column-multi">
811
+ <span></span>
812
+ </i>
813
+ <span class="icon-name">column-multi</span>
814
+ <span class="icon-alias">
815
+ </div>
816
+ <div class="icons__item">
817
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="column-single">
818
+ <span></span>
819
+ </i>
820
+ <span class="icon-name">column-single</span>
821
+ <span class="icon-alias">
822
+ </div>
823
+ <div class="icons__item">
824
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="comment-add">
825
+ <span></span>
826
+ </i>
827
+ <span class="icon-name">comment-add</span>
828
+ <span class="icon-alias">
829
+ </div>
830
+ <div class="icons__item">
831
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="comment-disabled">
832
+ <span></span>
833
+ </i>
834
+ <span class="icon-name">comment-disabled</span>
835
+ <span class="icon-alias">
836
+ </div>
837
+ <div class="icons__item">
838
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="communication">
839
+ <span></span>
840
+ </i>
841
+ <span class="icon-name">communication</span>
842
+ <span class="icon-alias">
843
+ </div>
844
+ <div class="icons__item">
845
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="communication-disabled">
846
+ <span></span>
847
+ </i>
848
+ <span class="icon-name">communication-disabled</span>
849
+ <span class="icon-alias">
850
+ </div>
851
+ <div class="icons__item">
852
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="communication-tool">
853
+ <span></span>
854
+ </i>
855
+ <span class="icon-name">communication-tool</span>
856
+ <span class="icon-alias">
857
+ </div>
858
+ <div class="icons__item">
859
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="compare">
860
+ <span></span>
861
+ </i>
862
+ <span class="icon-name">compare</span>
863
+ <span class="icon-alias">
864
+ </div>
865
+ <div class="icons__item">
866
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="comparison">
867
+ <span></span>
868
+ </i>
869
+ <span class="icon-name">comparison</span>
870
+ <span class="icon-alias">
871
+ </div>
872
+ <div class="icons__item">
873
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="complete">
874
+ <span></span>
875
+ </i>
876
+ <span class="icon-name">complete</span>
877
+ <span class="icon-alias">
878
+ </div>
879
+ <div class="icons__item">
880
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="complex-system">
881
+ <span></span>
882
+ </i>
883
+ <span class="icon-name">complex-system</span>
884
+ <span class="icon-alias">
885
+ </div>
886
+ <div class="icons__item">
887
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="composition-edit">
888
+ <span></span>
889
+ </i>
890
+ <span class="icon-name">composition-edit</span>
891
+ <span class="icon-alias">
892
+ </div>
893
+ <div class="icons__item">
894
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="concentration">
895
+ <span></span>
896
+ </i>
897
+ <span class="icon-name">concentration</span>
898
+ <span class="icon-alias">
899
+ </div>
900
+ <div class="icons__item">
901
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="conhub">
902
+ <span></span>
903
+ </i>
904
+ <span class="icon-name">conhub</span>
905
+ <span class="icon-alias">
906
+ </div>
907
+ <div class="icons__item">
908
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="construction-method">
909
+ <span></span>
910
+ </i>
911
+ <span class="icon-name">construction-method</span>
912
+ <span class="icon-alias">
913
+ </div>
914
+ <div class="icons__item">
915
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="controlbox">
916
+ <span></span>
917
+ </i>
918
+ <span class="icon-name">controlbox</span>
919
+ <span class="icon-alias">
920
+ </div>
921
+ <div class="icons__item">
922
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="cost">
923
+ <span></span>
924
+ </i>
925
+ <span class="icon-name">cost</span>
926
+ <span class="icon-alias">
927
+ </div>
928
+ <div class="icons__item">
929
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="counter">
930
+ <span></span>
931
+ </i>
932
+ <span class="icon-name">counter</span>
933
+ <span class="icon-alias">
934
+ </div>
935
+ <div class="icons__item">
936
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="counterclockwise-90-degree">
937
+ <span></span>
938
+ </i>
939
+ <span class="icon-name">counterclockwise-90-degree</span>
940
+ <span class="icon-alias">
941
+ </div>
942
+ <div class="icons__item">
943
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="cps">
944
+ <span></span>
945
+ </i>
946
+ <span class="icon-name">cps</span>
947
+ <span class="icon-alias">
948
+ </div>
949
+ <div class="icons__item">
950
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="cylinder">
951
+ <span></span>
952
+ </i>
953
+ <span class="icon-name">cylinder</span>
954
+ <span class="icon-alias">
955
+ </div>
956
+ <div class="icons__item">
957
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="cylinder-change">
958
+ <span></span>
959
+ </i>
960
+ <span class="icon-name">cylinder-change</span>
961
+ <span class="icon-alias">
962
+ </div>
963
+ <div class="icons__item">
964
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="cylinder-charge">
965
+ <span></span>
966
+ </i>
967
+ <span class="icon-name">cylinder-charge</span>
968
+ <span class="icon-alias">
969
+ </div>
970
+ <div class="icons__item">
971
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="cylinder-closed">
972
+ <span></span>
973
+ </i>
974
+ <span class="icon-name">cylinder-closed</span>
975
+ <span class="icon-alias">
976
+ </div>
977
+ <div class="icons__item">
978
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="cylinder-error">
979
+ <span></span>
980
+ </i>
981
+ <span class="icon-name">cylinder-error</span>
982
+ <span class="icon-alias">
983
+ </div>
984
+ <div class="icons__item">
985
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="cylinder-o2-alarm">
986
+ <span></span>
987
+ </i>
988
+ <span class="icon-name">cylinder-o2-alarm</span>
989
+ <span class="icon-alias">
990
+ </div>
991
+ <div class="icons__item">
992
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="cylinder-opened">
993
+ <span></span>
994
+ </i>
995
+ <span class="icon-name">cylinder-opened</span>
996
+ <span class="icon-alias">
997
+ </div>
998
+ <div class="icons__item">
999
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="d">
1000
+ <span></span>
1001
+ </i>
1002
+ <span class="icon-name">d</span>
1003
+ <span class="icon-alias">
1004
+ </div>
1005
+ <div class="icons__item">
1006
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="damage">
1007
+ <span></span>
1008
+ </i>
1009
+ <span class="icon-name">damage</span>
1010
+ <span class="icon-alias">
1011
+ </div>
1012
+ <div class="icons__item">
1013
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="dangerous-goods">
1014
+ <span></span>
1015
+ </i>
1016
+ <span class="icon-name">dangerous-goods</span>
1017
+ <span class="icon-alias">
1018
+ </div>
1019
+ <div class="icons__item">
1020
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="dashboard-close">
1021
+ <span></span>
1022
+ </i>
1023
+ <span class="icon-name">dashboard-close</span>
1024
+ <span class="icon-alias">
1025
+ </div>
1026
+ <div class="icons__item">
1027
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="dashboard-open">
1028
+ <span></span>
1029
+ </i>
1030
+ <span class="icon-name">dashboard-open</span>
1031
+ <span class="icon-alias">
1032
+ </div>
1033
+ <div class="icons__item">
1034
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="data-send">
1035
+ <span></span>
1036
+ </i>
1037
+ <span class="icon-name">data-send</span>
1038
+ <span class="icon-alias">
1039
+ </div>
1040
+ <div class="icons__item">
1041
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="data-set">
1042
+ <span></span>
1043
+ </i>
1044
+ <span class="icon-name">data-set</span>
1045
+ <span class="icon-alias">
1046
+ </div>
1047
+ <div class="icons__item">
1048
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="data-snapshot">
1049
+ <span></span>
1050
+ </i>
1051
+ <span class="icon-name">data-snapshot</span>
1052
+ <span class="icon-alias">
1053
+ </div>
1054
+ <div class="icons__item">
1055
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="data-transfer-completed">
1056
+ <span></span>
1057
+ </i>
1058
+ <span class="icon-name">data-transfer-completed</span>
1059
+ <span class="icon-alias">
1060
+ </div>
1061
+ <div class="icons__item">
1062
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="data-transfer-failed">
1063
+ <span></span>
1064
+ </i>
1065
+ <span class="icon-name">data-transfer-failed</span>
1066
+ <span class="icon-alias">
1067
+ </div>
1068
+ <div class="icons__item">
1069
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="database">
1070
+ <span></span>
1071
+ </i>
1072
+ <span class="icon-name">database</span>
1073
+ <span class="icon-alias">
1074
+ </div>
1075
+ <div class="icons__item">
1076
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="database-edit">
1077
+ <span></span>
1078
+ </i>
1079
+ <span class="icon-name">database-edit</span>
1080
+ <span class="icon-alias">
1081
+ </div>
1082
+ <div class="icons__item">
1083
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="datahub">
1084
+ <span></span>
1085
+ </i>
1086
+ <span class="icon-name">datahub</span>
1087
+ <span class="icon-alias">
1088
+ </div>
1089
+ <div class="icons__item">
1090
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="deadman">
1091
+ <span></span>
1092
+ </i>
1093
+ <span class="icon-name">deadman</span>
1094
+ <span class="icon-alias">
1095
+ </div>
1096
+ <div class="icons__item">
1097
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="deletion-successful">
1098
+ <span></span>
1099
+ </i>
1100
+ <span class="icon-name">deletion-successful</span>
1101
+ <span class="icon-alias">
1102
+ </div>
1103
+ <div class="icons__item">
1104
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="device">
1105
+ <span></span>
1106
+ </i>
1107
+ <span class="icon-name">device</span>
1108
+ <span class="icon-alias">
1109
+ </div>
1110
+ <div class="icons__item">
1111
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="device-ang">
1112
+ <span></span>
1113
+ </i>
1114
+ <span class="icon-name">device-ang</span>
1115
+ <span class="icon-alias">
1116
+ </div>
1117
+ <div class="icons__item">
1118
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="device-connection">
1119
+ <span></span>
1120
+ </i>
1121
+ <span class="icon-name">device-connection</span>
1122
+ <span class="icon-alias">
1123
+ </div>
1124
+ <div class="icons__item">
1125
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="device-ct">
1126
+ <span></span>
1127
+ </i>
1128
+ <span class="icon-name">device-ct</span>
1129
+ <span class="icon-alias">
1130
+ </div>
1131
+ <div class="icons__item">
1132
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="device-inspection">
1133
+ <span></span>
1134
+ </i>
1135
+ <span class="icon-name">device-inspection</span>
1136
+ <span class="icon-alias">
1137
+ </div>
1138
+ <div class="icons__item">
1139
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="device-module">
1140
+ <span></span>
1141
+ </i>
1142
+ <span class="icon-name">device-module</span>
1143
+ <span class="icon-alias">
1144
+ </div>
1145
+ <div class="icons__item">
1146
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="device-mrt">
1147
+ <span></span>
1148
+ </i>
1149
+ <span class="icon-name">device-mrt</span>
1150
+ <span class="icon-alias">
1151
+ </div>
1152
+ <div class="icons__item">
1153
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="device-ok">
1154
+ <span></span>
1155
+ </i>
1156
+ <span class="icon-name">device-ok</span>
1157
+ <span class="icon-alias">
1158
+ </div>
1159
+ <div class="icons__item">
1160
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="device-sono">
1161
+ <span></span>
1162
+ </i>
1163
+ <span class="icon-name">device-sono</span>
1164
+ <span class="icon-alias">
1165
+ </div>
1166
+ <div class="icons__item">
1167
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="devices">
1168
+ <span></span>
1169
+ </i>
1170
+ <span class="icon-name">devices</span>
1171
+ <span class="icon-alias">
1172
+ </div>
1173
+ <div class="icons__item">
1174
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="devices-management">
1175
+ <span></span>
1176
+ </i>
1177
+ <span class="icon-name">devices-management</span>
1178
+ <span class="icon-alias">
1179
+ </div>
1180
+ <div class="icons__item">
1181
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="disabled">
1182
+ <span></span>
1183
+ </i>
1184
+ <span class="icon-name">disabled</span>
1185
+ <span class="icon-alias">
1186
+ </div>
1187
+ <div class="icons__item">
1188
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="disassemble">
1189
+ <span></span>
1190
+ </i>
1191
+ <span class="icon-name">disassemble</span>
1192
+ <span class="icon-alias">
1193
+ </div>
1194
+ <div class="icons__item">
1195
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="display-1">
1196
+ <span></span>
1197
+ </i>
1198
+ <span class="icon-name">display-1</span>
1199
+ <span class="icon-alias">
1200
+ </div>
1201
+ <div class="icons__item">
1202
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="display-2">
1203
+ <span></span>
1204
+ </i>
1205
+ <span class="icon-name">display-2</span>
1206
+ <span class="icon-alias">
1207
+ </div>
1208
+ <div class="icons__item">
1209
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="display-3">
1210
+ <span></span>
1211
+ </i>
1212
+ <span class="icon-name">display-3</span>
1213
+ <span class="icon-alias">
1214
+ </div>
1215
+ <div class="icons__item">
1216
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="display-4">
1217
+ <span></span>
1218
+ </i>
1219
+ <span class="icon-name">display-4</span>
1220
+ <span class="icon-alias">
1221
+ </div>
1222
+ <div class="icons__item">
1223
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="display-5">
1224
+ <span></span>
1225
+ </i>
1226
+ <span class="icon-name">display-5</span>
1227
+ <span class="icon-alias">
1228
+ </div>
1229
+ <div class="icons__item">
1230
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="docking-station">
1231
+ <span></span>
1232
+ </i>
1233
+ <span class="icon-name">docking-station</span>
1234
+ <span class="icon-alias">
1235
+ </div>
1236
+ <div class="icons__item">
1237
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="docking-station-3">
1238
+ <span></span>
1239
+ </i>
1240
+ <span class="icon-name">docking-station-3</span>
1241
+ <span class="icon-alias">
1242
+ </div>
1243
+ <div class="icons__item">
1244
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="docking-station-4">
1245
+ <span></span>
1246
+ </i>
1247
+ <span class="icon-name">docking-station-4</span>
1248
+ <span class="icon-alias">
1249
+ </div>
1250
+ <div class="icons__item">
1251
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="docking-station-8">
1252
+ <span></span>
1253
+ </i>
1254
+ <span class="icon-name">docking-station-8</span>
1255
+ <span class="icon-alias">
1256
+ </div>
1257
+ <div class="icons__item">
1258
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="equipment-fire">
1259
+ <span></span>
1260
+ </i>
1261
+ <span class="icon-name">equipment-fire</span>
1262
+ <span class="icon-alias">
1263
+ </div>
1264
+ <div class="icons__item">
1265
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="erase">
1266
+ <span></span>
1267
+ </i>
1268
+ <span class="icon-name">erase</span>
1269
+ <span class="icon-alias">
1270
+ </div>
1271
+ <div class="icons__item">
1272
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="error-extra-information">
1273
+ <span></span>
1274
+ </i>
1275
+ <span class="icon-name">error-extra-information</span>
1276
+ <span class="icon-alias">
1277
+ </div>
1278
+ <div class="icons__item">
1279
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="error-yellow-outline">
1280
+ <span></span>
1281
+ </i>
1282
+ <span class="icon-name">error-yellow-outline</span>
1283
+ <span class="icon-alias">
1284
+ </div>
1285
+ <div class="icons__item">
1286
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="evacuation">
1287
+ <span></span>
1288
+ </i>
1289
+ <span class="icon-name">evacuation</span>
1290
+ <span class="icon-alias">
1291
+ </div>
1292
+ <div class="icons__item">
1293
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="evacuation-confirmed">
1294
+ <span></span>
1295
+ </i>
1296
+ <span class="icon-name">evacuation-confirmed</span>
1297
+ <span class="icon-alias">
1298
+ </div>
1299
+ <div class="icons__item">
1300
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="evacuation-pending">
1301
+ <span></span>
1302
+ </i>
1303
+ <span class="icon-name">evacuation-pending</span>
1304
+ <span class="icon-alias">
1305
+ </div>
1306
+ <div class="icons__item">
1307
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="evacuation-success">
1308
+ <span></span>
1309
+ </i>
1310
+ <span class="icon-name">evacuation-success</span>
1311
+ <span class="icon-alias">
1312
+ </div>
1313
+ <div class="icons__item">
1314
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="evacuation-timer">
1315
+ <span></span>
1316
+ </i>
1317
+ <span class="icon-name">evacuation-timer</span>
1318
+ <span class="icon-alias">
1319
+ </div>
1320
+ <div class="icons__item">
1321
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="evacuation-warning">
1322
+ <span></span>
1323
+ </i>
1324
+ <span class="icon-name">evacuation-warning</span>
1325
+ <span class="icon-alias">
1326
+ </div>
1327
+ <div class="icons__item">
1328
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="expired-freshair">
1329
+ <span></span>
1330
+ </i>
1331
+ <span class="icon-name">expired-freshair</span>
1332
+ <span class="icon-alias">
1333
+ </div>
1334
+ <div class="icons__item">
1335
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="expired">
1336
+ <span></span>
1337
+ </i>
1338
+ <span class="icon-name">expired</span>
1339
+ <span class="icon-alias">
1340
+ </div>
1341
+ <div class="icons__item">
1342
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="expirydate">
1343
+ <span></span>
1344
+ </i>
1345
+ <span class="icon-name">expirydate</span>
1346
+ <span class="icon-alias">
1347
+ </div>
1348
+ <div class="icons__item">
1349
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="explosive-a1">
1350
+ <span></span>
1351
+ </i>
1352
+ <span class="icon-name">explosive-a1</span>
1353
+ <span class="icon-alias">
1354
+ </div>
1355
+ <div class="icons__item">
1356
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="explosive-a2">
1357
+ <span></span>
1358
+ </i>
1359
+ <span class="icon-name">explosive-a2</span>
1360
+ <span class="icon-alias">
1361
+ </div>
1362
+ <div class="icons__item">
1363
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="explosive-stel">
1364
+ <span></span>
1365
+ </i>
1366
+ <span class="icon-name">explosive-stel</span>
1367
+ <span class="icon-alias">
1368
+ </div>
1369
+ <div class="icons__item">
1370
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="explosive-twa">
1371
+ <span></span>
1372
+ </i>
1373
+ <span class="icon-name">explosive-twa</span>
1374
+ <span class="icon-alias">
1375
+ </div>
1376
+ <div class="icons__item">
1377
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="explosive">
1378
+ <span></span>
1379
+ </i>
1380
+ <span class="icon-name">explosive</span>
1381
+ <span class="icon-alias">
1382
+ </div>
1383
+ <div class="icons__item">
1384
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="extended-care">
1385
+ <span></span>
1386
+ </i>
1387
+ <span class="icon-name">extended-care</span>
1388
+ <span class="icon-alias">
1389
+ </div>
1390
+ <div class="icons__item">
1391
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="extinguisher">
1392
+ <span></span>
1393
+ </i>
1394
+ <span class="icon-name">extinguisher</span>
1395
+ <span class="icon-alias">
1396
+ </div>
1397
+ <div class="icons__item">
1398
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="faucet">
1399
+ <span></span>
1400
+ </i>
1401
+ <span class="icon-name">faucet</span>
1402
+ <span class="icon-alias">
1403
+ </div>
1404
+ <div class="icons__item">
1405
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="fault-finding">
1406
+ <span></span>
1407
+ </i>
1408
+ <span class="icon-name">fault-finding</span>
1409
+ <span class="icon-alias">
1410
+ </div>
1411
+ <div class="icons__item">
1412
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="fax">
1413
+ <span></span>
1414
+ </i>
1415
+ <span class="icon-name">fax</span>
1416
+ <span class="icon-alias">
1417
+ </div>
1418
+ <div class="icons__item">
1419
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="feedback-positive-extra-information">
1420
+ <span></span>
1421
+ </i>
1422
+ <span class="icon-name">feedback-positive-extra-information</span>
1423
+ <span class="icon-alias">
1424
+ </div>
1425
+ <div class="icons__item">
1426
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="feedback-positive-tamper-yellow">
1427
+ <span></span>
1428
+ </i>
1429
+ <span class="icon-name">feedback-positive-tamper-yellow</span>
1430
+ <span class="icon-alias">
1431
+ </div>
1432
+ <div class="icons__item">
1433
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="feedback-positive-tamper">
1434
+ <span></span>
1435
+ </i>
1436
+ <span class="icon-name">feedback-positive-tamper</span>
1437
+ <span class="icon-alias">
1438
+ </div>
1439
+ <div class="icons__item">
1440
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="feedback-warning-extra-information">
1441
+ <span></span>
1442
+ </i>
1443
+ <span class="icon-name">feedback-warning-extra-information</span>
1444
+ <span class="icon-alias">
1445
+ </div>
1446
+ <div class="icons__item">
1447
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="feedback-warning-outline">
1448
+ <span></span>
1449
+ </i>
1450
+ <span class="icon-name">feedback-warning-outline</span>
1451
+ <span class="icon-alias">
1452
+ </div>
1453
+ <div class="icons__item">
1454
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="feedback-warning-tamper-red">
1455
+ <span></span>
1456
+ </i>
1457
+ <span class="icon-name">feedback-warning-tamper-red</span>
1458
+ <span class="icon-alias">
1459
+ </div>
1460
+ <div class="icons__item">
1461
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="feedback-warning-tamper-yellow">
1462
+ <span></span>
1463
+ </i>
1464
+ <span class="icon-name">feedback-warning-tamper-yellow</span>
1465
+ <span class="icon-alias">
1466
+ </div>
1467
+ <div class="icons__item">
1468
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="feedback-warning-tamper">
1469
+ <span></span>
1470
+ </i>
1471
+ <span class="icon-name">feedback-warning-tamper</span>
1472
+ <span class="icon-alias">
1473
+ </div>
1474
+ <div class="icons__item">
1475
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="feedback-warning">
1476
+ <span></span>
1477
+ </i>
1478
+ <span class="icon-name">feedback-warning</span>
1479
+ <span class="icon-alias">
1480
+ </div>
1481
+ <div class="icons__item">
1482
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="fg-hub">
1483
+ <span></span>
1484
+ </i>
1485
+ <span class="icon-name">fg-hub</span>
1486
+ <span class="icon-alias">
1487
+ </div>
1488
+ <div class="icons__item">
1489
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="fg-hub-battery-low">
1490
+ <span></span>
1491
+ </i>
1492
+ <span class="icon-name">fg-hub-battery-low</span>
1493
+ <span class="icon-alias">
1494
+ </div>
1495
+ <div class="icons__item">
1496
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="fg-hub-no-connection">
1497
+ <span></span>
1498
+ </i>
1499
+ <span class="icon-name">fg-hub-no-connection</span>
1500
+ <span class="icon-alias">
1501
+ </div>
1502
+ <div class="icons__item">
1503
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="fg-repeater">
1504
+ <span></span>
1505
+ </i>
1506
+ <span class="icon-name">fg-repeater</span>
1507
+ <span class="icon-alias">
1508
+ </div>
1509
+ <div class="icons__item">
1510
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="fg-repeater-battery-low">
1511
+ <span></span>
1512
+ </i>
1513
+ <span class="icon-name">fg-repeater-battery-low</span>
1514
+ <span class="icon-alias">
1515
+ </div>
1516
+ <div class="icons__item">
1517
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="fire">
1518
+ <span></span>
1519
+ </i>
1520
+ <span class="icon-name">fire</span>
1521
+ <span class="icon-alias">
1522
+ </div>
1523
+ <div class="icons__item">
1524
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="firefighter-arrived">
1525
+ <span></span>
1526
+ </i>
1527
+ <span class="icon-name">firefighter-arrived</span>
1528
+ <span class="icon-alias">
1529
+ </div>
1530
+ <div class="icons__item">
1531
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="firefighter-en-route">
1532
+ <span></span>
1533
+ </i>
1534
+ <span class="icon-name">firefighter-en-route</span>
1535
+ <span class="icon-alias">
1536
+ </div>
1537
+ <div class="icons__item">
1538
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="firefighter-retreat">
1539
+ <span></span>
1540
+ </i>
1541
+ <span class="icon-name">firefighter-retreat</span>
1542
+ <span class="icon-alias">
1543
+ </div>
1544
+ <div class="icons__item">
1545
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="firefighter-standby">
1546
+ <span></span>
1547
+ </i>
1548
+ <span class="icon-name">firefighter-standby</span>
1549
+ <span class="icon-alias">
1550
+ </div>
1551
+ <div class="icons__item">
1552
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="flame-5000">
1553
+ <span></span>
1554
+ </i>
1555
+ <span class="icon-name">flame-5000</span>
1556
+ <span class="icon-alias">
1557
+ </div>
1558
+ <div class="icons__item">
1559
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="flammable-a1">
1560
+ <span></span>
1561
+ </i>
1562
+ <span class="icon-name">flammable-a1</span>
1563
+ <span class="icon-alias">
1564
+ </div>
1565
+ <div class="icons__item">
1566
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="flammable-a2">
1567
+ <span></span>
1568
+ </i>
1569
+ <span class="icon-name">flammable-a2</span>
1570
+ <span class="icon-alias">
1571
+ </div>
1572
+ <div class="icons__item">
1573
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="flammable-stel">
1574
+ <span></span>
1575
+ </i>
1576
+ <span class="icon-name">flammable-stel</span>
1577
+ <span class="icon-alias">
1578
+ </div>
1579
+ <div class="icons__item">
1580
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="flammable-twa">
1581
+ <span></span>
1582
+ </i>
1583
+ <span class="icon-name">flammable-twa</span>
1584
+ <span class="icon-alias">
1585
+ </div>
1586
+ <div class="icons__item">
1587
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="flammable">
1588
+ <span></span>
1589
+ </i>
1590
+ <span class="icon-name">flammable</span>
1591
+ <span class="icon-alias">
1592
+ </div>
1593
+ <div class="icons__item">
1594
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="floorplan">
1595
+ <span></span>
1596
+ </i>
1597
+ <span class="icon-name">floorplan</span>
1598
+ <span class="icon-alias">
1599
+ </div>
1600
+ <div class="icons__item">
1601
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="floorplan-hallway">
1602
+ <span></span>
1603
+ </i>
1604
+ <span class="icon-name">floorplan-hallway</span>
1605
+ <span class="icon-alias">
1606
+ </div>
1607
+ <div class="icons__item">
1608
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="floorplan-room">
1609
+ <span></span>
1610
+ </i>
1611
+ <span class="icon-name">floorplan-room</span>
1612
+ <span class="icon-alias">
1613
+ </div>
1614
+ <div class="icons__item">
1615
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="fraction-00-10">
1616
+ <span></span>
1617
+ </i>
1618
+ <span class="icon-name">fraction-00-10</span>
1619
+ <span class="icon-alias">
1620
+ </div>
1621
+ <div class="icons__item">
1622
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="fraction-01-10">
1623
+ <span></span>
1624
+ </i>
1625
+ <span class="icon-name">fraction-01-10</span>
1626
+ <span class="icon-alias">
1627
+ </div>
1628
+ <div class="icons__item">
1629
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="fraction-02-10">
1630
+ <span></span>
1631
+ </i>
1632
+ <span class="icon-name">fraction-02-10</span>
1633
+ <span class="icon-alias">
1634
+ </div>
1635
+ <div class="icons__item">
1636
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="fraction-03-10">
1637
+ <span></span>
1638
+ </i>
1639
+ <span class="icon-name">fraction-03-10</span>
1640
+ <span class="icon-alias">
1641
+ </div>
1642
+ <div class="icons__item">
1643
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="fraction-04-10">
1644
+ <span></span>
1645
+ </i>
1646
+ <span class="icon-name">fraction-04-10</span>
1647
+ <span class="icon-alias">
1648
+ </div>
1649
+ <div class="icons__item">
1650
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="fraction-05-10">
1651
+ <span></span>
1652
+ </i>
1653
+ <span class="icon-name">fraction-05-10</span>
1654
+ <span class="icon-alias">
1655
+ </div>
1656
+ <div class="icons__item">
1657
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="fraction-06-10">
1658
+ <span></span>
1659
+ </i>
1660
+ <span class="icon-name">fraction-06-10</span>
1661
+ <span class="icon-alias">
1662
+ </div>
1663
+ <div class="icons__item">
1664
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="fraction-07-10">
1665
+ <span></span>
1666
+ </i>
1667
+ <span class="icon-name">fraction-07-10</span>
1668
+ <span class="icon-alias">
1669
+ </div>
1670
+ <div class="icons__item">
1671
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="fraction-08-10">
1672
+ <span></span>
1673
+ </i>
1674
+ <span class="icon-name">fraction-08-10</span>
1675
+ <span class="icon-alias">
1676
+ </div>
1677
+ <div class="icons__item">
1678
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="fraction-09-10">
1679
+ <span></span>
1680
+ </i>
1681
+ <span class="icon-name">fraction-09-10</span>
1682
+ <span class="icon-alias">
1683
+ </div>
1684
+ <div class="icons__item">
1685
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="fraction-10-10">
1686
+ <span></span>
1687
+ </i>
1688
+ <span class="icon-name">fraction-10-10</span>
1689
+ <span class="icon-alias">
1690
+ </div>
1691
+ <div class="icons__item">
1692
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="freshair">
1693
+ <span></span>
1694
+ </i>
1695
+ <span class="icon-name">freshair</span>
1696
+ <span class="icon-alias">
1697
+ </div>
1698
+ <div class="icons__item">
1699
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="freshair-calibration">
1700
+ <span></span>
1701
+ </i>
1702
+ <span class="icon-name">freshair-calibration</span>
1703
+ <span class="icon-alias">
1704
+ </div>
1705
+ <div class="icons__item">
1706
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="full-circle">
1707
+ <span></span>
1708
+ </i>
1709
+ <span class="icon-name">full-circle</span>
1710
+ <span class="icon-alias">
1711
+ </div>
1712
+ <div class="icons__item">
1713
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="gas-consumption">
1714
+ <span></span>
1715
+ </i>
1716
+ <span class="icon-name">gas-consumption</span>
1717
+ <span class="icon-alias">
1718
+ </div>
1719
+ <div class="icons__item">
1720
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="gas-efficiency">
1721
+ <span></span>
1722
+ </i>
1723
+ <span class="icon-name">gas-efficiency</span>
1724
+ <span class="icon-alias">
1725
+ </div>
1726
+ <div class="icons__item">
1727
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="gas-patient">
1728
+ <span></span>
1729
+ </i>
1730
+ <span class="icon-name">gas-patient</span>
1731
+ <span class="icon-alias">
1732
+ </div>
1733
+ <div class="icons__item">
1734
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="gasbottle-100-percent">
1735
+ <span></span>
1736
+ </i>
1737
+ <span class="icon-name">gasbottle-100-percent</span>
1738
+ <span class="icon-alias">
1739
+ </div>
1740
+ <div class="icons__item">
1741
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="gasbottle-25-percent">
1742
+ <span></span>
1743
+ </i>
1744
+ <span class="icon-name">gasbottle-25-percent</span>
1745
+ <span class="icon-alias">
1746
+ </div>
1747
+ <div class="icons__item">
1748
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="gasbottle-50-percent">
1749
+ <span></span>
1750
+ </i>
1751
+ <span class="icon-name">gasbottle-50-percent</span>
1752
+ <span class="icon-alias">
1753
+ </div>
1754
+ <div class="icons__item">
1755
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="gasbottle-75-percent">
1756
+ <span></span>
1757
+ </i>
1758
+ <span class="icon-name">gasbottle-75-percent</span>
1759
+ <span class="icon-alias">
1760
+ </div>
1761
+ <div class="icons__item">
1762
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="gasbottle-information">
1763
+ <span></span>
1764
+ </i>
1765
+ <span class="icon-name">gasbottle-information</span>
1766
+ <span class="icon-alias">
1767
+ </div>
1768
+ <div class="icons__item">
1769
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="gasbottle-low">
1770
+ <span></span>
1771
+ </i>
1772
+ <span class="icon-name">gasbottle-low</span>
1773
+ <span class="icon-alias">
1774
+ </div>
1775
+ <div class="icons__item">
1776
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="gasbottle-warning">
1777
+ <span></span>
1778
+ </i>
1779
+ <span class="icon-name">gasbottle-warning</span>
1780
+ <span class="icon-alias">
1781
+ </div>
1782
+ <div class="icons__item">
1783
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="glove">
1784
+ <span></span>
1785
+ </i>
1786
+ <span class="icon-name">glove</span>
1787
+ <span class="icon-alias">
1788
+ </div>
1789
+ <div class="icons__item">
1790
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="go-to-assets">
1791
+ <span></span>
1792
+ </i>
1793
+ <span class="icon-name">go-to-assets</span>
1794
+ <span class="icon-alias">
1795
+ </div>
1796
+ <div class="icons__item">
1797
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="graph-settings">
1798
+ <span></span>
1799
+ </i>
1800
+ <span class="icon-name">graph-settings</span>
1801
+ <span class="icon-alias">
1802
+ </div>
1803
+ <div class="icons__item">
1804
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="graph-view">
1805
+ <span></span>
1806
+ </i>
1807
+ <span class="icon-name">graph-view</span>
1808
+ <span class="icon-alias">
1809
+ </div>
1810
+ <div class="icons__item">
1811
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="group">
1812
+ <span></span>
1813
+ </i>
1814
+ <span class="icon-name">group</span>
1815
+ <span class="icon-alias">
1816
+ </div>
1817
+ <div class="icons__item">
1818
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="halfmask">
1819
+ <span></span>
1820
+ </i>
1821
+ <span class="icon-name">halfmask</span>
1822
+ <span class="icon-alias">
1823
+ </div>
1824
+ <div class="icons__item">
1825
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="hardware">
1826
+ <span></span>
1827
+ </i>
1828
+ <span class="icon-name">hardware</span>
1829
+ <span class="icon-alias">
1830
+ </div>
1831
+ <div class="icons__item">
1832
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="hardware-available">
1833
+ <span></span>
1834
+ </i>
1835
+ <span class="icon-name">hardware-available</span>
1836
+ <span class="icon-alias">
1837
+ </div>
1838
+ <div class="icons__item">
1839
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="hardware-info">
1840
+ <span></span>
1841
+ </i>
1842
+ <span class="icon-name">hardware-info</span>
1843
+ <span class="icon-alias">
1844
+ </div>
1845
+ <div class="icons__item">
1846
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="hardware-missing">
1847
+ <span></span>
1848
+ </i>
1849
+ <span class="icon-name">hardware-missing</span>
1850
+ <span class="icon-alias">
1851
+ </div>
1852
+ <div class="icons__item">
1853
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="hardware-update">
1854
+ <span></span>
1855
+ </i>
1856
+ <span class="icon-name">hardware-update</span>
1857
+ <span class="icon-alias">
1858
+ </div>
1859
+ <div class="icons__item">
1860
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="harness">
1861
+ <span></span>
1862
+ </i>
1863
+ <span class="icon-name">harness</span>
1864
+ <span class="icon-alias">
1865
+ </div>
1866
+ <div class="icons__item">
1867
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="helmet">
1868
+ <span></span>
1869
+ </i>
1870
+ <span class="icon-name">helmet</span>
1871
+ <span class="icon-alias">
1872
+ </div>
1873
+ <div class="icons__item">
1874
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="helmet-fire">
1875
+ <span></span>
1876
+ </i>
1877
+ <span class="icon-name">helmet-fire</span>
1878
+ <span class="icon-alias">
1879
+ </div>
1880
+ <div class="icons__item">
1881
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="hierarchy">
1882
+ <span></span>
1883
+ </i>
1884
+ <span class="icon-name">hierarchy</span>
1885
+ <span class="icon-alias">
1886
+ </div>
1887
+ <div class="icons__item">
1888
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="history">
1889
+ <span></span>
1890
+ </i>
1891
+ <span class="icon-name">history</span>
1892
+ <span class="icon-alias">
1893
+ </div>
1894
+ <div class="icons__item">
1895
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="hook">
1896
+ <span></span>
1897
+ </i>
1898
+ <span class="icon-name">hook</span>
1899
+ <span class="icon-alias">
1900
+ </div>
1901
+ <div class="icons__item">
1902
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="hose">
1903
+ <span></span>
1904
+ </i>
1905
+ <span class="icon-name">hose</span>
1906
+ <span class="icon-alias">
1907
+ </div>
1908
+ <div class="icons__item">
1909
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="hot">
1910
+ <span></span>
1911
+ </i>
1912
+ <span class="icon-name">hot</span>
1913
+ <span class="icon-alias">
1914
+ </div>
1915
+ <div class="icons__item">
1916
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="hydrant">
1917
+ <span></span>
1918
+ </i>
1919
+ <span class="icon-name">hydrant</span>
1920
+ <span class="icon-alias">
1921
+ </div>
1922
+ <div class="icons__item">
1923
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="hydraulic">
1924
+ <span></span>
1925
+ </i>
1926
+ <span class="icon-name">hydraulic</span>
1927
+ <span class="icon-alias">
1928
+ </div>
1929
+ <div class="icons__item">
1930
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="hysteresis">
1931
+ <span></span>
1932
+ </i>
1933
+ <span class="icon-name">hysteresis</span>
1934
+ <span class="icon-alias">
1935
+ </div>
1936
+ <div class="icons__item">
1937
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="identify">
1938
+ <span></span>
1939
+ </i>
1940
+ <span class="icon-name">identify</span>
1941
+ <span class="icon-alias">
1942
+ </div>
1943
+ <div class="icons__item">
1944
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="ifu">
1945
+ <span></span>
1946
+ </i>
1947
+ <span class="icon-name">ifu</span>
1948
+ <span class="icon-alias">
1949
+ </div>
1950
+ <div class="icons__item">
1951
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="imaging-ang">
1952
+ <span></span>
1953
+ </i>
1954
+ <span class="icon-name">imaging-ang</span>
1955
+ <span class="icon-alias">
1956
+ </div>
1957
+ <div class="icons__item">
1958
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="imaging-ct">
1959
+ <span></span>
1960
+ </i>
1961
+ <span class="icon-name">imaging-ct</span>
1962
+ <span class="icon-alias">
1963
+ </div>
1964
+ <div class="icons__item">
1965
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="imaging-mrt">
1966
+ <span></span>
1967
+ </i>
1968
+ <span class="icon-name">imaging-mrt</span>
1969
+ <span class="icon-alias">
1970
+ </div>
1971
+ <div class="icons__item">
1972
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="imd">
1973
+ <span></span>
1974
+ </i>
1975
+ <span class="icon-name">imd</span>
1976
+ <span class="icon-alias">
1977
+ </div>
1978
+ <div class="icons__item">
1979
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="import-substance">
1980
+ <span></span>
1981
+ </i>
1982
+ <span class="icon-name">import-substance</span>
1983
+ <span class="icon-alias">
1984
+ </div>
1985
+ <div class="icons__item">
1986
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="in-process">
1987
+ <span></span>
1988
+ </i>
1989
+ <span class="icon-name">in-process</span>
1990
+ <span class="icon-alias">
1991
+ </div>
1992
+ <div class="icons__item">
1993
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="index-card">
1994
+ <span></span>
1995
+ </i>
1996
+ <span class="icon-name">index-card</span>
1997
+ <span class="icon-alias">
1998
+ </div>
1999
+ <div class="icons__item">
2000
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="inerting">
2001
+ <span></span>
2002
+ </i>
2003
+ <span class="icon-name">inerting</span>
2004
+ <span class="icon-alias">
2005
+ </div>
2006
+ <div class="icons__item">
2007
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="inflate-breathing-bag">
2008
+ <span></span>
2009
+ </i>
2010
+ <span class="icon-name">inflate-breathing-bag</span>
2011
+ <span class="icon-alias">
2012
+ </div>
2013
+ <div class="icons__item">
2014
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="inhibit">
2015
+ <span></span>
2016
+ </i>
2017
+ <span class="icon-name">inhibit</span>
2018
+ <span class="icon-alias">
2019
+ </div>
2020
+ <div class="icons__item">
2021
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="insert">
2022
+ <span></span>
2023
+ </i>
2024
+ <span class="icon-name">insert</span>
2025
+ <span class="icon-alias">
2026
+ </div>
2027
+ <div class="icons__item">
2028
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="instrument-error">
2029
+ <span></span>
2030
+ </i>
2031
+ <span class="icon-name">instrument-error</span>
2032
+ <span class="icon-alias">
2033
+ </div>
2034
+ <div class="icons__item">
2035
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="instrument-pump-error">
2036
+ <span></span>
2037
+ </i>
2038
+ <span class="icon-name">instrument-pump-error</span>
2039
+ <span class="icon-alias">
2040
+ </div>
2041
+ <div class="icons__item">
2042
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="instrument-xdock-error">
2043
+ <span></span>
2044
+ </i>
2045
+ <span class="icon-name">instrument-xdock-error</span>
2046
+ <span class="icon-alias">
2047
+ </div>
2048
+ <div class="icons__item">
2049
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-in-4-20">
2050
+ <span></span>
2051
+ </i>
2052
+ <span class="icon-name">interface-in-4-20</span>
2053
+ <span class="icon-alias">
2054
+ </div>
2055
+ <div class="icons__item">
2056
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-in-bridge">
2057
+ <span></span>
2058
+ </i>
2059
+ <span class="icon-name">interface-in-bridge</span>
2060
+ <span class="icon-alias">
2061
+ </div>
2062
+ <div class="icons__item">
2063
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-in-digital">
2064
+ <span></span>
2065
+ </i>
2066
+ <span class="icon-name">interface-in-digital</span>
2067
+ <span class="icon-alias">
2068
+ </div>
2069
+ <div class="icons__item">
2070
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-in-ex">
2071
+ <span></span>
2072
+ </i>
2073
+ <span class="icon-name">interface-in-ex</span>
2074
+ <span class="icon-alias">
2075
+ </div>
2076
+ <div class="icons__item">
2077
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-in-foundation-fieldbus">
2078
+ <span></span>
2079
+ </i>
2080
+ <span class="icon-name">interface-in-foundation-fieldbus</span>
2081
+ <span class="icon-alias">
2082
+ </div>
2083
+ <div class="icons__item">
2084
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-in-hart">
2085
+ <span></span>
2086
+ </i>
2087
+ <span class="icon-name">interface-in-hart</span>
2088
+ <span class="icon-alias">
2089
+ </div>
2090
+ <div class="icons__item">
2091
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-in-hart-multidrop">
2092
+ <span></span>
2093
+ </i>
2094
+ <span class="icon-name">interface-in-hart-multidrop</span>
2095
+ <span class="icon-alias">
2096
+ </div>
2097
+ <div class="icons__item">
2098
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-in-modbus">
2099
+ <span></span>
2100
+ </i>
2101
+ <span class="icon-name">interface-in-modbus</span>
2102
+ <span class="icon-alias">
2103
+ </div>
2104
+ <div class="icons__item">
2105
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-in-profibus">
2106
+ <span></span>
2107
+ </i>
2108
+ <span class="icon-name">interface-in-profibus</span>
2109
+ <span class="icon-alias">
2110
+ </div>
2111
+ <div class="icons__item">
2112
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-input">
2113
+ <span></span>
2114
+ </i>
2115
+ <span class="icon-name">interface-input</span>
2116
+ <span class="icon-alias">
2117
+ </div>
2118
+ <div class="icons__item">
2119
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-out-4-20">
2120
+ <span></span>
2121
+ </i>
2122
+ <span class="icon-name">interface-out-4-20</span>
2123
+ <span class="icon-alias">
2124
+ </div>
2125
+ <div class="icons__item">
2126
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-out-digital">
2127
+ <span></span>
2128
+ </i>
2129
+ <span class="icon-name">interface-out-digital</span>
2130
+ <span class="icon-alias">
2131
+ </div>
2132
+ <div class="icons__item">
2133
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-out-foundation-fieldbus">
2134
+ <span></span>
2135
+ </i>
2136
+ <span class="icon-name">interface-out-foundation-fieldbus</span>
2137
+ <span class="icon-alias">
2138
+ </div>
2139
+ <div class="icons__item">
2140
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-out-list-foundation-fieldbus">
2141
+ <span></span>
2142
+ </i>
2143
+ <span class="icon-name">interface-out-list-foundation-fieldbus</span>
2144
+ <span class="icon-alias">
2145
+ </div>
2146
+ <div class="icons__item">
2147
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-out-modbus">
2148
+ <span></span>
2149
+ </i>
2150
+ <span class="icon-name">interface-out-modbus</span>
2151
+ <span class="icon-alias">
2152
+ </div>
2153
+ <div class="icons__item">
2154
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-out-profibus">
2155
+ <span></span>
2156
+ </i>
2157
+ <span class="icon-name">interface-out-profibus</span>
2158
+ <span class="icon-alias">
2159
+ </div>
2160
+ <div class="icons__item">
2161
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-out-relay">
2162
+ <span></span>
2163
+ </i>
2164
+ <span class="icon-name">interface-out-relay</span>
2165
+ <span class="icon-alias">
2166
+ </div>
2167
+ <div class="icons__item">
2168
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-output">
2169
+ <span></span>
2170
+ </i>
2171
+ <span class="icon-name">interface-output</span>
2172
+ <span class="icon-alias">
2173
+ </div>
2174
+ <div class="icons__item">
2175
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-slotcover">
2176
+ <span></span>
2177
+ </i>
2178
+ <span class="icon-name">interface-slotcover</span>
2179
+ <span class="icon-alias">
2180
+ </div>
2181
+ <div class="icons__item">
2182
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interface-unknown">
2183
+ <span></span>
2184
+ </i>
2185
+ <span class="icon-name">interface-unknown</span>
2186
+ <span class="icon-alias">
2187
+ </div>
2188
+ <div class="icons__item">
2189
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interlock">
2190
+ <span></span>
2191
+ </i>
2192
+ <span class="icon-name">interlock</span>
2193
+ <span class="icon-alias">
2194
+ </div>
2195
+ <div class="icons__item">
2196
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interlock-calibration">
2197
+ <span></span>
2198
+ </i>
2199
+ <span class="icon-name">interlock-calibration</span>
2200
+ <span class="icon-alias">
2201
+ </div>
2202
+ <div class="icons__item">
2203
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interlock-installation">
2204
+ <span></span>
2205
+ </i>
2206
+ <span class="icon-name">interlock-installation</span>
2207
+ <span class="icon-alias">
2208
+ </div>
2209
+ <div class="icons__item">
2210
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interlock-removal">
2211
+ <span></span>
2212
+ </i>
2213
+ <span class="icon-name">interlock-removal</span>
2214
+ <span class="icon-alias">
2215
+ </div>
2216
+ <div class="icons__item">
2217
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interlock-reset">
2218
+ <span></span>
2219
+ </i>
2220
+ <span class="icon-name">interlock-reset</span>
2221
+ <span class="icon-alias">
2222
+ </div>
2223
+ <div class="icons__item">
2224
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="interlock-swap">
2225
+ <span></span>
2226
+ </i>
2227
+ <span class="icon-name">interlock-swap</span>
2228
+ <span class="icon-alias">
2229
+ </div>
2230
+ <div class="icons__item">
2231
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="ir">
2232
+ <span></span>
2233
+ </i>
2234
+ <span class="icon-name">ir</span>
2235
+ <span class="icon-alias">
2236
+ </div>
2237
+ <div class="icons__item">
2238
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="job-approve">
2239
+ <span></span>
2240
+ </i>
2241
+ <span class="icon-name">job-approve</span>
2242
+ <span class="icon-alias">
2243
+ </div>
2244
+ <div class="icons__item">
2245
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="job-history">
2246
+ <span></span>
2247
+ </i>
2248
+ <span class="icon-name">job-history</span>
2249
+ <span class="icon-alias">
2250
+ </div>
2251
+ <div class="icons__item">
2252
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="job-list">
2253
+ <span></span>
2254
+ </i>
2255
+ <span class="icon-name">job-list</span>
2256
+ <span class="icon-alias">
2257
+ </div>
2258
+ <div class="icons__item">
2259
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="job-new">
2260
+ <span></span>
2261
+ </i>
2262
+ <span class="icon-name">job-new</span>
2263
+ <span class="icon-alias">
2264
+ </div>
2265
+ <div class="icons__item">
2266
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="job-pool">
2267
+ <span></span>
2268
+ </i>
2269
+ <span class="icon-name">job-pool</span>
2270
+ <span class="icon-alias">
2271
+ </div>
2272
+ <div class="icons__item">
2273
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="job-proceed">
2274
+ <span></span>
2275
+ </i>
2276
+ <span class="icon-name">job-proceed</span>
2277
+ <span class="icon-alias">
2278
+ </div>
2279
+ <div class="icons__item">
2280
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="job-user">
2281
+ <span></span>
2282
+ </i>
2283
+ <span class="icon-name">job-user</span>
2284
+ <span class="icon-alias">
2285
+ </div>
2286
+ <div class="icons__item">
2287
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="keyboard">
2288
+ <span></span>
2289
+ </i>
2290
+ <span class="icon-name">keyboard</span>
2291
+ <span class="icon-alias">
2292
+ </div>
2293
+ <div class="icons__item">
2294
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="keyboard-capslock">
2295
+ <span></span>
2296
+ </i>
2297
+ <span class="icon-name">keyboard-capslock</span>
2298
+ <span class="icon-alias">
2299
+ </div>
2300
+ <div class="icons__item">
2301
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="keyboard-delete">
2302
+ <span></span>
2303
+ </i>
2304
+ <span class="icon-name">keyboard-delete</span>
2305
+ <span class="icon-alias">
2306
+ </div>
2307
+ <div class="icons__item">
2308
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="keyboard-hide">
2309
+ <span></span>
2310
+ </i>
2311
+ <span class="icon-name">keyboard-hide</span>
2312
+ <span class="icon-alias">
2313
+ </div>
2314
+ <div class="icons__item">
2315
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="keyboard-shift">
2316
+ <span></span>
2317
+ </i>
2318
+ <span class="icon-name">keyboard-shift</span>
2319
+ <span class="icon-alias">
2320
+ </div>
2321
+ <div class="icons__item">
2322
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="laptop">
2323
+ <span></span>
2324
+ </i>
2325
+ <span class="icon-name">laptop</span>
2326
+ <span class="icon-alias">
2327
+ </div>
2328
+ <div class="icons__item">
2329
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="laundry-dryer">
2330
+ <span></span>
2331
+ </i>
2332
+ <span class="icon-name">laundry-dryer</span>
2333
+ <span class="icon-alias">
2334
+ </div>
2335
+ <div class="icons__item">
2336
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="ldba">
2337
+ <span></span>
2338
+ </i>
2339
+ <span class="icon-name">ldba</span>
2340
+ <span class="icon-alias">
2341
+ </div>
2342
+ <div class="icons__item">
2343
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="leaktest-hp">
2344
+ <span></span>
2345
+ </i>
2346
+ <span class="icon-name">leaktest-hp</span>
2347
+ <span class="icon-alias">
2348
+ </div>
2349
+ <div class="icons__item">
2350
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="leaktest-hp-query">
2351
+ <span></span>
2352
+ </i>
2353
+ <span class="icon-name">leaktest-hp-query</span>
2354
+ <span class="icon-alias">
2355
+ </div>
2356
+ <div class="icons__item">
2357
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="leaktest-lp">
2358
+ <span></span>
2359
+ </i>
2360
+ <span class="icon-name">leaktest-lp</span>
2361
+ <span class="icon-alias">
2362
+ </div>
2363
+ <div class="icons__item">
2364
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="leaktest-lp-query">
2365
+ <span></span>
2366
+ </i>
2367
+ <span class="icon-name">leaktest-lp-query</span>
2368
+ <span class="icon-alias">
2369
+ </div>
2370
+ <div class="icons__item">
2371
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="leaktest-ok">
2372
+ <span></span>
2373
+ </i>
2374
+ <span class="icon-name">leaktest-ok</span>
2375
+ <span class="icon-alias">
2376
+ </div>
2377
+ <div class="icons__item">
2378
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="leaktest-query">
2379
+ <span></span>
2380
+ </i>
2381
+ <span class="icon-name">leaktest-query</span>
2382
+ <span class="icon-alias">
2383
+ </div>
2384
+ <div class="icons__item">
2385
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="leaktest-timeout">
2386
+ <span></span>
2387
+ </i>
2388
+ <span class="icon-name">leaktest-timeout</span>
2389
+ <span class="icon-alias">
2390
+ </div>
2391
+ <div class="icons__item">
2392
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="leaktest-warning">
2393
+ <span></span>
2394
+ </i>
2395
+ <span class="icon-name">leaktest-warning</span>
2396
+ <span class="icon-alias">
2397
+ </div>
2398
+ <div class="icons__item">
2399
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="lifesignal">
2400
+ <span></span>
2401
+ </i>
2402
+ <span class="icon-name">lifesignal</span>
2403
+ <span class="icon-alias">
2404
+ </div>
2405
+ <div class="icons__item">
2406
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="lifesignal-disabled">
2407
+ <span></span>
2408
+ </i>
2409
+ <span class="icon-name">lifesignal-disabled</span>
2410
+ <span class="icon-alias">
2411
+ </div>
2412
+ <div class="icons__item">
2413
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="lightbulb">
2414
+ <span></span>
2415
+ </i>
2416
+ <span class="icon-name">lightbulb</span>
2417
+ <span class="icon-alias">
2418
+ </div>
2419
+ <div class="icons__item">
2420
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="lightbulb-warning">
2421
+ <span></span>
2422
+ </i>
2423
+ <span class="icon-name">lightbulb-warning</span>
2424
+ <span class="icon-alias">
2425
+ </div>
2426
+ <div class="icons__item">
2427
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="line-graph">
2428
+ <span></span>
2429
+ </i>
2430
+ <span class="icon-name">line-graph</span>
2431
+ <span class="icon-alias">
2432
+ </div>
2433
+ <div class="icons__item">
2434
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="log-edit">
2435
+ <span></span>
2436
+ </i>
2437
+ <span class="icon-name">log-edit</span>
2438
+ <span class="icon-alias">
2439
+ </div>
2440
+ <div class="icons__item">
2441
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="log-service">
2442
+ <span></span>
2443
+ </i>
2444
+ <span class="icon-name">log-service</span>
2445
+ <span class="icon-alias">
2446
+ </div>
2447
+ <div class="icons__item">
2448
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="log-view">
2449
+ <span></span>
2450
+ </i>
2451
+ <span class="icon-name">log-view</span>
2452
+ <span class="icon-alias">
2453
+ </div>
2454
+ <div class="icons__item">
2455
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="long-distance-gate-way">
2456
+ <span></span>
2457
+ </i>
2458
+ <span class="icon-name">long-distance-gate-way</span>
2459
+ <span class="icon-alias">
2460
+ </div>
2461
+ <div class="icons__item">
2462
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="lost-report">
2463
+ <span></span>
2464
+ </i>
2465
+ <span class="icon-name">lost-report</span>
2466
+ <span class="icon-alias">
2467
+ </div>
2468
+ <div class="icons__item">
2469
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="low-dosage-rate">
2470
+ <span></span>
2471
+ </i>
2472
+ <span class="icon-name">low-dosage-rate</span>
2473
+ <span class="icon-alias">
2474
+ </div>
2475
+ <div class="icons__item">
2476
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="manual-input">
2477
+ <span></span>
2478
+ </i>
2479
+ <span class="icon-name">manual-input</span>
2480
+ <span class="icon-alias">
2481
+ </div>
2482
+ <div class="icons__item">
2483
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="masonry">
2484
+ <span></span>
2485
+ </i>
2486
+ <span class="icon-name">masonry</span>
2487
+ <span class="icon-alias">
2488
+ </div>
2489
+ <div class="icons__item">
2490
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="measuring">
2491
+ <span></span>
2492
+ </i>
2493
+ <span class="icon-name">measuring</span>
2494
+ <span class="icon-alias">
2495
+ </div>
2496
+ <div class="icons__item">
2497
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="measuring-1">
2498
+ <span></span>
2499
+ </i>
2500
+ <span class="icon-name">measuring-1</span>
2501
+ <span class="icon-alias">
2502
+ </div>
2503
+ <div class="icons__item">
2504
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="measuring-2">
2505
+ <span></span>
2506
+ </i>
2507
+ <span class="icon-name">measuring-2</span>
2508
+ <span class="icon-alias">
2509
+ </div>
2510
+ <div class="icons__item">
2511
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="measuring-3">
2512
+ <span></span>
2513
+ </i>
2514
+ <span class="icon-name">measuring-3</span>
2515
+ <span class="icon-alias">
2516
+ </div>
2517
+ <div class="icons__item">
2518
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="medical">
2519
+ <span></span>
2520
+ </i>
2521
+ <span class="icon-name">medical</span>
2522
+ <span class="icon-alias">
2523
+ </div>
2524
+ <div class="icons__item">
2525
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="menu">
2526
+ <span></span>
2527
+ </i>
2528
+ <span class="icon-name">menu</span>
2529
+ <span class="icon-alias">
2530
+ </div>
2531
+ <div class="icons__item">
2532
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="menu-favorites">
2533
+ <span></span>
2534
+ </i>
2535
+ <span class="icon-name">menu-favorites</span>
2536
+ <span class="icon-alias">
2537
+ </div>
2538
+ <div class="icons__item">
2539
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="menu-functions">
2540
+ <span></span>
2541
+ </i>
2542
+ <span class="icon-name">menu-functions</span>
2543
+ <span class="icon-alias">
2544
+ </div>
2545
+ <div class="icons__item">
2546
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="microphone">
2547
+ <span></span>
2548
+ </i>
2549
+ <span class="icon-name">microphone</span>
2550
+ <span class="icon-alias">
2551
+ </div>
2552
+ <div class="icons__item">
2553
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="mimic">
2554
+ <span></span>
2555
+ </i>
2556
+ <span class="icon-name">mimic</span>
2557
+ <span class="icon-alias">
2558
+ </div>
2559
+ <div class="icons__item">
2560
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="miniwarn">
2561
+ <span></span>
2562
+ </i>
2563
+ <span class="icon-name">miniwarn</span>
2564
+ <span class="icon-alias">
2565
+ </div>
2566
+ <div class="icons__item">
2567
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="minus">
2568
+ <span></span>
2569
+ </i>
2570
+ <span class="icon-name">minus</span>
2571
+ <span class="icon-alias">
2572
+ </div>
2573
+ <div class="icons__item">
2574
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="mobile-device">
2575
+ <span></span>
2576
+ </i>
2577
+ <span class="icon-name">mobile-device</span>
2578
+ <span class="icon-alias">
2579
+ </div>
2580
+ <div class="icons__item">
2581
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="mobile-device-connected">
2582
+ <span></span>
2583
+ </i>
2584
+ <span class="icon-name">mobile-device-connected</span>
2585
+ <span class="icon-alias">
2586
+ </div>
2587
+ <div class="icons__item">
2588
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="mobile-device-error">
2589
+ <span></span>
2590
+ </i>
2591
+ <span class="icon-name">mobile-device-error</span>
2592
+ <span class="icon-alias">
2593
+ </div>
2594
+ <div class="icons__item">
2595
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="module">
2596
+ <span></span>
2597
+ </i>
2598
+ <span class="icon-name">module</span>
2599
+ <span class="icon-alias">
2600
+ </div>
2601
+ <div class="icons__item">
2602
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="monitoring">
2603
+ <span></span>
2604
+ </i>
2605
+ <span class="icon-name">monitoring</span>
2606
+ <span class="icon-alias">
2607
+ </div>
2608
+ <div class="icons__item">
2609
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="monitoring-1">
2610
+ <span></span>
2611
+ </i>
2612
+ <span class="icon-name">monitoring-1</span>
2613
+ <span class="icon-alias">
2614
+ </div>
2615
+ <div class="icons__item">
2616
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="monitoring-2">
2617
+ <span></span>
2618
+ </i>
2619
+ <span class="icon-name">monitoring-2</span>
2620
+ <span class="icon-alias">
2621
+ </div>
2622
+ <div class="icons__item">
2623
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="monitoring-3">
2624
+ <span></span>
2625
+ </i>
2626
+ <span class="icon-name">monitoring-3</span>
2627
+ <span class="icon-alias">
2628
+ </div>
2629
+ <div class="icons__item">
2630
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="motion-sensing">
2631
+ <span></span>
2632
+ </i>
2633
+ <span class="icon-name">motion-sensing</span>
2634
+ <span class="icon-alias">
2635
+ </div>
2636
+ <div class="icons__item">
2637
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="motion-sensing-disabled">
2638
+ <span></span>
2639
+ </i>
2640
+ <span class="icon-name">motion-sensing-disabled</span>
2641
+ <span class="icon-alias">
2642
+ </div>
2643
+ <div class="icons__item">
2644
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="motion-sensing-enabled">
2645
+ <span></span>
2646
+ </i>
2647
+ <span class="icon-name">motion-sensing-enabled</span>
2648
+ <span class="icon-alias">
2649
+ </div>
2650
+ <div class="icons__item">
2651
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="move-screen">
2652
+ <span></span>
2653
+ </i>
2654
+ <span class="icon-name">move-screen</span>
2655
+ <span class="icon-alias">
2656
+ </div>
2657
+ <div class="icons__item">
2658
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="multigas">
2659
+ <span></span>
2660
+ </i>
2661
+ <span class="icon-name">multigas</span>
2662
+ <span class="icon-alias">
2663
+ </div>
2664
+ <div class="icons__item">
2665
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="multigas-cse">
2666
+ <span></span>
2667
+ </i>
2668
+ <span class="icon-name">multigas-cse</span>
2669
+ <span class="icon-alias">
2670
+ </div>
2671
+ <div class="icons__item">
2672
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="multiwarn-2">
2673
+ <span></span>
2674
+ </i>
2675
+ <span class="icon-name">multiwarn-2</span>
2676
+ <span class="icon-alias">
2677
+ </div>
2678
+ <div class="icons__item">
2679
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="navigation-logfile-management">
2680
+ <span></span>
2681
+ </i>
2682
+ <span class="icon-name">navigation-logfile-management</span>
2683
+ <span class="icon-alias">
2684
+ </div>
2685
+ <div class="icons__item">
2686
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="network">
2687
+ <span></span>
2688
+ </i>
2689
+ <span class="icon-name">network</span>
2690
+ <span class="icon-alias">
2691
+ </div>
2692
+ <div class="icons__item">
2693
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="network-upload">
2694
+ <span></span>
2695
+ </i>
2696
+ <span class="icon-name">network-upload</span>
2697
+ <span class="icon-alias">
2698
+ </div>
2699
+ <div class="icons__item">
2700
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="observation">
2701
+ <span></span>
2702
+ </i>
2703
+ <span class="icon-name">observation</span>
2704
+ <span class="icon-alias">
2705
+ </div>
2706
+ <div class="icons__item">
2707
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="observation-fire">
2708
+ <span></span>
2709
+ </i>
2710
+ <span class="icon-name">observation-fire</span>
2711
+ <span class="icon-alias">
2712
+ </div>
2713
+ <div class="icons__item">
2714
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="offline-mode">
2715
+ <span></span>
2716
+ </i>
2717
+ <span class="icon-name">offline-mode</span>
2718
+ <span class="icon-alias">
2719
+ </div>
2720
+ <div class="icons__item">
2721
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="ok-repeat">
2722
+ <span></span>
2723
+ </i>
2724
+ <span class="icon-name">ok-repeat</span>
2725
+ <span class="icon-alias">
2726
+ </div>
2727
+ <div class="icons__item">
2728
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="ok-to-all">
2729
+ <span></span>
2730
+ </i>
2731
+ <span class="icon-name">ok-to-all</span>
2732
+ <span class="icon-alias">
2733
+ </div>
2734
+ <div class="icons__item">
2735
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="online-manuals">
2736
+ <span></span>
2737
+ </i>
2738
+ <span class="icon-name">online-manuals</span>
2739
+ <span class="icon-alias">
2740
+ </div>
2741
+ <div class="icons__item">
2742
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="online-mode">
2743
+ <span></span>
2744
+ </i>
2745
+ <span class="icon-name">online-mode</span>
2746
+ <span class="icon-alias">
2747
+ </div>
2748
+ <div class="icons__item">
2749
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="open">
2750
+ <span></span>
2751
+ </i>
2752
+ <span class="icon-name">open</span>
2753
+ <span class="icon-alias">
2754
+ </div>
2755
+ <div class="icons__item">
2756
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="operation">
2757
+ <span></span>
2758
+ </i>
2759
+ <span class="icon-name">operation</span>
2760
+ <span class="icon-alias">
2761
+ </div>
2762
+ <div class="icons__item">
2763
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="operation-hot">
2764
+ <span></span>
2765
+ </i>
2766
+ <span class="icon-name">operation-hot</span>
2767
+ <span class="icon-alias">
2768
+ </div>
2769
+ <div class="icons__item">
2770
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="overrange">
2771
+ <span></span>
2772
+ </i>
2773
+ <span class="icon-name">overrange</span>
2774
+ <span class="icon-alias">
2775
+ </div>
2776
+ <div class="icons__item">
2777
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="overwrite-replace">
2778
+ <span></span>
2779
+ </i>
2780
+ <span class="icon-name">overwrite-replace</span>
2781
+ <span class="icon-alias">
2782
+ </div>
2783
+ <div class="icons__item">
2784
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="p5000">
2785
+ <span></span>
2786
+ </i>
2787
+ <span class="icon-name">p5000</span>
2788
+ <span class="icon-alias">
2789
+ </div>
2790
+ <div class="icons__item">
2791
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="p8000">
2792
+ <span></span>
2793
+ </i>
2794
+ <span class="icon-name">p8000</span>
2795
+ <span class="icon-alias">
2796
+ </div>
2797
+ <div class="icons__item">
2798
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pac-1000-7000">
2799
+ <span></span>
2800
+ </i>
2801
+ <span class="icon-name">pac-1000-7000</span>
2802
+ <span class="icon-alias">
2803
+ </div>
2804
+ <div class="icons__item">
2805
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pac-3">
2806
+ <span></span>
2807
+ </i>
2808
+ <span class="icon-name">pac-3</span>
2809
+ <span class="icon-alias">
2810
+ </div>
2811
+ <div class="icons__item">
2812
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="package">
2813
+ <span></span>
2814
+ </i>
2815
+ <span class="icon-name">package</span>
2816
+ <span class="icon-alias">
2817
+ </div>
2818
+ <div class="icons__item">
2819
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="painting">
2820
+ <span></span>
2821
+ </i>
2822
+ <span class="icon-name">painting</span>
2823
+ <span class="icon-alias">
2824
+ </div>
2825
+ <div class="icons__item">
2826
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pairing">
2827
+ <span></span>
2828
+ </i>
2829
+ <span class="icon-name">pairing</span>
2830
+ <span class="icon-alias">
2831
+ </div>
2832
+ <div class="icons__item">
2833
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="partner-care">
2834
+ <span></span>
2835
+ </i>
2836
+ <span class="icon-name">partner-care</span>
2837
+ <span class="icon-alias">
2838
+ </div>
2839
+ <div class="icons__item">
2840
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="password">
2841
+ <span></span>
2842
+ </i>
2843
+ <span class="icon-name">password</span>
2844
+ <span class="icon-alias">
2845
+ </div>
2846
+ <div class="icons__item">
2847
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="password-change">
2848
+ <span></span>
2849
+ </i>
2850
+ <span class="icon-name">password-change</span>
2851
+ <span class="icon-alias">
2852
+ </div>
2853
+ <div class="icons__item">
2854
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pc">
2855
+ <span></span>
2856
+ </i>
2857
+ <span class="icon-name">pc</span>
2858
+ <span class="icon-alias">
2859
+ </div>
2860
+ <div class="icons__item">
2861
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pc-connection">
2862
+ <span></span>
2863
+ </i>
2864
+ <span class="icon-name">pc-connection</span>
2865
+ <span class="icon-alias">
2866
+ </div>
2867
+ <div class="icons__item">
2868
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pc-link-connected">
2869
+ <span></span>
2870
+ </i>
2871
+ <span class="icon-name">pc-link-connected</span>
2872
+ <span class="icon-alias">
2873
+ </div>
2874
+ <div class="icons__item">
2875
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pc-link-error">
2876
+ <span></span>
2877
+ </i>
2878
+ <span class="icon-name">pc-link-error</span>
2879
+ <span class="icon-alias">
2880
+ </div>
2881
+ <div class="icons__item">
2882
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pc-link-preparing">
2883
+ <span></span>
2884
+ </i>
2885
+ <span class="icon-name">pc-link-preparing</span>
2886
+ <span class="icon-alias">
2887
+ </div>
2888
+ <div class="icons__item">
2889
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pc-link-query">
2890
+ <span></span>
2891
+ </i>
2892
+ <span class="icon-name">pc-link-query</span>
2893
+ <span class="icon-alias">
2894
+ </div>
2895
+ <div class="icons__item">
2896
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="person-confirm">
2897
+ <span></span>
2898
+ </i>
2899
+ <span class="icon-name">person-confirm</span>
2900
+ <span class="icon-alias">
2901
+ </div>
2902
+ <div class="icons__item">
2903
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="person-crawling">
2904
+ <span></span>
2905
+ </i>
2906
+ <span class="icon-name">person-crawling</span>
2907
+ <span class="icon-alias">
2908
+ </div>
2909
+ <div class="icons__item">
2910
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="person-query">
2911
+ <span></span>
2912
+ </i>
2913
+ <span class="icon-name">person-query</span>
2914
+ <span class="icon-alias">
2915
+ </div>
2916
+ <div class="icons__item">
2917
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="person-standing">
2918
+ <span></span>
2919
+ </i>
2920
+ <span class="icon-name">person-standing</span>
2921
+ <span class="icon-alias">
2922
+ </div>
2923
+ <div class="icons__item">
2924
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="person-walking">
2925
+ <span></span>
2926
+ </i>
2927
+ <span class="icon-name">person-walking</span>
2928
+ <span class="icon-alias">
2929
+ </div>
2930
+ <div class="icons__item">
2931
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pie-chart">
2932
+ <span></span>
2933
+ </i>
2934
+ <span class="icon-name">pie-chart</span>
2935
+ <span class="icon-alias">
2936
+ </div>
2937
+ <div class="icons__item">
2938
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pincode">
2939
+ <span></span>
2940
+ </i>
2941
+ <span class="icon-name">pincode</span>
2942
+ <span class="icon-alias">
2943
+ </div>
2944
+ <div class="icons__item">
2945
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pir-7000">
2946
+ <span></span>
2947
+ </i>
2948
+ <span class="icon-name">pir-7000</span>
2949
+ <span class="icon-alias">
2950
+ </div>
2951
+ <div class="icons__item">
2952
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="plus">
2953
+ <span></span>
2954
+ </i>
2955
+ <span class="icon-name">plus</span>
2956
+ <span class="icon-alias">
2957
+ </div>
2958
+ <div class="icons__item">
2959
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pneumatic">
2960
+ <span></span>
2961
+ </i>
2962
+ <span class="icon-name">pneumatic</span>
2963
+ <span class="icon-alias">
2964
+ </div>
2965
+ <div class="icons__item">
2966
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="polytron-7000">
2967
+ <span></span>
2968
+ </i>
2969
+ <span class="icon-name">polytron-7000</span>
2970
+ <span class="icon-alias">
2971
+ </div>
2972
+ <div class="icons__item">
2973
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="position">
2974
+ <span></span>
2975
+ </i>
2976
+ <span class="icon-name">position</span>
2977
+ <span class="icon-alias">
2978
+ </div>
2979
+ <div class="icons__item">
2980
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="position-disabled">
2981
+ <span></span>
2982
+ </i>
2983
+ <span class="icon-name">position-disabled</span>
2984
+ <span class="icon-alias">
2985
+ </div>
2986
+ <div class="icons__item">
2987
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="position-searching">
2988
+ <span></span>
2989
+ </i>
2990
+ <span class="icon-name">position-searching</span>
2991
+ <span class="icon-alias">
2992
+ </div>
2993
+ <div class="icons__item">
2994
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="power-guard">
2995
+ <span></span>
2996
+ </i>
2997
+ <span class="icon-name">power-guard</span>
2998
+ <span class="icon-alias">
2999
+ </div>
3000
+ <div class="icons__item">
3001
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="power-supply">
3002
+ <span></span>
3003
+ </i>
3004
+ <span class="icon-name">power-supply</span>
3005
+ <span class="icon-alias">
3006
+ </div>
3007
+ <div class="icons__item">
3008
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="power-supply-restricted">
3009
+ <span></span>
3010
+ </i>
3011
+ <span class="icon-name">power-supply-restricted</span>
3012
+ <span class="icon-alias">
3013
+ </div>
3014
+ <div class="icons__item">
3015
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="powerplant">
3016
+ <span></span>
3017
+ </i>
3018
+ <span class="icon-name">powerplant</span>
3019
+ <span class="icon-alias">
3020
+ </div>
3021
+ <div class="icons__item">
3022
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="practice">
3023
+ <span></span>
3024
+ </i>
3025
+ <span class="icon-name">practice</span>
3026
+ <span class="icon-alias">
3027
+ </div>
3028
+ <div class="icons__item">
3029
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="practice-hot">
3030
+ <span></span>
3031
+ </i>
3032
+ <span class="icon-name">practice-hot</span>
3033
+ <span class="icon-alias">
3034
+ </div>
3035
+ <div class="icons__item">
3036
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="prepressure-high">
3037
+ <span></span>
3038
+ </i>
3039
+ <span class="icon-name">prepressure-high</span>
3040
+ <span class="icon-alias">
3041
+ </div>
3042
+ <div class="icons__item">
3043
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="prepressure-low">
3044
+ <span></span>
3045
+ </i>
3046
+ <span class="icon-name">prepressure-low</span>
3047
+ <span class="icon-alias">
3048
+ </div>
3049
+ <div class="icons__item">
3050
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="prepressure-ok">
3051
+ <span></span>
3052
+ </i>
3053
+ <span class="icon-name">prepressure-ok</span>
3054
+ <span class="icon-alias">
3055
+ </div>
3056
+ <div class="icons__item">
3057
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="prepressure-pending">
3058
+ <span></span>
3059
+ </i>
3060
+ <span class="icon-name">prepressure-pending</span>
3061
+ <span class="icon-alias">
3062
+ </div>
3063
+ <div class="icons__item">
3064
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pressure-relief">
3065
+ <span></span>
3066
+ </i>
3067
+ <span class="icon-name">pressure-relief</span>
3068
+ <span class="icon-alias">
3069
+ </div>
3070
+ <div class="icons__item">
3071
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="process">
3072
+ <span></span>
3073
+ </i>
3074
+ <span class="icon-name">process</span>
3075
+ <span class="icon-alias">
3076
+ </div>
3077
+ <div class="icons__item">
3078
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="product-finder">
3079
+ <span></span>
3080
+ </i>
3081
+ <span class="icon-name">product-finder</span>
3082
+ <span class="icon-alias">
3083
+ </div>
3084
+ <div class="icons__item">
3085
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="production">
3086
+ <span></span>
3087
+ </i>
3088
+ <span class="icon-name">production</span>
3089
+ <span class="icon-alias">
3090
+ </div>
3091
+ <div class="icons__item">
3092
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="progress">
3093
+ <span></span>
3094
+ </i>
3095
+ <span class="icon-name">progress</span>
3096
+ <span class="icon-alias">
3097
+ </div>
3098
+ <div class="icons__item">
3099
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="progress-circle">
3100
+ <span></span>
3101
+ </i>
3102
+ <span class="icon-name">progress-circle</span>
3103
+ <span class="icon-alias">
3104
+ </div>
3105
+ <div class="icons__item">
3106
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pulsar">
3107
+ <span></span>
3108
+ </i>
3109
+ <span class="icon-name">pulsar</span>
3110
+ <span class="icon-alias">
3111
+ </div>
3112
+ <div class="icons__item">
3113
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pump">
3114
+ <span></span>
3115
+ </i>
3116
+ <span class="icon-name">pump</span>
3117
+ <span class="icon-alias">
3118
+ </div>
3119
+ <div class="icons__item">
3120
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pump-100-percent">
3121
+ <span></span>
3122
+ </i>
3123
+ <span class="icon-name">pump-100-percent</span>
3124
+ <span class="icon-alias">
3125
+ </div>
3126
+ <div class="icons__item">
3127
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pump-25-percent">
3128
+ <span></span>
3129
+ </i>
3130
+ <span class="icon-name">pump-25-percent</span>
3131
+ <span class="icon-alias">
3132
+ </div>
3133
+ <div class="icons__item">
3134
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pump-50-percent">
3135
+ <span></span>
3136
+ </i>
3137
+ <span class="icon-name">pump-50-percent</span>
3138
+ <span class="icon-alias">
3139
+ </div>
3140
+ <div class="icons__item">
3141
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pump-75-percent">
3142
+ <span></span>
3143
+ </i>
3144
+ <span class="icon-name">pump-75-percent</span>
3145
+ <span class="icon-alias">
3146
+ </div>
3147
+ <div class="icons__item">
3148
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pump-adapter-magnetic">
3149
+ <span></span>
3150
+ </i>
3151
+ <span class="icon-name">pump-adapter-magnetic</span>
3152
+ <span class="icon-alias">
3153
+ </div>
3154
+ <div class="icons__item">
3155
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="pump-low">
3156
+ <span></span>
3157
+ </i>
3158
+ <span class="icon-name">pump-low</span>
3159
+ <span class="icon-alias">
3160
+ </div>
3161
+ <div class="icons__item">
3162
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="rack">
3163
+ <span></span>
3164
+ </i>
3165
+ <span class="icon-name">rack</span>
3166
+ <span class="icon-alias">
3167
+ </div>
3168
+ <div class="icons__item">
3169
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="rack-mobile">
3170
+ <span></span>
3171
+ </i>
3172
+ <span class="icon-name">rack-mobile</span>
3173
+ <span class="icon-alias">
3174
+ </div>
3175
+ <div class="icons__item">
3176
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="radiation-protection-device">
3177
+ <span></span>
3178
+ </i>
3179
+ <span class="icon-name">radiation-protection-device</span>
3180
+ <span class="icon-alias">
3181
+ </div>
3182
+ <div class="icons__item">
3183
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="radiocircuit">
3184
+ <span></span>
3185
+ </i>
3186
+ <span class="icon-name">radiocircuit</span>
3187
+ <span class="icon-alias">
3188
+ </div>
3189
+ <div class="icons__item">
3190
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="rebuild">
3191
+ <span></span>
3192
+ </i>
3193
+ <span class="icon-name">rebuild</span>
3194
+ <span class="icon-alias">
3195
+ </div>
3196
+ <div class="icons__item">
3197
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="recycling">
3198
+ <span></span>
3199
+ </i>
3200
+ <span class="icon-name">recycling</span>
3201
+ <span class="icon-alias">
3202
+ </div>
3203
+ <div class="icons__item">
3204
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="relay-switch-closed">
3205
+ <span></span>
3206
+ </i>
3207
+ <span class="icon-name">relay-switch-closed</span>
3208
+ <span class="icon-alias">
3209
+ </div>
3210
+ <div class="icons__item">
3211
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="relay-switch-open">
3212
+ <span></span>
3213
+ </i>
3214
+ <span class="icon-name">relay-switch-open</span>
3215
+ <span class="icon-alias">
3216
+ </div>
3217
+ <div class="icons__item">
3218
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="relocate">
3219
+ <span></span>
3220
+ </i>
3221
+ <span class="icon-name">relocate</span>
3222
+ <span class="icon-alias">
3223
+ </div>
3224
+ <div class="icons__item">
3225
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="remote">
3226
+ <span></span>
3227
+ </i>
3228
+ <span class="icon-name">remote</span>
3229
+ <span class="icon-alias">
3230
+ </div>
3231
+ <div class="icons__item">
3232
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="remote-transmission">
3233
+ <span></span>
3234
+ </i>
3235
+ <span class="icon-name">remote-transmission</span>
3236
+ <span class="icon-alias">
3237
+ </div>
3238
+ <div class="icons__item">
3239
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="reorganisation">
3240
+ <span></span>
3241
+ </i>
3242
+ <span class="icon-name">reorganisation</span>
3243
+ <span class="icon-alias">
3244
+ </div>
3245
+ <div class="icons__item">
3246
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="reset">
3247
+ <span></span>
3248
+ </i>
3249
+ <span class="icon-name">reset</span>
3250
+ <span class="icon-alias">
3251
+ </div>
3252
+ <div class="icons__item">
3253
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="resources">
3254
+ <span></span>
3255
+ </i>
3256
+ <span class="icon-name">resources</span>
3257
+ <span class="icon-alias">
3258
+ </div>
3259
+ <div class="icons__item">
3260
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="rfid">
3261
+ <span></span>
3262
+ </i>
3263
+ <span class="icon-name">rfid</span>
3264
+ <span class="icon-alias">
3265
+ </div>
3266
+ <div class="icons__item">
3267
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="rise-time-error">
3268
+ <span></span>
3269
+ </i>
3270
+ <span class="icon-name">rise-time-error</span>
3271
+ <span class="icon-alias">
3272
+ </div>
3273
+ <div class="icons__item">
3274
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="roofing">
3275
+ <span></span>
3276
+ </i>
3277
+ <span class="icon-name">roofing</span>
3278
+ <span class="icon-alias">
3279
+ </div>
3280
+ <div class="icons__item">
3281
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="rope">
3282
+ <span></span>
3283
+ </i>
3284
+ <span class="icon-name">rope</span>
3285
+ <span class="icon-alias">
3286
+ </div>
3287
+ <div class="icons__item">
3288
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="saddle-roof">
3289
+ <span></span>
3290
+ </i>
3291
+ <span class="icon-name">saddle-roof</span>
3292
+ <span class="icon-alias">
3293
+ </div>
3294
+ <div class="icons__item">
3295
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="safer">
3296
+ <span></span>
3297
+ </i>
3298
+ <span class="icon-name">safer</span>
3299
+ <span class="icon-alias">
3300
+ </div>
3301
+ <div class="icons__item">
3302
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="saw">
3303
+ <span></span>
3304
+ </i>
3305
+ <span class="icon-name">saw</span>
3306
+ <span class="icon-alias">
3307
+ </div>
3308
+ <div class="icons__item">
3309
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="scba">
3310
+ <span></span>
3311
+ </i>
3312
+ <span class="icon-name">scba</span>
3313
+ <span class="icon-alias">
3314
+ </div>
3315
+ <div class="icons__item">
3316
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="scroll-grip">
3317
+ <span></span>
3318
+ </i>
3319
+ <span class="icon-name">scroll-grip</span>
3320
+ <span class="icon-alias">
3321
+ </div>
3322
+ <div class="icons__item">
3323
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="scroll-page-down">
3324
+ <span></span>
3325
+ </i>
3326
+ <span class="icon-name">scroll-page-down</span>
3327
+ <span class="icon-alias">
3328
+ </div>
3329
+ <div class="icons__item">
3330
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="scroll-page-up">
3331
+ <span></span>
3332
+ </i>
3333
+ <span class="icon-name">scroll-page-up</span>
3334
+ <span class="icon-alias">
3335
+ </div>
3336
+ <div class="icons__item">
3337
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="scsr">
3338
+ <span></span>
3339
+ </i>
3340
+ <span class="icon-name">scsr</span>
3341
+ <span class="icon-alias">
3342
+ </div>
3343
+ <div class="icons__item">
3344
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="sensor-catex">
3345
+ <span></span>
3346
+ </i>
3347
+ <span class="icon-name">sensor-catex</span>
3348
+ <span class="icon-alias">
3349
+ </div>
3350
+ <div class="icons__item">
3351
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="sensor-disabled">
3352
+ <span></span>
3353
+ </i>
3354
+ <span class="icon-name">sensor-disabled</span>
3355
+ <span class="icon-alias">
3356
+ </div>
3357
+ <div class="icons__item">
3358
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="sensor-ec">
3359
+ <span></span>
3360
+ </i>
3361
+ <span class="icon-name">sensor-ec</span>
3362
+ <span class="icon-alias">
3363
+ </div>
3364
+ <div class="icons__item">
3365
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="sensor-error">
3366
+ <span></span>
3367
+ </i>
3368
+ <span class="icon-name">sensor-error</span>
3369
+ <span class="icon-alias">
3370
+ </div>
3371
+ <div class="icons__item">
3372
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="sensor-information">
3373
+ <span></span>
3374
+ </i>
3375
+ <span class="icon-name">sensor-information</span>
3376
+ <span class="icon-alias">
3377
+ </div>
3378
+ <div class="icons__item">
3379
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="sensor-ir">
3380
+ <span></span>
3381
+ </i>
3382
+ <span class="icon-name">sensor-ir</span>
3383
+ <span class="icon-alias">
3384
+ </div>
3385
+ <div class="icons__item">
3386
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="sensor-low">
3387
+ <span></span>
3388
+ </i>
3389
+ <span class="icon-name">sensor-low</span>
3390
+ <span class="icon-alias">
3391
+ </div>
3392
+ <div class="icons__item">
3393
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="sensor-overheat">
3394
+ <span></span>
3395
+ </i>
3396
+ <span class="icon-name">sensor-overheat</span>
3397
+ <span class="icon-alias">
3398
+ </div>
3399
+ <div class="icons__item">
3400
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="sensor-pid">
3401
+ <span></span>
3402
+ </i>
3403
+ <span class="icon-name">sensor-pid</span>
3404
+ <span class="icon-alias">
3405
+ </div>
3406
+ <div class="icons__item">
3407
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="sensor-warning">
3408
+ <span></span>
3409
+ </i>
3410
+ <span class="icon-name">sensor-warning</span>
3411
+ <span class="icon-alias">
3412
+ </div>
3413
+ <div class="icons__item">
3414
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="sensors">
3415
+ <span></span>
3416
+ </i>
3417
+ <span class="icon-name">sensors</span>
3418
+ <span class="icon-alias">
3419
+ </div>
3420
+ <div class="icons__item">
3421
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="signal">
3422
+ <span></span>
3423
+ </i>
3424
+ <span class="icon-name">signal</span>
3425
+ <span class="icon-alias">
3426
+ </div>
3427
+ <div class="icons__item">
3428
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="signal-0-percent">
3429
+ <span></span>
3430
+ </i>
3431
+ <span class="icon-name">signal-0-percent</span>
3432
+ <span class="icon-alias">
3433
+ </div>
3434
+ <div class="icons__item">
3435
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="simulation">
3436
+ <span></span>
3437
+ </i>
3438
+ <span class="icon-name">simulation</span>
3439
+ <span class="icon-alias">
3440
+ </div>
3441
+ <div class="icons__item">
3442
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="sketch">
3443
+ <span></span>
3444
+ </i>
3445
+ <span class="icon-name">sketch</span>
3446
+ <span class="icon-alias">
3447
+ </div>
3448
+ <div class="icons__item">
3449
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="sos">
3450
+ <span></span>
3451
+ </i>
3452
+ <span class="icon-name">sos</span>
3453
+ <span class="icon-alias">
3454
+ </div>
3455
+ <div class="icons__item">
3456
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="sos-no-telemetry">
3457
+ <span></span>
3458
+ </i>
3459
+ <span class="icon-name">sos-no-telemetry</span>
3460
+ <span class="icon-alias">
3461
+ </div>
3462
+ <div class="icons__item">
3463
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="spare-parts">
3464
+ <span></span>
3465
+ </i>
3466
+ <span class="icon-name">spare-parts</span>
3467
+ <span class="icon-alias">
3468
+ </div>
3469
+ <div class="icons__item">
3470
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="speed">
3471
+ <span></span>
3472
+ </i>
3473
+ <span class="icon-name">speed</span>
3474
+ <span class="icon-alias">
3475
+ </div>
3476
+ <div class="icons__item">
3477
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="sprinkler">
3478
+ <span></span>
3479
+ </i>
3480
+ <span class="icon-name">sprinkler</span>
3481
+ <span class="icon-alias">
3482
+ </div>
3483
+ <div class="icons__item">
3484
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="start-flush">
3485
+ <span></span>
3486
+ </i>
3487
+ <span class="icon-name">start-flush</span>
3488
+ <span class="icon-alias">
3489
+ </div>
3490
+ <div class="icons__item">
3491
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="storage-box">
3492
+ <span></span>
3493
+ </i>
3494
+ <span class="icon-name">storage-box</span>
3495
+ <span class="icon-alias">
3496
+ </div>
3497
+ <div class="icons__item">
3498
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="substance">
3499
+ <span></span>
3500
+ </i>
3501
+ <span class="icon-name">substance</span>
3502
+ <span class="icon-alias">
3503
+ </div>
3504
+ <div class="icons__item">
3505
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="substances">
3506
+ <span></span>
3507
+ </i>
3508
+ <span class="icon-name">substances</span>
3509
+ <span class="icon-alias">
3510
+ </div>
3511
+ <div class="icons__item">
3512
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="suffocation-a1">
3513
+ <span></span>
3514
+ </i>
3515
+ <span class="icon-name">suffocation-a1</span>
3516
+ <span class="icon-alias">
3517
+ </div>
3518
+ <div class="icons__item">
3519
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="suffocation-a2">
3520
+ <span></span>
3521
+ </i>
3522
+ <span class="icon-name">suffocation-a2</span>
3523
+ <span class="icon-alias">
3524
+ </div>
3525
+ <div class="icons__item">
3526
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="suffocation-stel">
3527
+ <span></span>
3528
+ </i>
3529
+ <span class="icon-name">suffocation-stel</span>
3530
+ <span class="icon-alias">
3531
+ </div>
3532
+ <div class="icons__item">
3533
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="suffocation-twa">
3534
+ <span></span>
3535
+ </i>
3536
+ <span class="icon-name">suffocation-twa</span>
3537
+ <span class="icon-alias">
3538
+ </div>
3539
+ <div class="icons__item">
3540
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="suffocation">
3541
+ <span></span>
3542
+ </i>
3543
+ <span class="icon-name">suffocation</span>
3544
+ <span class="icon-alias">
3545
+ </div>
3546
+ <div class="icons__item">
3547
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="system">
3548
+ <span></span>
3549
+ </i>
3550
+ <span class="icon-name">system</span>
3551
+ <span class="icon-alias">
3552
+ </div>
3553
+ <div class="icons__item">
3554
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="system-storage-error">
3555
+ <span></span>
3556
+ </i>
3557
+ <span class="icon-name">system-storage-error</span>
3558
+ <span class="icon-alias">
3559
+ </div>
3560
+ <div class="icons__item">
3561
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="system-storage-warning">
3562
+ <span></span>
3563
+ </i>
3564
+ <span class="icon-name">system-storage-warning</span>
3565
+ <span class="icon-alias">
3566
+ </div>
3567
+ <div class="icons__item">
3568
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="table">
3569
+ <span></span>
3570
+ </i>
3571
+ <span class="icon-name">table</span>
3572
+ <span class="icon-alias">
3573
+ </div>
3574
+ <div class="icons__item">
3575
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="tablet">
3576
+ <span></span>
3577
+ </i>
3578
+ <span class="icon-name">tablet</span>
3579
+ <span class="icon-alias">
3580
+ </div>
3581
+ <div class="icons__item">
3582
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="tag-barcode">
3583
+ <span></span>
3584
+ </i>
3585
+ <span class="icon-name">tag-barcode</span>
3586
+ <span class="icon-alias">
3587
+ </div>
3588
+ <div class="icons__item">
3589
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="telemetry">
3590
+ <span></span>
3591
+ </i>
3592
+ <span class="icon-name">telemetry</span>
3593
+ <span class="icon-alias">
3594
+ </div>
3595
+ <div class="icons__item">
3596
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="telemetry-active">
3597
+ <span></span>
3598
+ </i>
3599
+ <span class="icon-name">telemetry-active</span>
3600
+ <span class="icon-alias">
3601
+ </div>
3602
+ <div class="icons__item">
3603
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="telemetry-disabled">
3604
+ <span></span>
3605
+ </i>
3606
+ <span class="icon-name">telemetry-disabled</span>
3607
+ <span class="icon-alias">
3608
+ </div>
3609
+ <div class="icons__item">
3610
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="telemetry-error">
3611
+ <span></span>
3612
+ </i>
3613
+ <span class="icon-name">telemetry-error</span>
3614
+ <span class="icon-alias">
3615
+ </div>
3616
+ <div class="icons__item">
3617
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="telemetry-search">
3618
+ <span></span>
3619
+ </i>
3620
+ <span class="icon-name">telemetry-search</span>
3621
+ <span class="icon-alias">
3622
+ </div>
3623
+ <div class="icons__item">
3624
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="telemetry-warning">
3625
+ <span></span>
3626
+ </i>
3627
+ <span class="icon-name">telemetry-warning</span>
3628
+ <span class="icon-alias">
3629
+ </div>
3630
+ <div class="icons__item">
3631
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="temperature-error">
3632
+ <span></span>
3633
+ </i>
3634
+ <span class="icon-name">temperature-error</span>
3635
+ <span class="icon-alias">
3636
+ </div>
3637
+ <div class="icons__item">
3638
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="temperature-high">
3639
+ <span></span>
3640
+ </i>
3641
+ <span class="icon-name">temperature-high</span>
3642
+ <span class="icon-alias">
3643
+ </div>
3644
+ <div class="icons__item">
3645
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="temperature-low">
3646
+ <span></span>
3647
+ </i>
3648
+ <span class="icon-name">temperature-low</span>
3649
+ <span class="icon-alias">
3650
+ </div>
3651
+ <div class="icons__item">
3652
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="temperature-warning">
3653
+ <span></span>
3654
+ </i>
3655
+ <span class="icon-name">temperature-warning</span>
3656
+ <span class="icon-alias">
3657
+ </div>
3658
+ <div class="icons__item">
3659
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="test">
3660
+ <span></span>
3661
+ </i>
3662
+ <span class="icon-name">test</span>
3663
+ <span class="icon-alias">
3664
+ </div>
3665
+ <div class="icons__item">
3666
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="test-edit">
3667
+ <span></span>
3668
+ </i>
3669
+ <span class="icon-name">test-edit</span>
3670
+ <span class="icon-alias">
3671
+ </div>
3672
+ <div class="icons__item">
3673
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="test-eq">
3674
+ <span></span>
3675
+ </i>
3676
+ <span class="icon-name">test-eq</span>
3677
+ <span class="icon-alias">
3678
+ </div>
3679
+ <div class="icons__item">
3680
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="test-eq-connection">
3681
+ <span></span>
3682
+ </i>
3683
+ <span class="icon-name">test-eq-connection</span>
3684
+ <span class="icon-alias">
3685
+ </div>
3686
+ <div class="icons__item">
3687
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="test-error">
3688
+ <span></span>
3689
+ </i>
3690
+ <span class="icon-name">test-error</span>
3691
+ <span class="icon-alias">
3692
+ </div>
3693
+ <div class="icons__item">
3694
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="test-note">
3695
+ <span></span>
3696
+ </i>
3697
+ <span class="icon-name">test-note</span>
3698
+ <span class="icon-alias">
3699
+ </div>
3700
+ <div class="icons__item">
3701
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="test-results">
3702
+ <span></span>
3703
+ </i>
3704
+ <span class="icon-name">test-results</span>
3705
+ <span class="icon-alias">
3706
+ </div>
3707
+ <div class="icons__item">
3708
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="testing">
3709
+ <span></span>
3710
+ </i>
3711
+ <span class="icon-name">testing</span>
3712
+ <span class="icon-alias">
3713
+ </div>
3714
+ <div class="icons__item">
3715
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="theme-switch">
3716
+ <span></span>
3717
+ </i>
3718
+ <span class="icon-name">theme-switch</span>
3719
+ <span class="icon-alias">
3720
+ </div>
3721
+ <div class="icons__item">
3722
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="thermal-alarm">
3723
+ <span></span>
3724
+ </i>
3725
+ <span class="icon-name">thermal-alarm</span>
3726
+ <span class="icon-alias">
3727
+ </div>
3728
+ <div class="icons__item">
3729
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="tic">
3730
+ <span></span>
3731
+ </i>
3732
+ <span class="icon-name">tic</span>
3733
+ <span class="icon-alias">
3734
+ </div>
3735
+ <div class="icons__item">
3736
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="tic-connection-rejected">
3737
+ <span></span>
3738
+ </i>
3739
+ <span class="icon-name">tic-connection-rejected</span>
3740
+ <span class="icon-alias">
3741
+ </div>
3742
+ <div class="icons__item">
3743
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="tic-connection-success">
3744
+ <span></span>
3745
+ </i>
3746
+ <span class="icon-name">tic-connection-success</span>
3747
+ <span class="icon-alias">
3748
+ </div>
3749
+ <div class="icons__item">
3750
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="tic-failed">
3751
+ <span></span>
3752
+ </i>
3753
+ <span class="icon-name">tic-failed</span>
3754
+ <span class="icon-alias">
3755
+ </div>
3756
+ <div class="icons__item">
3757
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="tic-pairing-failed">
3758
+ <span></span>
3759
+ </i>
3760
+ <span class="icon-name">tic-pairing-failed</span>
3761
+ <span class="icon-alias">
3762
+ </div>
3763
+ <div class="icons__item">
3764
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="tic-successful">
3765
+ <span></span>
3766
+ </i>
3767
+ <span class="icon-name">tic-successful</span>
3768
+ <span class="icon-alias">
3769
+ </div>
3770
+ <div class="icons__item">
3771
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="time-compress">
3772
+ <span></span>
3773
+ </i>
3774
+ <span class="icon-name">time-compress</span>
3775
+ <span class="icon-alias">
3776
+ </div>
3777
+ <div class="icons__item">
3778
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="time-stretch">
3779
+ <span></span>
3780
+ </i>
3781
+ <span class="icon-name">time-stretch</span>
3782
+ <span class="icon-alias">
3783
+ </div>
3784
+ <div class="icons__item">
3785
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="time-window">
3786
+ <span></span>
3787
+ </i>
3788
+ <span class="icon-name">time-window</span>
3789
+ <span class="icon-alias">
3790
+ </div>
3791
+ <div class="icons__item">
3792
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="timeline-view">
3793
+ <span></span>
3794
+ </i>
3795
+ <span class="icon-name">timeline-view</span>
3796
+ <span class="icon-alias">
3797
+ </div>
3798
+ <div class="icons__item">
3799
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="timer">
3800
+ <span></span>
3801
+ </i>
3802
+ <span class="icon-name">timer</span>
3803
+ <span class="icon-alias">
3804
+ </div>
3805
+ <div class="icons__item">
3806
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="timer-elapsed">
3807
+ <span></span>
3808
+ </i>
3809
+ <span class="icon-name">timer-elapsed</span>
3810
+ <span class="icon-alias">
3811
+ </div>
3812
+ <div class="icons__item">
3813
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="timer-start">
3814
+ <span></span>
3815
+ </i>
3816
+ <span class="icon-name">timer-start</span>
3817
+ <span class="icon-alias">
3818
+ </div>
3819
+ <div class="icons__item">
3820
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="top-level">
3821
+ <span></span>
3822
+ </i>
3823
+ <span class="icon-name">top-level</span>
3824
+ <span class="icon-alias">
3825
+ </div>
3826
+ <div class="icons__item">
3827
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="topology">
3828
+ <span></span>
3829
+ </i>
3830
+ <span class="icon-name">topology</span>
3831
+ <span class="icon-alias">
3832
+ </div>
3833
+ <div class="icons__item">
3834
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="total-care">
3835
+ <span></span>
3836
+ </i>
3837
+ <span class="icon-name">total-care</span>
3838
+ <span class="icon-alias">
3839
+ </div>
3840
+ <div class="icons__item">
3841
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="toxic-a1">
3842
+ <span></span>
3843
+ </i>
3844
+ <span class="icon-name">toxic-a1</span>
3845
+ <span class="icon-alias">
3846
+ </div>
3847
+ <div class="icons__item">
3848
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="toxic-a2">
3849
+ <span></span>
3850
+ </i>
3851
+ <span class="icon-name">toxic-a2</span>
3852
+ <span class="icon-alias">
3853
+ </div>
3854
+ <div class="icons__item">
3855
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="toxic-stel">
3856
+ <span></span>
3857
+ </i>
3858
+ <span class="icon-name">toxic-stel</span>
3859
+ <span class="icon-alias">
3860
+ </div>
3861
+ <div class="icons__item">
3862
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="toxic-twa">
3863
+ <span></span>
3864
+ </i>
3865
+ <span class="icon-name">toxic-twa</span>
3866
+ <span class="icon-alias">
3867
+ </div>
3868
+ <div class="icons__item">
3869
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="toxic">
3870
+ <span></span>
3871
+ </i>
3872
+ <span class="icon-name">toxic</span>
3873
+ <span class="icon-alias">
3874
+ </div>
3875
+ <div class="icons__item">
3876
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="trailer">
3877
+ <span></span>
3878
+ </i>
3879
+ <span class="icon-name">trailer</span>
3880
+ <span class="icon-alias">
3881
+ </div>
3882
+ <div class="icons__item">
3883
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="truck">
3884
+ <span></span>
3885
+ </i>
3886
+ <span class="icon-name">truck</span>
3887
+ <span class="icon-alias">
3888
+ </div>
3889
+ <div class="icons__item">
3890
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="tube">
3891
+ <span></span>
3892
+ </i>
3893
+ <span class="icon-name">tube</span>
3894
+ <span class="icon-alias">
3895
+ </div>
3896
+ <div class="icons__item">
3897
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="tube-off">
3898
+ <span></span>
3899
+ </i>
3900
+ <span class="icon-name">tube-off</span>
3901
+ <span class="icon-alias">
3902
+ </div>
3903
+ <div class="icons__item">
3904
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="tube-on">
3905
+ <span></span>
3906
+ </i>
3907
+ <span class="icon-name">tube-on</span>
3908
+ <span class="icon-alias">
3909
+ </div>
3910
+ <div class="icons__item">
3911
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="ucf-6000-9000">
3912
+ <span></span>
3913
+ </i>
3914
+ <span class="icon-name">ucf-6000-9000</span>
3915
+ <span class="icon-alias">
3916
+ </div>
3917
+ <div class="icons__item">
3918
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="underrange">
3919
+ <span></span>
3920
+ </i>
3921
+ <span class="icon-name">underrange</span>
3922
+ <span class="icon-alias">
3923
+ </div>
3924
+ <div class="icons__item">
3925
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="underrange-error">
3926
+ <span></span>
3927
+ </i>
3928
+ <span class="icon-name">underrange-error</span>
3929
+ <span class="icon-alias">
3930
+ </div>
3931
+ <div class="icons__item">
3932
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="underrange-warning">
3933
+ <span></span>
3934
+ </i>
3935
+ <span class="icon-name">underrange-warning</span>
3936
+ <span class="icon-alias">
3937
+ </div>
3938
+ <div class="icons__item">
3939
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="vario-guard-control-center">
3940
+ <span></span>
3941
+ </i>
3942
+ <span class="icon-name">vario-guard-control-center</span>
3943
+ <span class="icon-alias">
3944
+ </div>
3945
+ <div class="icons__item">
3946
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="vario-guard-sensor">
3947
+ <span></span>
3948
+ </i>
3949
+ <span class="icon-name">vario-guard-sensor</span>
3950
+ <span class="icon-alias">
3951
+ </div>
3952
+ <div class="icons__item">
3953
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="various-graphs">
3954
+ <span></span>
3955
+ </i>
3956
+ <span class="icon-name">various-graphs</span>
3957
+ <span class="icon-alias">
3958
+ </div>
3959
+ <div class="icons__item">
3960
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="vehicle-accident">
3961
+ <span></span>
3962
+ </i>
3963
+ <span class="icon-name">vehicle-accident</span>
3964
+ <span class="icon-alias">
3965
+ </div>
3966
+ <div class="icons__item">
3967
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="vent-close">
3968
+ <span></span>
3969
+ </i>
3970
+ <span class="icon-name">vent-close</span>
3971
+ <span class="icon-alias">
3972
+ </div>
3973
+ <div class="icons__item">
3974
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="vent-open">
3975
+ <span></span>
3976
+ </i>
3977
+ <span class="icon-name">vent-open</span>
3978
+ <span class="icon-alias">
3979
+ </div>
3980
+ <div class="icons__item">
3981
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="volume-max">
3982
+ <span></span>
3983
+ </i>
3984
+ <span class="icon-name">volume-max</span>
3985
+ <span class="icon-alias">
3986
+ </div>
3987
+ <div class="icons__item">
3988
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="volume-min">
3989
+ <span></span>
3990
+ </i>
3991
+ <span class="icon-name">volume-min</span>
3992
+ <span class="icon-alias">
3993
+ </div>
3994
+ <div class="icons__item">
3995
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="volume-mute">
3996
+ <span></span>
3997
+ </i>
3998
+ <span class="icon-name">volume-mute</span>
3999
+ <span class="icon-alias">
4000
+ </div>
4001
+ <div class="icons__item">
4002
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="volume-query">
4003
+ <span></span>
4004
+ </i>
4005
+ <span class="icon-name">volume-query</span>
4006
+ <span class="icon-alias">
4007
+ </div>
4008
+ <div class="icons__item">
4009
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="volume-reduction">
4010
+ <span></span>
4011
+ </i>
4012
+ <span class="icon-name">volume-reduction</span>
4013
+ <span class="icon-alias">
4014
+ </div>
4015
+ <div class="icons__item">
4016
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="warm-up-time">
4017
+ <span></span>
4018
+ </i>
4019
+ <span class="icon-name">warm-up-time</span>
4020
+ <span class="icon-alias">
4021
+ </div>
4022
+ <div class="icons__item">
4023
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="warning">
4024
+ <span></span>
4025
+ </i>
4026
+ <span class="icon-name">warning</span>
4027
+ <span class="icon-alias">
4028
+ </div>
4029
+ <div class="icons__item">
4030
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="washing-machine">
4031
+ <span></span>
4032
+ </i>
4033
+ <span class="icon-name">washing-machine</span>
4034
+ <span class="icon-alias">
4035
+ </div>
4036
+ <div class="icons__item">
4037
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="water">
4038
+ <span></span>
4039
+ </i>
4040
+ <span class="icon-name">water</span>
4041
+ <span class="icon-alias">
4042
+ </div>
4043
+ <div class="icons__item">
4044
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="wifi-100-percent">
4045
+ <span></span>
4046
+ </i>
4047
+ <span class="icon-name">wifi-100-percent</span>
4048
+ <span class="icon-alias">
4049
+ </div>
4050
+ <div class="icons__item">
4051
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="wifi-25-percent">
4052
+ <span></span>
4053
+ </i>
4054
+ <span class="icon-name">wifi-25-percent</span>
4055
+ <span class="icon-alias">
4056
+ </div>
4057
+ <div class="icons__item">
4058
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="wifi-50-percent">
4059
+ <span></span>
4060
+ </i>
4061
+ <span class="icon-name">wifi-50-percent</span>
4062
+ <span class="icon-alias">
4063
+ </div>
4064
+ <div class="icons__item">
4065
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="wifi-75-percent">
4066
+ <span></span>
4067
+ </i>
4068
+ <span class="icon-name">wifi-75-percent</span>
4069
+ <span class="icon-alias">
4070
+ </div>
4071
+ <div class="icons__item">
4072
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="wifi-disabled">
4073
+ <span></span>
4074
+ </i>
4075
+ <span class="icon-name">wifi-disabled</span>
4076
+ <span class="icon-alias">
4077
+ </div>
4078
+ <div class="icons__item">
4079
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="wifi-disabled-circle">
4080
+ <span></span>
4081
+ </i>
4082
+ <span class="icon-name">wifi-disabled-circle</span>
4083
+ <span class="icon-alias">
4084
+ </div>
4085
+ <div class="icons__item">
4086
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="wizard">
4087
+ <span></span>
4088
+ </i>
4089
+ <span class="icon-name">wizard</span>
4090
+ <span class="icon-alias">
4091
+ </div>
4092
+ <div class="icons__item">
4093
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="workshop">
4094
+ <span></span>
4095
+ </i>
4096
+ <span class="icon-name">workshop</span>
4097
+ <span class="icon-alias">
4098
+ </div>
4099
+ <div class="icons__item">
4100
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="xact-5000">
4101
+ <span></span>
4102
+ </i>
4103
+ <span class="icon-name">xact-5000</span>
4104
+ <span class="icon-alias">
4105
+ </div>
4106
+ <div class="icons__item">
4107
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="xact-7000">
4108
+ <span></span>
4109
+ </i>
4110
+ <span class="icon-name">xact-7000</span>
4111
+ <span class="icon-alias">
4112
+ </div>
4113
+ <div class="icons__item">
4114
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="xam-2000">
4115
+ <span></span>
4116
+ </i>
4117
+ <span class="icon-name">xam-2000</span>
4118
+ <span class="icon-alias">
4119
+ </div>
4120
+ <div class="icons__item">
4121
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="xam-2500">
4122
+ <span></span>
4123
+ </i>
4124
+ <span class="icon-name">xam-2500</span>
4125
+ <span class="icon-alias">
4126
+ </div>
4127
+ <div class="icons__item">
4128
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="xam-3000">
4129
+ <span></span>
4130
+ </i>
4131
+ <span class="icon-name">xam-3000</span>
4132
+ <span class="icon-alias">
4133
+ </div>
4134
+ <div class="icons__item">
4135
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="xam-5000">
4136
+ <span></span>
4137
+ </i>
4138
+ <span class="icon-name">xam-5000</span>
4139
+ <span class="icon-alias">
4140
+ </div>
4141
+ <div class="icons__item">
4142
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="xam-7000">
4143
+ <span></span>
4144
+ </i>
4145
+ <span class="icon-name">xam-7000</span>
4146
+ <span class="icon-alias">
4147
+ </div>
4148
+ <div class="icons__item">
4149
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="xam-8000">
4150
+ <span></span>
4151
+ </i>
4152
+ <span class="icon-name">xam-8000</span>
4153
+ <span class="icon-alias">
4154
+ </div>
4155
+ <div class="icons__item">
4156
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="xdock">
4157
+ <span></span>
4158
+ </i>
4159
+ <span class="icon-name">xdock</span>
4160
+ <span class="icon-alias">
4161
+ </div>
4162
+ <div class="icons__item">
4163
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="xpid-9000">
4164
+ <span></span>
4165
+ </i>
4166
+ <span class="icon-name">xpid-9000</span>
4167
+ <span class="icon-alias">
4168
+ </div>
4169
+ <div class="icons__item">
4170
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="xplore">
4171
+ <span></span>
4172
+ </i>
4173
+ <span class="icon-name">xplore</span>
4174
+ <span class="icon-alias">
4175
+ </div>
4176
+ <div class="icons__item">
4177
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="xzone-5000">
4178
+ <span></span>
4179
+ </i>
4180
+ <span class="icon-name">xzone-5000</span>
4181
+ <span class="icon-alias">
4182
+ </div>
4183
+ <div class="icons__item">
4184
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="zoom-document-size">
4185
+ <span></span>
4186
+ </i>
4187
+ <span class="icon-name">zoom-document-size</span>
4188
+ <span class="icon-alias">
4189
+ </div>
4190
+ <div class="icons__item">
4191
+ <i class="odx-icon" data-icon-set="safety" data-icon-name="zoom-document-width">
4192
+ <span></span>
4193
+ </i>
4194
+ <span class="icon-name">zoom-document-width</span>
4195
+ <span class="icon-alias">
4196
+ </div>
4197
+ </main>
4198
+ <script>
4199
+ let currentMessage, timeout;
4200
+
4201
+ document.body.addEventListener('click', event => {
4202
+ const target = event.target.closest('.icons__item');
4203
+ if(target) {
4204
+ const iconName = target.querySelector('.icon-name').textContent;
4205
+ navigator.clipboard.writeText(iconName).then(() => {
4206
+ const message = `Copied <strong>${iconName}</strong> to clipboard`;
4207
+ if(currentMessage) currentMessage.remove();
4208
+
4209
+ currentMessage = document.createElement('div');
4210
+ currentMessage.classList.add('copied-message');
4211
+ currentMessage.innerHTML = message
4212
+ document.body.appendChild(currentMessage);
4213
+ clearTimeout(timeout);
4214
+ timeout = setTimeout(() => {
4215
+ currentMessage.remove();
4216
+ currentMessage = null;
4217
+ }, 3000);
4218
+ });
4219
+ }
4220
+ });
4221
+
4222
+ const searchInput = document.querySelector('.page-search');
4223
+ const iconElements = document.querySelectorAll('.icons__item');
4224
+ const iconNames = new WeakMap();
4225
+ for(const iconElement of iconElements) {
4226
+ iconNames.set(iconElement, iconElement.querySelector('.icon-name').textContent.toLowerCase())
4227
+ }
4228
+ searchInput.addEventListener('keyup', event => {
4229
+ for(const iconElement of iconElements) {
4230
+ const isVisible = iconNames.get(iconElement).includes(searchInput.value.toLowerCase());
4231
+ iconElement.classList.toggle('is-hidden', !isVisible);
4232
+ }
4233
+ })
131
4234
  </script>
132
4235
  </body>
133
4236
  </html>