top of page

Creating an icon

Writer: AndyH
AndyH
Mar 13, 2019
1 min read

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

Comments


bottom of page