Iconography

The icons used in Design System are SVGs because of the improved accessibility and vector support of SVG format.

All icons can be accessed by using class prefix icon- for example <span class="icon-reduced-time-to-market"></span>

Icon Sets

Here are some sample icons. The complete list of icons can be found in SCSS/Vendors/icomons_styles.scss

Action Icons

Alert Icons

Device Icons

<!--Action Icons-->

<span class="icon-3d-rotate"></span>
<span class="icon-accessibility"></span>
<span class="icon-accessibility-new"></span>
<span class="icon-accessible"></span>
<span class="icon-account-balance"></span>
<span class="icon-account-wallet"></span>

<!--Alert Icons-->

<span class="icon-error"></span>
<span class="icon-warning-circle"></span>
<span class="icon-bell-info"></span>
<span class="icon-warning"></span>
<span class="icon-info-triangle"></span>
<span class="icon-bell"></span>

<!--Device Icons-->

<span class="icon-alarm"></span>
<span class="icon-alarm-add"></span>
<span class="icon-alarm-off"></span>
<span class="icon-alarm-on"></span>
<span class="icon-all-inbox"></span>
<span class="icon-all-out"></span>