@@include('../../templates/modules/components/DocumentationPageHeader.html')

Icons

Fabric uses a custom font for its iconography. This font contains glyphs that you can scale, color, and style in any way. You can even flip them for right-to-left localization. To use the icons, combine the base ms-Icon class with a modifier class for the specific icon.

<i class="ms-Icon ms-Icon--Mail" aria-hidden="true"></i>

Note the aria-hidden attribute, which prevents screen readers from reading the icon. In cases where meaning is conveyed only through the icon, such as an icon-only navigation bar, be sure to apply an aria-label to the button for accessibility.

@@include('../../templates/modules/content/icon-page.html')
@@include('../../templates/modules/components/DocumentationPageFooter.html')