top of page
  • Writer's pictureAndyH

Creating an icon


Close up of an eye

How to display an icon with Office UI Fabric.


Very simple, first need to import:

import { Icon } from 'office-ui-fabric-react/lib/Icon';

And then can use the icon as follows:

<Icon iconName = { 'Accept' } className = { 'ms-IconAccept' } />

To find the Icon name, use the Office UI Fabric icon styles - there is a form on that page to help you search through the default icons available.


list of icons
Office UI Fabric icons

34 views0 comments

Recent Posts

See All
bottom of page