top of page

Creating an icon

Writer's picture: AndyHAndyH

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

Comments


bottom of page