• AndyH

Creating an icon

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.

Office UI Fabric icons

21 views0 comments


© 2019 AndyH  -  all rights reserved