office-ui-fabric-core
Version:
The front-end framework for building experiences for Office 365.
602 lines (600 loc) • 168 kB
HTML
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<title>Office Fabric UI Core Documentation</title>
<link rel="stylesheet" href="../../css/fabric.css">
<link rel="stylesheet" href="../docs.css">
<link rel="stylesheet"
href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/2.6.2/css/fabric.components.min.css">
</head>
<body class="ms-Fabric">
<div id="body-content">
<div id="Header" class="docs-Header">
<a class="ms-font-xxl ms-fontColor-white" href="/">Office UI Fabric</a>
<div class="Header-buttons">
<a href="https://github.com/OfficeDev/office-ui-fabric-core/"
class="Header-button ms-fontColor-white">Github</a>
</div>
</div>
<div class="docs-Page has-leftNav">
<div class="docs-Page-leftNav">
<div class="LeftNav-links" role="menu" aria-label="Anchor links for navigating this page">
<div class="LeftNav-item">
<a class="Typography LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary"
href="/Typography">Typography</a>
</div>
<div class="LeftNav-item">
<a class="Color LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary"
href="/Color">Color</a>
</div>
<div class="LeftNav-item">
<a class="Icons LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary"
href="/Icons">Icons</a>
</div>
<div class="LeftNav-item">
<a class="Icons LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary"
href="/BrandIcons">BrandIcons</a>
</div>
<div class="LeftNav-item">
<a class="Animations LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary"
href="/Animations">Animations</a>
</div>
<div class="LeftNav-item">
<a class="Responsive-Grid LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary"
href="/Responsive-Grid">Responsive Grid</a>
</div>
<div class="LeftNav-item">
<a class="Localization LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary"
href="/Localization">Localization</a>
</div>
<div class="LeftNav-item">
<a class="Scoping LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary"
href="/Scoping">Scoping</a>
</div>
</div>
</div>
<div class="docs-Styles-section" id="icons">
<h2>Icons</h2>
<p>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.</p>
<pre><code class="hljs"><i class="ms-Icon ms-Icon--Mail" aria-hidden="true"></i></code></pre>
<p>Note the <code>aria-hidden</code> 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.</p>
<div class="docs-IconList clearfix">
<ul>
<li><i class="ms-Icon ms-Icon--12PointStar"></i>ms-Icon--12PointStar</li>
<li><i class="ms-Icon ms-Icon--6PointStar"></i>ms-Icon--6PointStar</li>
<li><i class="ms-Icon ms-Icon--AADLogo"></i>ms-Icon--AADLogo</li>
<li><i class="ms-Icon ms-Icon--Accept"></i>ms-Icon--Accept</li>
<li><i class="ms-Icon ms-Icon--AccessibiltyChecker"></i>ms-Icon--AccessibiltyChecker</li>
<li><i class="ms-Icon ms-Icon--AccessLogo"></i>ms-Icon--AccessLogo</li>
<li><i class="ms-Icon ms-Icon--AccessLogoFill"></i>ms-Icon--AccessLogoFill</li>
<li><i class="ms-Icon ms-Icon--AccountActivity"></i>ms-Icon--AccountActivity</li>
<li><i class="ms-Icon ms-Icon--AccountBrowser"></i>ms-Icon--AccountBrowser</li>
<li><i class="ms-Icon ms-Icon--AccountManagement"></i>ms-Icon--AccountManagement</li>
<li><i class="ms-Icon ms-Icon--Accounts"></i>ms-Icon--Accounts</li>
<li><i class="ms-Icon ms-Icon--ActionCenter"></i>ms-Icon--ActionCenter</li>
<li><i class="ms-Icon ms-Icon--ActivateOrders"></i>ms-Icon--ActivateOrders</li>
<li><i class="ms-Icon ms-Icon--ActivityFeed"></i>ms-Icon--ActivityFeed</li>
<li><i class="ms-Icon ms-Icon--Add"></i>ms-Icon--Add</li>
<li><i class="ms-Icon ms-Icon--AddBookmark"></i>ms-Icon--AddBookmark</li>
<li><i class="ms-Icon ms-Icon--AddEvent"></i>ms-Icon--AddEvent</li>
<li><i class="ms-Icon ms-Icon--AddFavorite"></i>ms-Icon--AddFavorite</li>
<li><i class="ms-Icon ms-Icon--AddFavoriteFill"></i>ms-Icon--AddFavoriteFill</li>
<li><i class="ms-Icon ms-Icon--AddFriend"></i>ms-Icon--AddFriend</li>
<li><i class="ms-Icon ms-Icon--AddGroup"></i>ms-Icon--AddGroup</li>
<li><i class="ms-Icon ms-Icon--AddHome"></i>ms-Icon--AddHome</li>
<li><i class="ms-Icon ms-Icon--AddIn"></i>ms-Icon--AddIn</li>
<li><i class="ms-Icon ms-Icon--AddLink"></i>ms-Icon--AddLink</li>
<li><i class="ms-Icon ms-Icon--AddNotes"></i>ms-Icon--AddNotes</li>
<li><i class="ms-Icon ms-Icon--AddOnlineMeeting"></i>ms-Icon--AddOnlineMeeting</li>
<li><i class="ms-Icon ms-Icon--AddPhone"></i>ms-Icon--AddPhone</li>
<li><i class="ms-Icon ms-Icon--AddReaction"></i>ms-Icon--AddReaction</li>
<li><i class="ms-Icon ms-Icon--AddSpaceAfter"></i>ms-Icon--AddSpaceAfter</li>
<li><i class="ms-Icon ms-Icon--AddSpaceBefore"></i>ms-Icon--AddSpaceBefore</li>
<li><i class="ms-Icon ms-Icon--AddTo"></i>ms-Icon--AddTo</li>
<li><i class="ms-Icon ms-Icon--AddToShoppingList"></i>ms-Icon--AddToShoppingList</li>
<li><i class="ms-Icon ms-Icon--AddWork"></i>ms-Icon--AddWork</li>
<li><i class="ms-Icon ms-Icon--Admin"></i>ms-Icon--Admin</li>
<li><i class="ms-Icon ms-Icon--AdminALogo32"></i>ms-Icon--AdminALogo32</li>
<li><i class="ms-Icon ms-Icon--AdminALogoFill32"></i>ms-Icon--AdminALogoFill32</li>
<li><i class="ms-Icon ms-Icon--AdminALogoInverse32"></i>ms-Icon--AdminALogoInverse32</li>
<li><i class="ms-Icon ms-Icon--AdminCLogoInverse32"></i>ms-Icon--AdminCLogoInverse32</li>
<li><i class="ms-Icon ms-Icon--AdminDLogoInverse32"></i>ms-Icon--AdminDLogoInverse32</li>
<li><i class="ms-Icon ms-Icon--AdminELogoInverse32"></i>ms-Icon--AdminELogoInverse32</li>
<li><i class="ms-Icon ms-Icon--AdminLLogoInverse32"></i>ms-Icon--AdminLLogoInverse32</li>
<li><i class="ms-Icon ms-Icon--AdminMLogoInverse32"></i>ms-Icon--AdminMLogoInverse32</li>
<li><i class="ms-Icon ms-Icon--AdminOLogoInverse32"></i>ms-Icon--AdminOLogoInverse32</li>
<li><i class="ms-Icon ms-Icon--AdminPLogoInverse32"></i>ms-Icon--AdminPLogoInverse32</li>
<li><i class="ms-Icon ms-Icon--AdminSLogoInverse32"></i>ms-Icon--AdminSLogoInverse32</li>
<li><i class="ms-Icon ms-Icon--AdminYLogoInverse32"></i>ms-Icon--AdminYLogoInverse32</li>
<li><i class="ms-Icon ms-Icon--Airplane"></i>ms-Icon--Airplane</li>
<li><i class="ms-Icon ms-Icon--AirplaneSolid"></i>ms-Icon--AirplaneSolid</li>
<li><i class="ms-Icon ms-Icon--AirTickets"></i>ms-Icon--AirTickets</li>
<li><i class="ms-Icon ms-Icon--AlarmClock"></i>ms-Icon--AlarmClock</li>
<li><i class="ms-Icon ms-Icon--Album"></i>ms-Icon--Album</li>
<li><i class="ms-Icon ms-Icon--AlbumRemove"></i>ms-Icon--AlbumRemove</li>
<li><i class="ms-Icon ms-Icon--AlertSettings"></i>ms-Icon--AlertSettings</li>
<li><i class="ms-Icon ms-Icon--AlertSolid"></i>ms-Icon--AlertSolid</li>
<li><i class="ms-Icon ms-Icon--AlignCenter"></i>ms-Icon--AlignCenter</li>
<li><i class="ms-Icon ms-Icon--AlignHorizontalCenter"></i>ms-Icon--AlignHorizontalCenter</li>
<li><i class="ms-Icon ms-Icon--AlignHorizontalLeft"></i>ms-Icon--AlignHorizontalLeft</li>
<li><i class="ms-Icon ms-Icon--AlignHorizontalRight"></i>ms-Icon--AlignHorizontalRight</li>
<li><i class="ms-Icon ms-Icon--AlignJustify"></i>ms-Icon--AlignJustify</li>
<li><i class="ms-Icon ms-Icon--AlignLeft"></i>ms-Icon--AlignLeft</li>
<li><i class="ms-Icon ms-Icon--AlignRight"></i>ms-Icon--AlignRight</li>
<li><i class="ms-Icon ms-Icon--AlignVerticalBottom"></i>ms-Icon--AlignVerticalBottom</li>
<li><i class="ms-Icon ms-Icon--AlignVerticalCenter"></i>ms-Icon--AlignVerticalCenter</li>
<li><i class="ms-Icon ms-Icon--AlignVerticalTop"></i>ms-Icon--AlignVerticalTop</li>
<li><i class="ms-Icon ms-Icon--AllApps"></i>ms-Icon--AllApps</li>
<li><i class="ms-Icon ms-Icon--AllAppsMirrored"></i>ms-Icon--AllAppsMirrored</li>
<li><i class="ms-Icon ms-Icon--AllCurrency"></i>ms-Icon--AllCurrency</li>
<li><i class="ms-Icon ms-Icon--AltText"></i>ms-Icon--AltText</li>
<li><i class="ms-Icon ms-Icon--AnalyticsLogo"></i>ms-Icon--AnalyticsLogo</li>
<li><i class="ms-Icon ms-Icon--AnalyticsQuery"></i>ms-Icon--AnalyticsQuery</li>
<li><i class="ms-Icon ms-Icon--AnalyticsReport"></i>ms-Icon--AnalyticsReport</li>
<li><i class="ms-Icon ms-Icon--AnalyticsView"></i>ms-Icon--AnalyticsView</li>
<li><i class="ms-Icon ms-Icon--AnchorLock"></i>ms-Icon--AnchorLock</li>
<li><i class="ms-Icon ms-Icon--Annotation"></i>ms-Icon--Annotation</li>
<li><i class="ms-Icon ms-Icon--AppIconDefault"></i>ms-Icon--AppIconDefault</li>
<li><i class="ms-Icon ms-Icon--AppIconDefaultAdd"></i>ms-Icon--AppIconDefaultAdd</li>
<li><i class="ms-Icon ms-Icon--AppIconDefaultList"></i>ms-Icon--AppIconDefaultList</li>
<li><i class="ms-Icon ms-Icon--Archive"></i>ms-Icon--Archive</li>
<li><i class="ms-Icon ms-Icon--ArchiveUndo"></i>ms-Icon--ArchiveUndo</li>
<li><i class="ms-Icon ms-Icon--AreaChart"></i>ms-Icon--AreaChart</li>
<li><i class="ms-Icon ms-Icon--ArrangeBringForward"></i>ms-Icon--ArrangeBringForward</li>
<li><i class="ms-Icon ms-Icon--ArrangeBringToFront"></i>ms-Icon--ArrangeBringToFront</li>
<li><i class="ms-Icon ms-Icon--ArrangeByFrom"></i>ms-Icon--ArrangeByFrom</li>
<li><i class="ms-Icon ms-Icon--ArrangeSendBackward"></i>ms-Icon--ArrangeSendBackward</li>
<li><i class="ms-Icon ms-Icon--ArrangeSendToBack"></i>ms-Icon--ArrangeSendToBack</li>
<li><i class="ms-Icon ms-Icon--Arrivals"></i>ms-Icon--Arrivals</li>
<li><i class="ms-Icon ms-Icon--ArrowDownRight8"></i>ms-Icon--ArrowDownRight8</li>
<li><i class="ms-Icon ms-Icon--ArrowDownRightMirrored8"></i>ms-Icon--ArrowDownRightMirrored8</li>
<li><i class="ms-Icon ms-Icon--ArrowTallDownLeft"></i>ms-Icon--ArrowTallDownLeft</li>
<li><i class="ms-Icon ms-Icon--ArrowTallDownRight"></i>ms-Icon--ArrowTallDownRight</li>
<li><i class="ms-Icon ms-Icon--ArrowTallUpLeft"></i>ms-Icon--ArrowTallUpLeft</li>
<li><i class="ms-Icon ms-Icon--ArrowTallUpRight"></i>ms-Icon--ArrowTallUpRight</li>
<li><i class="ms-Icon ms-Icon--ArrowUpRight"></i>ms-Icon--ArrowUpRight</li>
<li><i class="ms-Icon ms-Icon--ArrowUpRight8"></i>ms-Icon--ArrowUpRight8</li>
<li><i class="ms-Icon ms-Icon--ArrowUpRightMirrored8"></i>ms-Icon--ArrowUpRightMirrored8</li>
<li><i class="ms-Icon ms-Icon--Articles"></i>ms-Icon--Articles</li>
<li><i class="ms-Icon ms-Icon--Ascending"></i>ms-Icon--Ascending</li>
<li><i class="ms-Icon ms-Icon--AspectRatio"></i>ms-Icon--AspectRatio</li>
<li><i class="ms-Icon ms-Icon--AssessmentGroup"></i>ms-Icon--AssessmentGroup</li>
<li><i class="ms-Icon ms-Icon--AssessmentGroupTemplate"></i>ms-Icon--AssessmentGroupTemplate</li>
<li><i class="ms-Icon ms-Icon--AssetLibrary"></i>ms-Icon--AssetLibrary</li>
<li><i class="ms-Icon ms-Icon--Assign"></i>ms-Icon--Assign</li>
<li><i class="ms-Icon ms-Icon--Asterisk"></i>ms-Icon--Asterisk</li>
<li><i class="ms-Icon ms-Icon--AsteriskSolid"></i>ms-Icon--AsteriskSolid</li>
<li><i class="ms-Icon ms-Icon--ATPLogo"></i>ms-Icon--ATPLogo</li>
<li><i class="ms-Icon ms-Icon--Attach"></i>ms-Icon--Attach</li>
<li><i class="ms-Icon ms-Icon--AustralianRules"></i>ms-Icon--AustralianRules</li>
<li><i class="ms-Icon ms-Icon--AuthenticatorApp"></i>ms-Icon--AuthenticatorApp</li>
<li><i class="ms-Icon ms-Icon--AutoDeploySettings"></i>ms-Icon--AutoDeploySettings</li>
<li><i class="ms-Icon ms-Icon--AutoEnhanceOff"></i>ms-Icon--AutoEnhanceOff</li>
<li><i class="ms-Icon ms-Icon--AutoEnhanceOn"></i>ms-Icon--AutoEnhanceOn</li>
<li><i class="ms-Icon ms-Icon--AutoFillTemplate"></i>ms-Icon--AutoFillTemplate</li>
<li><i class="ms-Icon ms-Icon--AutoFitContents"></i>ms-Icon--AutoFitContents</li>
<li><i class="ms-Icon ms-Icon--AutoFitWindow"></i>ms-Icon--AutoFitWindow</li>
<li><i class="ms-Icon ms-Icon--AutoHeight"></i>ms-Icon--AutoHeight</li>
<li><i class="ms-Icon ms-Icon--AutomateFlow"></i>ms-Icon--AutomateFlow</li>
<li><i class="ms-Icon ms-Icon--AutoRacing"></i>ms-Icon--AutoRacing</li>
<li><i class="ms-Icon ms-Icon--AwayStatus"></i>ms-Icon--AwayStatus</li>
<li><i class="ms-Icon ms-Icon--AzureAPIManagement"></i>ms-Icon--AzureAPIManagement</li>
<li><i class="ms-Icon ms-Icon--AzureKeyVault"></i>ms-Icon--AzureKeyVault</li>
<li><i class="ms-Icon ms-Icon--AzureLogo"></i>ms-Icon--AzureLogo</li>
<li><i class="ms-Icon ms-Icon--AzureServiceEndpoint"></i>ms-Icon--AzureServiceEndpoint</li>
<li><i class="ms-Icon ms-Icon--Back"></i>ms-Icon--Back</li>
<li><i class="ms-Icon ms-Icon--BackgroundColor"></i>ms-Icon--BackgroundColor</li>
<li><i class="ms-Icon ms-Icon--Backlog"></i>ms-Icon--Backlog</li>
<li><i class="ms-Icon ms-Icon--BacklogBoard"></i>ms-Icon--BacklogBoard</li>
<li><i class="ms-Icon ms-Icon--BacklogList"></i>ms-Icon--BacklogList</li>
<li><i class="ms-Icon ms-Icon--BackToWindow"></i>ms-Icon--BackToWindow</li>
<li><i class="ms-Icon ms-Icon--Badge"></i>ms-Icon--Badge</li>
<li><i class="ms-Icon ms-Icon--Balloons"></i>ms-Icon--Balloons</li>
<li><i class="ms-Icon ms-Icon--Bank"></i>ms-Icon--Bank</li>
<li><i class="ms-Icon ms-Icon--BankSolid"></i>ms-Icon--BankSolid</li>
<li><i class="ms-Icon ms-Icon--BarChart4"></i>ms-Icon--BarChart4</li>
<li><i class="ms-Icon ms-Icon--BarChartHorizontal"></i>ms-Icon--BarChartHorizontal</li>
<li><i class="ms-Icon ms-Icon--BarChartVertical"></i>ms-Icon--BarChartVertical</li>
<li><i class="ms-Icon ms-Icon--BarChartVerticalEdit"></i>ms-Icon--BarChartVerticalEdit</li>
<li><i class="ms-Icon ms-Icon--BarChartVerticalFill"></i>ms-Icon--BarChartVerticalFill</li>
<li><i class="ms-Icon ms-Icon--BarChartVerticalFilter"></i>ms-Icon--BarChartVerticalFilter</li>
<li><i class="ms-Icon ms-Icon--BarChartVerticalFilterSolid"></i>ms-Icon--BarChartVerticalFilterSolid</li>
<li><i class="ms-Icon ms-Icon--Baseball"></i>ms-Icon--Baseball</li>
<li><i class="ms-Icon ms-Icon--BeerMug"></i>ms-Icon--BeerMug</li>
<li><i class="ms-Icon ms-Icon--BIDashboard"></i>ms-Icon--BIDashboard</li>
<li><i class="ms-Icon ms-Icon--BidiLtr"></i>ms-Icon--BidiLtr</li>
<li><i class="ms-Icon ms-Icon--BidiRtl"></i>ms-Icon--BidiRtl</li>
<li><i class="ms-Icon ms-Icon--BingLogo"></i>ms-Icon--BingLogo</li>
<li><i class="ms-Icon ms-Icon--BirthdayCake"></i>ms-Icon--BirthdayCake</li>
<li><i class="ms-Icon ms-Icon--BlockContact"></i>ms-Icon--BlockContact</li>
<li><i class="ms-Icon ms-Icon--Blocked"></i>ms-Icon--Blocked</li>
<li><i class="ms-Icon ms-Icon--Blocked12"></i>ms-Icon--Blocked12</li>
<li><i class="ms-Icon ms-Icon--Blocked2"></i>ms-Icon--Blocked2</li>
<li><i class="ms-Icon ms-Icon--Blocked2Solid"></i>ms-Icon--Blocked2Solid</li>
<li><i class="ms-Icon ms-Icon--BlockedSite"></i>ms-Icon--BlockedSite</li>
<li><i class="ms-Icon ms-Icon--BlockedSiteSolid12"></i>ms-Icon--BlockedSiteSolid12</li>
<li><i class="ms-Icon ms-Icon--BlockedSolid"></i>ms-Icon--BlockedSolid</li>
<li><i class="ms-Icon ms-Icon--Blog"></i>ms-Icon--Blog</li>
<li><i class="ms-Icon ms-Icon--BlowingSnow"></i>ms-Icon--BlowingSnow</li>
<li><i class="ms-Icon ms-Icon--Blur"></i>ms-Icon--Blur</li>
<li><i class="ms-Icon ms-Icon--Boards"></i>ms-Icon--Boards</li>
<li><i class="ms-Icon ms-Icon--Bold"></i>ms-Icon--Bold</li>
<li><i class="ms-Icon ms-Icon--BookAnswers"></i>ms-Icon--BookAnswers</li>
<li><i class="ms-Icon ms-Icon--BookingsLogo"></i>ms-Icon--BookingsLogo</li>
<li><i class="ms-Icon ms-Icon--BookmarkReport"></i>ms-Icon--BookmarkReport</li>
<li><i class="ms-Icon ms-Icon--Bookmarks"></i>ms-Icon--Bookmarks</li>
<li><i class="ms-Icon ms-Icon--BookmarksMirrored"></i>ms-Icon--BookmarksMirrored</li>
<li><i class="ms-Icon ms-Icon--BorderDash"></i>ms-Icon--BorderDash</li>
<li><i class="ms-Icon ms-Icon--BorderDot"></i>ms-Icon--BorderDot</li>
<li><i class="ms-Icon ms-Icon--BoxAdditionSolid"></i>ms-Icon--BoxAdditionSolid</li>
<li><i class="ms-Icon ms-Icon--BoxCheckmarkSolid"></i>ms-Icon--BoxCheckmarkSolid</li>
<li><i class="ms-Icon ms-Icon--BoxMultiplySolid"></i>ms-Icon--BoxMultiplySolid</li>
<li><i class="ms-Icon ms-Icon--BoxPlaySolid"></i>ms-Icon--BoxPlaySolid</li>
<li><i class="ms-Icon ms-Icon--BoxSubtractSolid"></i>ms-Icon--BoxSubtractSolid</li>
<li><i class="ms-Icon ms-Icon--BranchCommit"></i>ms-Icon--BranchCommit</li>
<li><i class="ms-Icon ms-Icon--BranchCompare"></i>ms-Icon--BranchCompare</li>
<li><i class="ms-Icon ms-Icon--BranchFork"></i>ms-Icon--BranchFork</li>
<li><i class="ms-Icon ms-Icon--BranchFork2"></i>ms-Icon--BranchFork2</li>
<li><i class="ms-Icon ms-Icon--BranchLocked"></i>ms-Icon--BranchLocked</li>
<li><i class="ms-Icon ms-Icon--BranchMerge"></i>ms-Icon--BranchMerge</li>
<li><i class="ms-Icon ms-Icon--BranchPullRequest"></i>ms-Icon--BranchPullRequest</li>
<li><i class="ms-Icon ms-Icon--BranchSearch"></i>ms-Icon--BranchSearch</li>
<li><i class="ms-Icon ms-Icon--BranchShelveset"></i>ms-Icon--BranchShelveset</li>
<li><i class="ms-Icon ms-Icon--Breadcrumb"></i>ms-Icon--Breadcrumb</li>
<li><i class="ms-Icon ms-Icon--Breakfast"></i>ms-Icon--Breakfast</li>
<li><i class="ms-Icon ms-Icon--Brightness"></i>ms-Icon--Brightness</li>
<li><i class="ms-Icon ms-Icon--Broom"></i>ms-Icon--Broom</li>
<li><i class="ms-Icon ms-Icon--BrowserScreenShot"></i>ms-Icon--BrowserScreenShot</li>
<li><i class="ms-Icon ms-Icon--BrowserTab"></i>ms-Icon--BrowserTab</li>
<li><i class="ms-Icon ms-Icon--BrowserTabScreenshot"></i>ms-Icon--BrowserTabScreenshot</li>
<li><i class="ms-Icon ms-Icon--Brunch"></i>ms-Icon--Brunch</li>
<li><i class="ms-Icon ms-Icon--Brush"></i>ms-Icon--Brush</li>
<li><i class="ms-Icon ms-Icon--BucketColor"></i>ms-Icon--BucketColor</li>
<li><i class="ms-Icon ms-Icon--BucketColorFill"></i>ms-Icon--BucketColorFill</li>
<li><i class="ms-Icon ms-Icon--BufferTimeAfter"></i>ms-Icon--BufferTimeAfter</li>
<li><i class="ms-Icon ms-Icon--BufferTimeBefore"></i>ms-Icon--BufferTimeBefore</li>
<li><i class="ms-Icon ms-Icon--BufferTimeBoth"></i>ms-Icon--BufferTimeBoth</li>
<li><i class="ms-Icon ms-Icon--Bug"></i>ms-Icon--Bug</li>
<li><i class="ms-Icon ms-Icon--BugBlock"></i>ms-Icon--BugBlock</li>
<li><i class="ms-Icon ms-Icon--BugSolid"></i>ms-Icon--BugSolid</li>
<li><i class="ms-Icon ms-Icon--BugSync"></i>ms-Icon--BugSync</li>
<li><i class="ms-Icon ms-Icon--Build"></i>ms-Icon--Build</li>
<li><i class="ms-Icon ms-Icon--BuildDefinition"></i>ms-Icon--BuildDefinition</li>
<li><i class="ms-Icon ms-Icon--BuildIssue"></i>ms-Icon--BuildIssue</li>
<li><i class="ms-Icon ms-Icon--BuildQueue"></i>ms-Icon--BuildQueue</li>
<li><i class="ms-Icon ms-Icon--BuildQueueNew"></i>ms-Icon--BuildQueueNew</li>
<li><i class="ms-Icon ms-Icon--BulkUpload"></i>ms-Icon--BulkUpload</li>
<li><i class="ms-Icon ms-Icon--BulletedList"></i>ms-Icon--BulletedList</li>
<li><i class="ms-Icon ms-Icon--BulletedList2"></i>ms-Icon--BulletedList2</li>
<li><i class="ms-Icon ms-Icon--BulletedList2Mirrored"></i>ms-Icon--BulletedList2Mirrored</li>
<li><i class="ms-Icon ms-Icon--BulletedListBullet"></i>ms-Icon--BulletedListBullet</li>
<li><i class="ms-Icon ms-Icon--BulletedListBulletMirrored"></i>ms-Icon--BulletedListBulletMirrored</li>
<li><i class="ms-Icon ms-Icon--BulletedListMirrored"></i>ms-Icon--BulletedListMirrored</li>
<li><i class="ms-Icon ms-Icon--BulletedListText"></i>ms-Icon--BulletedListText</li>
<li><i class="ms-Icon ms-Icon--BulletedListTextMirrored"></i>ms-Icon--BulletedListTextMirrored</li>
<li><i class="ms-Icon ms-Icon--BulletedTreeList"></i>ms-Icon--BulletedTreeList</li>
<li><i class="ms-Icon ms-Icon--Bullseye"></i>ms-Icon--Bullseye</li>
<li><i class="ms-Icon ms-Icon--BullseyeTarget"></i>ms-Icon--BullseyeTarget</li>
<li><i class="ms-Icon ms-Icon--BullseyeTargetEdit"></i>ms-Icon--BullseyeTargetEdit</li>
<li><i class="ms-Icon ms-Icon--Bus"></i>ms-Icon--Bus</li>
<li><i class="ms-Icon ms-Icon--BusinessCenterLogo"></i>ms-Icon--BusinessCenterLogo</li>
<li><i class="ms-Icon ms-Icon--BusinessHoursSign"></i>ms-Icon--BusinessHoursSign</li>
<li><i class="ms-Icon ms-Icon--BusSolid"></i>ms-Icon--BusSolid</li>
<li><i class="ms-Icon ms-Icon--ButtonControl"></i>ms-Icon--ButtonControl</li>
<li><i class="ms-Icon ms-Icon--Cafe"></i>ms-Icon--Cafe</li>
<li><i class="ms-Icon ms-Icon--Cake"></i>ms-Icon--Cake</li>
<li><i class="ms-Icon ms-Icon--Calculator"></i>ms-Icon--Calculator</li>
<li><i class="ms-Icon ms-Icon--CalculatorAddition"></i>ms-Icon--CalculatorAddition</li>
<li><i class="ms-Icon ms-Icon--CalculatorDelta"></i>ms-Icon--CalculatorDelta</li>
<li><i class="ms-Icon ms-Icon--CalculatorEqualTo"></i>ms-Icon--CalculatorEqualTo</li>
<li><i class="ms-Icon ms-Icon--CalculatorMultiply"></i>ms-Icon--CalculatorMultiply</li>
<li><i class="ms-Icon ms-Icon--CalculatorNotEqualTo"></i>ms-Icon--CalculatorNotEqualTo</li>
<li><i class="ms-Icon ms-Icon--CalculatorPercentage"></i>ms-Icon--CalculatorPercentage</li>
<li><i class="ms-Icon ms-Icon--CalculatorSubtract"></i>ms-Icon--CalculatorSubtract</li>
<li><i class="ms-Icon ms-Icon--Calendar"></i>ms-Icon--Calendar</li>
<li><i class="ms-Icon ms-Icon--CalendarAgenda"></i>ms-Icon--CalendarAgenda</li>
<li><i class="ms-Icon ms-Icon--CalendarDay"></i>ms-Icon--CalendarDay</li>
<li><i class="ms-Icon ms-Icon--CalendarMirrored"></i>ms-Icon--CalendarMirrored</li>
<li><i class="ms-Icon ms-Icon--CalendarReply"></i>ms-Icon--CalendarReply</li>
<li><i class="ms-Icon ms-Icon--CalendarSettings"></i>ms-Icon--CalendarSettings</li>
<li><i class="ms-Icon ms-Icon--CalendarSettingsMirrored"></i>ms-Icon--CalendarSettingsMirrored</li>
<li><i class="ms-Icon ms-Icon--CalendarWeek"></i>ms-Icon--CalendarWeek</li>
<li><i class="ms-Icon ms-Icon--CalendarWorkWeek"></i>ms-Icon--CalendarWorkWeek</li>
<li><i class="ms-Icon ms-Icon--CalendarYear"></i>ms-Icon--CalendarYear</li>
<li><i class="ms-Icon ms-Icon--Calories"></i>ms-Icon--Calories</li>
<li><i class="ms-Icon ms-Icon--CaloriesAdd"></i>ms-Icon--CaloriesAdd</li>
<li><i class="ms-Icon ms-Icon--Camera"></i>ms-Icon--Camera</li>
<li><i class="ms-Icon ms-Icon--CampaignTemplate"></i>ms-Icon--CampaignTemplate</li>
<li><i class="ms-Icon ms-Icon--Cancel"></i>ms-Icon--Cancel</li>
<li><i class="ms-Icon ms-Icon--CannedChat"></i>ms-Icon--CannedChat</li>
<li><i class="ms-Icon ms-Icon--Car"></i>ms-Icon--Car</li>
<li><i class="ms-Icon ms-Icon--CaretBottomLeftCenter8"></i>ms-Icon--CaretBottomLeftCenter8</li>
<li><i class="ms-Icon ms-Icon--CaretBottomLeftSolid8"></i>ms-Icon--CaretBottomLeftSolid8</li>
<li><i class="ms-Icon ms-Icon--CaretBottomRightCenter8"></i>ms-Icon--CaretBottomRightCenter8</li>
<li><i class="ms-Icon ms-Icon--CaretBottomRightSolid8"></i>ms-Icon--CaretBottomRightSolid8</li>
<li><i class="ms-Icon ms-Icon--CaretDown8"></i>ms-Icon--CaretDown8</li>
<li><i class="ms-Icon ms-Icon--CaretDownSolid8"></i>ms-Icon--CaretDownSolid8</li>
<li><i class="ms-Icon ms-Icon--CaretHollow"></i>ms-Icon--CaretHollow</li>
<li><i class="ms-Icon ms-Icon--CaretHollowMirrored"></i>ms-Icon--CaretHollowMirrored</li>
<li><i class="ms-Icon ms-Icon--CaretLeft8"></i>ms-Icon--CaretLeft8</li>
<li><i class="ms-Icon ms-Icon--CaretLeftSolid8"></i>ms-Icon--CaretLeftSolid8</li>
<li><i class="ms-Icon ms-Icon--CaretRight"></i>ms-Icon--CaretRight</li>
<li><i class="ms-Icon ms-Icon--CaretRight8"></i>ms-Icon--CaretRight8</li>
<li><i class="ms-Icon ms-Icon--CaretRightSolid8"></i>ms-Icon--CaretRightSolid8</li>
<li><i class="ms-Icon ms-Icon--CaretSolid"></i>ms-Icon--CaretSolid</li>
<li><i class="ms-Icon ms-Icon--CaretSolid16"></i>ms-Icon--CaretSolid16</li>
<li><i class="ms-Icon ms-Icon--CaretSolidDown"></i>ms-Icon--CaretSolidDown</li>
<li><i class="ms-Icon ms-Icon--CaretSolidLeft"></i>ms-Icon--CaretSolidLeft</li>
<li><i class="ms-Icon ms-Icon--CaretSolidMirrored"></i>ms-Icon--CaretSolidMirrored</li>
<li><i class="ms-Icon ms-Icon--CaretSolidRight"></i>ms-Icon--CaretSolidRight</li>
<li><i class="ms-Icon ms-Icon--CaretSolidUp"></i>ms-Icon--CaretSolidUp</li>
<li><i class="ms-Icon ms-Icon--CaretTopLeftCenter8"></i>ms-Icon--CaretTopLeftCenter8</li>
<li><i class="ms-Icon ms-Icon--CaretTopLeftSolid8"></i>ms-Icon--CaretTopLeftSolid8</li>
<li><i class="ms-Icon ms-Icon--CaretTopRightCenter8"></i>ms-Icon--CaretTopRightCenter8</li>
<li><i class="ms-Icon ms-Icon--CaretTopRightSolid8"></i>ms-Icon--CaretTopRightSolid8</li>
<li><i class="ms-Icon ms-Icon--CaretUp8"></i>ms-Icon--CaretUp8</li>
<li><i class="ms-Icon ms-Icon--CaretUpSolid8"></i>ms-Icon--CaretUpSolid8</li>
<li><i class="ms-Icon ms-Icon--Cat"></i>ms-Icon--Cat</li>
<li><i class="ms-Icon ms-Icon--CellPhone"></i>ms-Icon--CellPhone</li>
<li><i class="ms-Icon ms-Icon--Certificate"></i>ms-Icon--Certificate</li>
<li><i class="ms-Icon ms-Icon--CertifiedDatabase"></i>ms-Icon--CertifiedDatabase</li>
<li><i class="ms-Icon ms-Icon--ChangeEntitlements"></i>ms-Icon--ChangeEntitlements</li>
<li><i class="ms-Icon ms-Icon--Chart"></i>ms-Icon--Chart</li>
<li><i class="ms-Icon ms-Icon--ChartSeries"></i>ms-Icon--ChartSeries</li>
<li><i class="ms-Icon ms-Icon--ChartTemplate"></i>ms-Icon--ChartTemplate</li>
<li><i class="ms-Icon ms-Icon--ChartXAngle"></i>ms-Icon--ChartXAngle</li>
<li><i class="ms-Icon ms-Icon--ChartYAngle"></i>ms-Icon--ChartYAngle</li>
<li><i class="ms-Icon ms-Icon--Chat"></i>ms-Icon--Chat</li>
<li><i class="ms-Icon ms-Icon--ChatBot"></i>ms-Icon--ChatBot</li>
<li><i class="ms-Icon ms-Icon--ChatInviteFriend"></i>ms-Icon--ChatInviteFriend</li>
<li><i class="ms-Icon ms-Icon--ChatSolid"></i>ms-Icon--ChatSolid</li>
<li><i class="ms-Icon ms-Icon--Checkbox"></i>ms-Icon--Checkbox</li>
<li><i class="ms-Icon ms-Icon--CheckboxComposite"></i>ms-Icon--CheckboxComposite</li>
<li><i class="ms-Icon ms-Icon--CheckboxCompositeReversed"></i>ms-Icon--CheckboxCompositeReversed</li>
<li><i class="ms-Icon ms-Icon--CheckboxFill"></i>ms-Icon--CheckboxFill</li>
<li><i class="ms-Icon ms-Icon--CheckboxIndeterminate"></i>ms-Icon--CheckboxIndeterminate</li>
<li><i class="ms-Icon ms-Icon--CheckedOutByOther12"></i>ms-Icon--CheckedOutByOther12</li>
<li><i class="ms-Icon ms-Icon--CheckedOutByYou12"></i>ms-Icon--CheckedOutByYou12</li>
<li><i class="ms-Icon ms-Icon--CheckList"></i>ms-Icon--CheckList</li>
<li><i class="ms-Icon ms-Icon--CheckListCheck"></i>ms-Icon--CheckListCheck</li>
<li><i class="ms-Icon ms-Icon--CheckListCheckMirrored"></i>ms-Icon--CheckListCheckMirrored</li>
<li><i class="ms-Icon ms-Icon--CheckListText"></i>ms-Icon--CheckListText</li>
<li><i class="ms-Icon ms-Icon--CheckListTextMirrored"></i>ms-Icon--CheckListTextMirrored</li>
<li><i class="ms-Icon ms-Icon--CheckMark"></i>ms-Icon--CheckMark</li>
<li><i class="ms-Icon ms-Icon--ChevronDown"></i>ms-Icon--ChevronDown</li>
<li><i class="ms-Icon ms-Icon--ChevronDownEnd6"></i>ms-Icon--ChevronDownEnd6</li>
<li><i class="ms-Icon ms-Icon--ChevronDownMed"></i>ms-Icon--ChevronDownMed</li>
<li><i class="ms-Icon ms-Icon--ChevronDownSmall"></i>ms-Icon--ChevronDownSmall</li>
<li><i class="ms-Icon ms-Icon--ChevronFold10"></i>ms-Icon--ChevronFold10</li>
<li><i class="ms-Icon ms-Icon--ChevronLeft"></i>ms-Icon--ChevronLeft</li>
<li><i class="ms-Icon ms-Icon--ChevronLeftEnd6"></i>ms-Icon--ChevronLeftEnd6</li>
<li><i class="ms-Icon ms-Icon--ChevronLeftMed"></i>ms-Icon--ChevronLeftMed</li>
<li><i class="ms-Icon ms-Icon--ChevronLeftSmall"></i>ms-Icon--ChevronLeftSmall</li>
<li><i class="ms-Icon ms-Icon--ChevronRight"></i>ms-Icon--ChevronRight</li>
<li><i class="ms-Icon ms-Icon--ChevronRightEnd6"></i>ms-Icon--ChevronRightEnd6</li>
<li><i class="ms-Icon ms-Icon--ChevronRightMed"></i>ms-Icon--ChevronRightMed</li>
<li><i class="ms-Icon ms-Icon--ChevronRightSmall"></i>ms-Icon--ChevronRightSmall</li>
<li><i class="ms-Icon ms-Icon--ChevronUnfold10"></i>ms-Icon--ChevronUnfold10</li>
<li><i class="ms-Icon ms-Icon--ChevronUp"></i>ms-Icon--ChevronUp</li>
<li><i class="ms-Icon ms-Icon--ChevronUpEnd6"></i>ms-Icon--ChevronUpEnd6</li>
<li><i class="ms-Icon ms-Icon--ChevronUpMed"></i>ms-Icon--ChevronUpMed</li>
<li><i class="ms-Icon ms-Icon--ChevronUpSmall"></i>ms-Icon--ChevronUpSmall</li>
<li><i class="ms-Icon ms-Icon--Childof"></i>ms-Icon--Childof</li>
<li><i class="ms-Icon ms-Icon--Chopsticks"></i>ms-Icon--Chopsticks</li>
<li><i class="ms-Icon ms-Icon--ChromeBack"></i>ms-Icon--ChromeBack</li>
<li><i class="ms-Icon ms-Icon--ChromeBackMirrored"></i>ms-Icon--ChromeBackMirrored</li>
<li><i class="ms-Icon ms-Icon--ChromeClose"></i>ms-Icon--ChromeClose</li>
<li><i class="ms-Icon ms-Icon--ChromeFullScreen"></i>ms-Icon--ChromeFullScreen</li>
<li><i class="ms-Icon ms-Icon--ChromeMinimize"></i>ms-Icon--ChromeMinimize</li>
<li><i class="ms-Icon ms-Icon--ChromeRestore"></i>ms-Icon--ChromeRestore</li>
<li><i class="ms-Icon ms-Icon--CircleAddition"></i>ms-Icon--CircleAddition</li>
<li><i class="ms-Icon ms-Icon--CircleAdditionSolid"></i>ms-Icon--CircleAdditionSolid</li>
<li><i class="ms-Icon ms-Icon--CircleFill"></i>ms-Icon--CircleFill</li>
<li><i class="ms-Icon ms-Icon--CircleHalfFull"></i>ms-Icon--CircleHalfFull</li>
<li><i class="ms-Icon ms-Icon--CirclePause"></i>ms-Icon--CirclePause</li>
<li><i class="ms-Icon ms-Icon--CirclePauseSolid"></i>ms-Icon--CirclePauseSolid</li>
<li><i class="ms-Icon ms-Icon--CirclePlus"></i>ms-Icon--CirclePlus</li>
<li><i class="ms-Icon ms-Icon--CircleRing"></i>ms-Icon--CircleRing</li>
<li><i class="ms-Icon ms-Icon--CircleShape"></i>ms-Icon--CircleShape</li>
<li><i class="ms-Icon ms-Icon--CircleShapeSolid"></i>ms-Icon--CircleShapeSolid</li>
<li><i class="ms-Icon ms-Icon--CircleStop"></i>ms-Icon--CircleStop</li>
<li><i class="ms-Icon ms-Icon--CircleStopSolid"></i>ms-Icon--CircleStopSolid</li>
<li><i class="ms-Icon ms-Icon--CityNext"></i>ms-Icon--CityNext</li>
<li><i class="ms-Icon ms-Icon--CityNext2"></i>ms-Icon--CityNext2</li>
<li><i class="ms-Icon ms-Icon--ClassNotebookLogo16"></i>ms-Icon--ClassNotebookLogo16</li>
<li><i class="ms-Icon ms-Icon--ClassNotebookLogo32"></i>ms-Icon--ClassNotebookLogo32</li>
<li><i class="ms-Icon ms-Icon--ClassNotebookLogoFill16"></i>ms-Icon--ClassNotebookLogoFill16</li>
<li><i class="ms-Icon ms-Icon--ClassNotebookLogoFill32"></i>ms-Icon--ClassNotebookLogoFill32</li>
<li><i class="ms-Icon ms-Icon--ClassNotebookLogoInverse"></i>ms-Icon--ClassNotebookLogoInverse</li>
<li><i class="ms-Icon ms-Icon--ClassNotebookLogoInverse16"></i>ms-Icon--ClassNotebookLogoInverse16</li>
<li><i class="ms-Icon ms-Icon--ClassNotebookLogoInverse32"></i>ms-Icon--ClassNotebookLogoInverse32</li>
<li><i class="ms-Icon ms-Icon--ClassroomLogo"></i>ms-Icon--ClassroomLogo</li>
<li><i class="ms-Icon ms-Icon--Clear"></i>ms-Icon--Clear</li>
<li><i class="ms-Icon ms-Icon--ClearFilter"></i>ms-Icon--ClearFilter</li>
<li><i class="ms-Icon ms-Icon--ClearFormatting"></i>ms-Icon--ClearFormatting</li>
<li><i class="ms-Icon ms-Icon--ClearFormattingA"></i>ms-Icon--ClearFormattingA</li>
<li><i class="ms-Icon ms-Icon--ClearFormattingEraser"></i>ms-Icon--ClearFormattingEraser</li>
<li><i class="ms-Icon ms-Icon--ClearNight"></i>ms-Icon--ClearNight</li>
<li><i class="ms-Icon ms-Icon--ClearSelection"></i>ms-Icon--ClearSelection</li>
<li><i class="ms-Icon ms-Icon--ClearSelectionMirrored"></i>ms-Icon--ClearSelectionMirrored</li>
<li><i class="ms-Icon ms-Icon--ClipboardList"></i>ms-Icon--ClipboardList</li>
<li><i class="ms-Icon ms-Icon--ClipboardListMirrored"></i>ms-Icon--ClipboardListMirrored</li>
<li><i class="ms-Icon ms-Icon--ClipboardSolid"></i>ms-Icon--ClipboardSolid</li>
<li><i class="ms-Icon ms-Icon--Clock"></i>ms-Icon--Clock</li>
<li><i class="ms-Icon ms-Icon--CloneToDesktop"></i>ms-Icon--CloneToDesktop</li>
<li><i class="ms-Icon ms-Icon--ClosedCaption"></i>ms-Icon--ClosedCaption</li>
<li><i class="ms-Icon ms-Icon--ClosePane"></i>ms-Icon--ClosePane</li>
<li><i class="ms-Icon ms-Icon--ClosePaneMirrored"></i>ms-Icon--ClosePaneMirrored</li>
<li><i class="ms-Icon ms-Icon--Cloud"></i>ms-Icon--Cloud</li>
<li><i class="ms-Icon ms-Icon--CloudAdd"></i>ms-Icon--CloudAdd</li>
<li><i class="ms-Icon ms-Icon--CloudDownload"></i>ms-Icon--CloudDownload</li>
<li><i class="ms-Icon ms-Icon--CloudImportExport"></i>ms-Icon--CloudImportExport</li>
<li><i class="ms-Icon ms-Icon--CloudUpload"></i>ms-Icon--CloudUpload</li>
<li><i class="ms-Icon ms-Icon--CloudWeather"></i>ms-Icon--CloudWeather</li>
<li><i class="ms-Icon ms-Icon--Cloudy"></i>ms-Icon--Cloudy</li>
<li><i class="ms-Icon ms-Icon--Cocktails"></i>ms-Icon--Cocktails</li>
<li><i class="ms-Icon ms-Icon--Code"></i>ms-Icon--Code</li>
<li><i class="ms-Icon ms-Icon--CodeEdit"></i>ms-Icon--CodeEdit</li>
<li><i class="ms-Icon ms-Icon--Coffee"></i>ms-Icon--Coffee</li>
<li><i class="ms-Icon ms-Icon--CoffeeScript"></i>ms-Icon--CoffeeScript</li>
<li><i class="ms-Icon ms-Icon--CollapseContent"></i>ms-Icon--CollapseContent</li>
<li><i class="ms-Icon ms-Icon--CollapseContentSingle"></i>ms-Icon--CollapseContentSingle</li>
<li><i class="ms-Icon ms-Icon--CollapseMenu"></i>ms-Icon--CollapseMenu</li>
<li><i class="ms-Icon ms-Icon--CollegeFootball"></i>ms-Icon--CollegeFootball</li>
<li><i class="ms-Icon ms-Icon--CollegeHoops"></i>ms-Icon--CollegeHoops</li>
<li><i class="ms-Icon ms-Icon--Color"></i>ms-Icon--Color</li>
<li><i class="ms-Icon ms-Icon--ColorSolid"></i>ms-Icon--ColorSolid</li>
<li><i class="ms-Icon ms-Icon--ColumnLeftTwoThirds"></i>ms-Icon--ColumnLeftTwoThirds</li>
<li><i class="ms-Icon ms-Icon--ColumnLeftTwoThirdsEdit"></i>ms-Icon--ColumnLeftTwoThirdsEdit</li>
<li><i class="ms-Icon ms-Icon--ColumnOptions"></i>ms-Icon--ColumnOptions</li>
<li><i class="ms-Icon ms-Icon--ColumnRightTwoThirds"></i>ms-Icon--ColumnRightTwoThirds</li>
<li><i class="ms-Icon ms-Icon--ColumnRightTwoThirdsEdit"></i>ms-Icon--ColumnRightTwoThirdsEdit</li>
<li><i class="ms-Icon ms-Icon--ColumnVerticalSection"></i>ms-Icon--ColumnVerticalSection</li>
<li><i class="ms-Icon ms-Icon--ColumnVerticalSectionEdit"></i>ms-Icon--ColumnVerticalSectionEdit</li>
<li><i class="ms-Icon ms-Icon--Combine"></i>ms-Icon--Combine</li>
<li><i class="ms-Icon ms-Icon--Combobox"></i>ms-Icon--Combobox</li>
<li><i class="ms-Icon ms-Icon--CommandPrompt"></i>ms-Icon--CommandPrompt</li>
<li><i class="ms-Icon ms-Icon--Comment"></i>ms-Icon--Comment</li>
<li><i class="ms-Icon ms-Icon--CommentActive"></i>ms-Icon--CommentActive</li>
<li><i class="ms-Icon ms-Icon--CommentAdd"></i>ms-Icon--CommentAdd</li>
<li><i class="ms-Icon ms-Icon--CommentNext"></i>ms-Icon--CommentNext</li>
<li><i class="ms-Icon ms-Icon--CommentPrevious"></i>ms-Icon--CommentPrevious</li>
<li><i class="ms-Icon ms-Icon--CommentSolid"></i>ms-Icon--CommentSolid</li>
<li><i class="ms-Icon ms-Icon--CommentUrgent"></i>ms-Icon--CommentUrgent</li>
<li><i class="ms-Icon ms-Icon--Commitments"></i>ms-Icon--Commitments</li>
<li><i class="ms-Icon ms-Icon--CommonDataServiceCDS"></i>ms-Icon--CommonDataServiceCDS</li>
<li><i class="ms-Icon ms-Icon--Communications"></i>ms-Icon--Communications</li>
<li><i class="ms-Icon ms-Icon--CompanyDirectory"></i>ms-Icon--CompanyDirectory</li>
<li><i class="ms-Icon ms-Icon--CompanyDirectoryMirrored"></i>ms-Icon--CompanyDirectoryMirrored</li>
<li><i class="ms-Icon ms-Icon--Compare"></i>ms-Icon--Compare</li>
<li><i class="ms-Icon ms-Icon--CompareUneven"></i>ms-Icon--CompareUneven</li>
<li><i class="ms-Icon ms-Icon--CompassNW"></i>ms-Icon--CompassNW</li>
<li><i class="ms-Icon ms-Icon--Completed"></i>ms-Icon--Completed</li>
<li><i class="ms-Icon ms-Icon--CompletedSolid"></i>ms-Icon--CompletedSolid</li>
<li><i class="ms-Icon ms-Icon--ComplianceAudit"></i>ms-Icon--ComplianceAudit</li>
<li><i class="ms-Icon ms-Icon--ConfigurationSolid"></i>ms-Icon--ConfigurationSolid</li>
<li><i class="ms-Icon ms-Icon--ConnectContacts"></i>ms-Icon--ConnectContacts</li>
<li><i class="ms-Icon ms-Icon--ConnectVirtualMachine"></i>ms-Icon--ConnectVirtualMachine</li>
<li><i class="ms-Icon ms-Icon--ConstructionCone"></i>ms-Icon--ConstructionCone</li>
<li><i class="ms-Icon ms-Icon--ConstructionConeSolid"></i>ms-Icon--ConstructionConeSolid</li>
<li><i class="ms-Icon ms-Icon--Contact"></i>ms-Icon--Contact</li>
<li><i class="ms-Icon ms-Icon--ContactCard"></i>ms-Icon--ContactCard</li>
<li><i class="ms-Icon ms-Icon--ContactCardSettings"></i>ms-Icon--ContactCardSettings</li>
<li><i class="ms-Icon ms-Icon--ContactCardSettingsMirrored"></i>ms-Icon--ContactCardSettingsMirrored</li>
<li><i class="ms-Icon ms-Icon--ContactHeart"></i>ms-Icon--ContactHeart</li>
<li><i class="ms-Icon ms-Icon--ContactInfo"></i>ms-Icon--ContactInfo</li>
<li><i class="ms-Icon ms-Icon--ContactLink"></i>ms-Icon--ContactLink</li>
<li><i class="ms-Icon ms-Icon--ContactList"></i>ms-Icon--ContactList</li>
<li><i class="ms-Icon ms-Icon--ContactLock"></i>ms-Icon--ContactLock</li>
<li><i class="ms-Icon ms-Icon--ContentFeed"></i>ms-Icon--ContentFeed</li>
<li><i class="ms-Icon ms-Icon--ContentSettings"></i>ms-Icon--ContentSettings</li>
<li><i class="ms-Icon ms-Icon--ContextMenu"></i>ms-Icon--ContextMenu</li>
<li><i class="ms-Icon ms-Icon--Contrast"></i>ms-Icon--Contrast</li>
<li><i class="ms-Icon ms-Icon--Copy"></i>ms-Icon--Copy</li>
<li><i class="ms-Icon ms-Icon--CortanaLogoBeckonInner"></i>ms-Icon--CortanaLogoBeckonInner</li>
<li><i class="ms-Icon ms-Icon--CortanaLogoBeckonOuter"></i>ms-Icon--CortanaLogoBeckonOuter</li>
<li><i class="ms-Icon ms-Icon--CortanaLogoInner"></i>ms-Icon--CortanaLogoInner</li>
<li><i class="ms-Icon ms-Icon--CortanaLogoOuter"></i>ms-Icon--CortanaLogoOuter</li>
<li><i class="ms-Icon ms-Icon--CortanaLogoReadyInner"></i>ms-Icon--CortanaLogoReadyInner</li>
<li><i class="ms-Icon ms-Icon--CortanaLogoReadyOuter"></i>ms-Icon--CortanaLogoReadyOuter</li>
<li><i class="ms-Icon ms-Icon--Cotton"></i>ms-Icon--Cotton</li>
<li><i class="ms-Icon ms-Icon--Coupon"></i>ms-Icon--Coupon</li>
<li><i class="ms-Icon ms-Icon--CPlusPlus"></i>ms-Icon--CPlusPlus</li>
<li><i class="ms-Icon ms-Icon--CPlusPlusLanguage"></i>ms-Icon--CPlusPlusLanguage</li>
<li><i class="ms-Icon ms-Icon--CreateMailRule"></i>ms-Icon--CreateMailRule</li>
<li><i class="ms-Icon ms-Icon--Cricket"></i>ms-Icon--Cricket</li>
<li><i class="ms-Icon ms-Icon--CRMProcesses"></i>ms-Icon--CRMProcesses</li>
<li><i class="ms-Icon ms-Icon--CRMReport"></i>ms-Icon--CRMReport</li>
<li><i class="ms-Icon ms-Icon--CRMServices"></i>ms-Icon--CRMServices</li>
<li><i class="ms-Icon ms-Icon--Crop"></i>ms-Icon--Crop</li>
<li><i class="ms-Icon ms-Icon--Crown"></i>ms-Icon--Crown</li>
<li><i class="ms-Icon ms-Icon--CrownSolid"></i>ms-Icon--CrownSolid</li>
<li><i class="ms-Icon ms-Icon--CSharp"></i>ms-Icon--CSharp</li>
<li><i class="ms-Icon ms-Icon--CSharpLanguage"></i>ms-Icon--CSharpLanguage</li>
<li><i class="ms-Icon ms-Icon--CSS"></i>ms-Icon--CSS</li>
<li><i class="ms-Icon ms-Icon--CubeShape"></i>ms-Icon--CubeShape</li>
<li><i class="ms-Icon ms-Icon--CubeShapeSolid"></i>ms-Icon--CubeShapeSolid</li>
<li><i class="ms-Icon ms-Icon--CustomizeToolbar"></i>ms-Icon--CustomizeToolbar</li>
<li><i class="ms-Icon ms-Icon--CustomList"></i>ms-Icon--CustomList</li>
<li><i class="ms-Icon ms-Icon--CustomListMirrored"></i>ms-Icon--CustomListMirrored</li>
<li><i class="ms-Icon ms-Icon--Cut"></i>ms-Icon--Cut</li>
<li><i class="ms-Icon ms-Icon--Cycling"></i>ms-Icon--Cycling</li>
<li><i class="ms-Icon ms-Icon--D365CoreHR"></i>ms-Icon--D365CoreHR</li>
<li><i class="ms-Icon ms-Icon--D365CustomerInsights"></i>ms-Icon--D365CustomerInsights</li>
<li><i class="ms-Icon ms-Icon--D365ProjectOperations"></i>ms-Icon--D365ProjectOperations</li>
<li><i class="ms-Icon ms-Icon--D365TalentInsight"></i>ms-Icon--D365TalentInsight</li>
<li><i class="ms-Icon ms-Icon--D365TalentLearn"></i>ms-Icon--D365TalentLearn</li>
<li><i class="ms-Icon ms-Icon--DashboardAdd"></i>ms-Icon--DashboardAdd</li>
<li><i class="ms-Icon ms-Icon--Database"></i>ms-Icon--Database</li>
<li><i class="ms-Icon ms-Icon--DatabaseSync"></i>ms-Icon--DatabaseSync</li>
<li><i class="ms-Icon ms-Icon--DataConnectionLibrary"></i>ms-Icon--DataConnectionLibrary</li>
<li><i class="ms-Icon ms-Icon--Dataflows"></i>ms-Icon--Dataflows</li>
<li><i class="ms-Icon ms-Icon--DataflowsLink"></i>ms-Icon--DataflowsLink</li>
<li><i class="ms-Icon ms-Icon--DataManagementSettings"></i>ms-Icon--DataManagementSettings</li>
<li><i class="ms-Icon ms-Icon--DateTime"></i>ms-Icon--DateTime</li>
<li><i class="ms-Icon ms-Icon--DateTime12"></i>ms-Icon--DateTime12</li>
<li><i class="ms-Icon ms-Icon--DateTime2"></i>ms-Icon--DateTime2</li>
<li><i class="ms-Icon ms-Icon--DateTimeMirrored"></i>ms-Icon--DateTimeMirrored</li>
<li><i class="ms-Icon ms-Icon--DeactivateOrders"></i>ms-Icon--DeactivateOrders</li>
<li><i class="ms-Icon ms-Icon--Decimals"></i>ms-Icon--Decimals</li>
<li><i class="ms-Icon ms-Icon--DecisionSolid"></i>ms-Icon--DecisionSolid</li>
<li><i class="ms-Icon ms-Icon--DeclineCall"></i>ms-Icon--DeclineCall</li>
<li><i class="ms-Icon ms-Icon--DecreaseIndent"></i>ms-Icon--DecreaseIndent</li>
<li><i class="ms-Icon ms-Icon--DecreaseIndentArrow"></i>ms-Icon--DecreaseIndentArrow</li>
<li><i class="ms-Icon ms-Icon--DecreaseIndentArrowMirrored"></i>ms-Icon--DecreaseIndentArrowMirrored</li>
<li><i class="ms-Icon ms-Icon--DecreaseIndentLegacy"></i>ms-Icon--DecreaseIndentLegacy</li>
<li><i class="ms-Icon ms-Icon--DecreaseIndentMirrored"></i>ms-Icon--DecreaseIndentMirrored</li>
<li><i class="ms-Icon ms-Icon--DecreaseIndentText"></i>ms-Icon--DecreaseIndentText</li>
<li><i class="ms-Icon ms-Icon--DecreaseIndentTextMirrored"></i>ms-Icon--DecreaseIndentTextMirrored</li>
<li><i class="ms-Icon ms-Icon--DefaultRatio"></i>ms-Icon--DefaultRatio</li>
<li><i class="ms-Icon ms-Icon--DefectSolid"></i>ms-Icon--DefectSolid</li>
<li><i class="ms-Icon ms-Icon--DefenderTVM"></i>ms-Icon--DefenderTVM</li>
<li><i class="ms-Icon ms-Icon--Delete"></i>ms-Icon--Delete</li>
<li><i class="ms-Icon ms-Icon--DeleteColumns"></i>ms-Icon--DeleteColumns</li>
<li><i class="ms-Icon ms-Icon--DeleteRows"></i>ms-Icon--DeleteRows</li>
<li><i class="ms-Icon ms-Icon--DeleteRowsMirrored"></i>ms-Icon--DeleteRowsMirrored</li>
<li><i class="ms-Icon ms-Icon--DeleteTable"></i>ms-Icon--DeleteTable</li>
<li><i class="ms-Icon ms-Icon--DeliveryTruck"></i>ms-Icon--DeliveryTruck</li>
<li><i class="ms-Icon ms-Icon--DelveAnalytics"></i>ms-Icon--DelveAnalytics</li>
<li><i class="ms-Icon ms-Icon--DelveAnalyticsLogo"></i>ms-Icon--DelveAnalyticsLogo</li>
<li><i class="ms-Icon ms-Icon--DelveLogo"></i>ms-Icon--DelveLogo</li>
<li><i class="ms-Icon ms-Icon--DelveLogoFill"></i>ms-Icon--DelveLogoFill</li>
<li><i class="ms-Icon ms-Icon--DelveLogoInverse"></i>ms-Icon--DelveLogoInverse</li>
<li><i class="ms-Icon ms-Icon--DependencyAdd"></i>ms-Icon--DependencyAdd</li>
<li><i class="ms-Icon ms-Icon--DependencyRemove"></i>ms-Icon--DependencyRemove</li>
<li><i class="ms-Icon ms-Icon--Deploy"></i>ms-Icon--Deploy</li>
<li><i class="ms-Icon ms-Icon--Descending"></i>ms-Icon--Descending</li>
<li><i class="ms-Icon ms-Icon--Design"></i>ms-Icon--Design</li>
<li><i class="ms-Icon ms-Icon--DesktopScreenshot"></i>ms-Icon--DesktopScreenshot</li>
<li><i class="ms-Icon ms-Icon--DeveloperTools"></i>ms-Icon--DeveloperTools</li>
<li><i class="ms-Icon ms-Icon--DeviceBug"></i>ms-Icon--DeviceBug</li>
<li><i class="ms-Icon ms-Icon--DeviceOff"></i>ms-Icon--DeviceOff</li>
<li><i class="ms-Icon ms-Icon--DeviceRun"></i>ms-Icon--DeviceRun</li>
<li><i class="ms-Icon ms-Icon--Devices2"></i>ms-Icon--Devices2</li>
<li><i class="ms-Icon ms-Icon--Devices3"></i>ms-Icon--Devices3</li>
<li><i class="ms-Icon ms-Icon--Devices4"></i>ms-Icon--Devices4</li>
<li><i class="ms-Icon ms-Icon--Diagnostic"></i>ms-Icon--Diagnostic</li>
<li><i class="ms-Icon ms-Icon--DiagnosticDataBarTooltip"></i>ms-Icon--DiagnosticDataBarTooltip</li>
<li><i class="ms-Icon ms-Icon--Dialpad"></i>ms-Icon--Dialpad</li>
<li><i class="ms-Icon ms-Icon--Diamond"></i>ms-Icon--Diamond</li>
<li><i class="ms-Icon ms-Icon--DiamondSolid"></i>ms-Icon--DiamondSolid</li>
<li><i class="ms-Icon ms-Icon--Dictionary"></i>ms-Icon--Dictionary</li>
<li><i class="ms-Icon ms-Icon--DictionaryRemove"></i>ms-Icon--DictionaryRemove</li>
<li><i class="ms-Icon ms-Icon--DietPlanNotebook"></i>ms-Icon--DietPlanNotebook</li>
<li><i class="ms-Icon ms-Icon--DiffInline"></i>ms-Icon--DiffInline</li>
<li><i class="ms-Icon ms-Icon--DiffSideBySide"></i>ms-Icon--DiffSideBySide</li>
<li><i class="ms-Icon ms-Icon--DisableUpdates"></i>ms-Icon--DisableUpdates</li>
<li><i class="ms-Icon ms-Icon--DisconnectVirtualMachine"></i>ms-Icon--DisconnectVirtualMachine</li>
<li><i class="ms-Icon ms-Icon--Dislike"></i>ms-Icon--Dislike</li>
<li><i class="ms-Icon ms-Icon--DislikeSolid"></i>ms-Icon--DislikeSolid</li>
<li><i class="ms-Icon ms-Icon--DistributeDown"></i>ms-Icon--DistributeDown</li>
<li><i class="ms-Icon ms-Icon--DockLeft"></i>ms-Icon--DockLeft</li>
<li><i class="ms-Icon ms-Icon--DockLeftMirrored"></i>ms-Icon--DockLeftMirrored</li>
<li><i class="ms-Icon ms-Icon--DockRight"></i>ms-Icon--DockRight</li>
<li><i class="ms-Icon ms-Icon--DocLibrary"></i>ms-Icon--DocLibrary</li>
<li><i class="ms-Icon ms-Icon--DocsLogoInverse"></i>ms-Icon--DocsLogoInverse</li>
<li><i class="ms-Icon ms-Icon--Document"></i>ms-Icon--Document</li>
<li><i class="ms-Icon ms-Icon--DocumentApproval"></i>ms-Icon--DocumentApproval</li>
<li><i class="ms-Icon ms-Icon--Documentation"></i>ms-Icon--Documentation</li>
<li><i class="ms-Icon ms-Icon--DocumentManagement"></i>ms-Icon--DocumentM