diff --git a/common/changes/office-ui-fabric-react/staylo-AddErrorAsToIcon_2018-02-16-22-54.json b/common/changes/office-ui-fabric-react/staylo-AddErrorAsToIcon_2018-02-16-22-54.json
new file mode 100644
index 00000000000000..e86b4124bafa32
--- /dev/null
+++ b/common/changes/office-ui-fabric-react/staylo-AddErrorAsToIcon_2018-02-16-22-54.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "office-ui-fabric-react",
+      "comment": "Add imageErrorAs to IIconProps",
+      "type": "minor"
+    }
+  ],
+  "packageName": "office-ui-fabric-react",
+  "email": "staylo@microsoft.com"
+}
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/src/components/ActivityItem/__snapshots__/ActivityItem.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ActivityItem/__snapshots__/ActivityItem.test.tsx.snap
index b3acb36fff522c..e861f560710775 100644
--- a/packages/office-ui-fabric-react/src/components/ActivityItem/__snapshots__/ActivityItem.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/ActivityItem/__snapshots__/ActivityItem.test.tsx.snap
@@ -173,7 +173,6 @@ exports[`ActivityItem renders compact with an icon correctly 1`] = `
   >
     <i
       aria-hidden={true}
-      aria-label={undefined}
       className=
 
           {
@@ -594,7 +593,6 @@ exports[`ActivityItem renders with an icon correctly 1`] = `
   >
     <i
       aria-hidden={true}
-      aria-label={undefined}
       className=
 
           {
diff --git a/packages/office-ui-fabric-react/src/components/Breadcrumb/Breadcrumb.tsx b/packages/office-ui-fabric-react/src/components/Breadcrumb/Breadcrumb.tsx
index 6c6409e6733dc7..34ed38fc5ca68b 100644
--- a/packages/office-ui-fabric-react/src/components/Breadcrumb/Breadcrumb.tsx
+++ b/packages/office-ui-fabric-react/src/components/Breadcrumb/Breadcrumb.tsx
@@ -102,10 +102,10 @@ export class Breadcrumb extends BaseComponent<IBreadcrumbProps, any> {
                     directionalHint: DirectionalHint.bottomLeftEdge
                   } }
                 />
-                { Icon({
-                  className: css('ms-Breadcrumb-chevron', styles.chevron),
-                  iconName: getRTL() ? 'ChevronLeft' : 'ChevronRight'
-                }) }
+                { <Icon
+                  className={ css('ms-Breadcrumb-chevron', styles.chevron) }
+                  iconName={ getRTL() ? 'ChevronLeft' : 'ChevronRight' }
+                /> }
               </li>
             ) }
             { renderedItems.map(
diff --git a/packages/office-ui-fabric-react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap
index 30ff42150359c8..9ea260d7df8d62 100644
--- a/packages/office-ui-fabric-react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap
@@ -44,7 +44,6 @@ exports[`Breadcrumb renders breadcumb correctly 1`] = `
             </span>
             <i
               aria-hidden={true}
-              aria-label={undefined}
               className=
                   ms-Breadcrumb-chevron
                   {
@@ -73,7 +72,6 @@ exports[`Breadcrumb renders breadcumb correctly 1`] = `
             </span>
             <i
               aria-hidden={true}
-              aria-label={undefined}
               className=
                   ms-Breadcrumb-chevron
                   {
@@ -102,7 +100,6 @@ exports[`Breadcrumb renders breadcumb correctly 1`] = `
             </span>
             <i
               aria-hidden={true}
-              aria-label={undefined}
               className=
                   ms-Breadcrumb-chevron
                   {
@@ -131,7 +128,6 @@ exports[`Breadcrumb renders breadcumb correctly 1`] = `
             </span>
             <i
               aria-hidden={true}
-              aria-label={undefined}
               className=
                   ms-Breadcrumb-chevron
                   {
@@ -253,7 +249,6 @@ exports[`Breadcrumb renders breadcumb correctly 2`] = `
               >
                 <i
                   aria-hidden={true}
-                  aria-label={undefined}
                   className=
                       ms-Button-icon
                       {
@@ -278,7 +273,6 @@ exports[`Breadcrumb renders breadcumb correctly 2`] = `
             </button>
             <i
               aria-hidden={true}
-              aria-label={undefined}
               className=
                   ms-Breadcrumb-chevron
                   {
@@ -307,7 +301,6 @@ exports[`Breadcrumb renders breadcumb correctly 2`] = `
             </span>
             <i
               aria-hidden={true}
-              aria-label={undefined}
               className=
                   ms-Breadcrumb-chevron
                   {
@@ -336,7 +329,6 @@ exports[`Breadcrumb renders breadcumb correctly 2`] = `
             </span>
             <i
               aria-hidden={true}
-              aria-label={undefined}
               className=
                   ms-Breadcrumb-chevron
                   {
diff --git a/packages/office-ui-fabric-react/src/components/Button/BaseButton.tsx b/packages/office-ui-fabric-react/src/components/Button/BaseButton.tsx
index dc4cdb3965e29b..12e16ba182dcbf 100644
--- a/packages/office-ui-fabric-react/src/components/Button/BaseButton.tsx
+++ b/packages/office-ui-fabric-react/src/components/Button/BaseButton.tsx
@@ -254,10 +254,12 @@ export class BaseButton extends BaseComponent<IBaseButtonProps, IBaseButtonState
        } = this.props;
 
     if (iconProps) {
-      return Icon({
-        ...iconProps,
-        className: this._classNames.icon
-      });
+      return (
+        <Icon
+          {...iconProps}
+          className={ this._classNames.icon }
+        />
+      );
     }
     return null;
   }
diff --git a/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.test.tsx.snap
index 0fbc1378c8cfc1..c2803b1370a6ba 100644
--- a/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.test.tsx.snap
@@ -180,7 +180,6 @@ exports[`Button renders CommandBarButton correctly 1`] = `
   >
     <i
       aria-hidden={true}
-      aria-label={undefined}
       className=
           ms-Button-icon
           {
@@ -227,7 +226,6 @@ exports[`Button renders CommandBarButton correctly 1`] = `
     </div>
     <i
       aria-hidden={true}
-      aria-label={undefined}
       className=
           ms-Button-menuIcon
           {
@@ -553,7 +551,6 @@ exports[`Button renders IconButton correctly 1`] = `
   >
     <i
       aria-hidden={true}
-      aria-label={undefined}
       className=
           ms-Button-icon
           {
diff --git a/packages/office-ui-fabric-react/src/components/Calendar/__snapshots__/Calendar.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Calendar/__snapshots__/Calendar.test.tsx.snap
index 9bd37fc04426ca..507065a96d6f5d 100644
--- a/packages/office-ui-fabric-react/src/components/Calendar/__snapshots__/Calendar.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Calendar/__snapshots__/Calendar.test.tsx.snap
@@ -39,7 +39,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                 >
                   <i
                     aria-hidden={true}
-                    aria-label={undefined}
                     className=
 
                         {
@@ -60,7 +59,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                 >
                   <i
                     aria-hidden={true}
-                    aria-label={undefined}
                     className=
 
                         {
@@ -916,7 +914,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                 >
                   <i
                     aria-hidden={true}
-                    aria-label={undefined}
                     className=
 
                         {
@@ -936,7 +933,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                 >
                   <i
                     aria-hidden={true}
-                    aria-label={undefined}
                     className=
 
                         {
diff --git a/packages/office-ui-fabric-react/src/components/Check/Check.tsx b/packages/office-ui-fabric-react/src/components/Check/Check.tsx
index 0875ec362247a1..9f4357908ad393 100644
--- a/packages/office-ui-fabric-react/src/components/Check/Check.tsx
+++ b/packages/office-ui-fabric-react/src/components/Check/Check.tsx
@@ -49,14 +49,14 @@ export class Check extends BaseComponent<ICheckProps, {}> {
           }
         ) }
       >
-        { Icon({
-          className: 'ms-Check-circle ' + styles.circle,
-          iconName: 'CircleRing'
-        }) }
-        { Icon({
-          className: 'ms-Check-check ' + styles.check,
-          iconName: 'StatusCircleCheckmark'
-        }) }
+        { <Icon
+          className={ 'ms-Check-circle ' + styles.circle }
+          iconName={ 'CircleRing' }
+        /> }
+        { <Icon
+          className={ 'ms-Check-check ' + styles.check }
+          iconName={ 'StatusCircleCheckmark' }
+        /> }
       </div>
     );
   }
diff --git a/packages/office-ui-fabric-react/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap
index 56ab252f499ae8..01505cb4f7b2f4 100644
--- a/packages/office-ui-fabric-react/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap
@@ -106,7 +106,6 @@ exports[`Checkbox renders Checkbox correctly 1`] = `
     >
       <i
         aria-hidden={true}
-        aria-label={undefined}
         className=
 
             {
diff --git a/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap
index 410413b8d27910..3230dce46f29d6 100644
--- a/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap
@@ -243,7 +243,6 @@ exports[`ComboBox Renders ComboBox correctly 1`] = `
       >
         <i
           aria-hidden={true}
-          aria-label={undefined}
           className=
               ms-Button-icon
               {
diff --git a/packages/office-ui-fabric-react/src/components/CommandBar/CommandBar.tsx b/packages/office-ui-fabric-react/src/components/CommandBar/CommandBar.tsx
index 537a81c7fdb402..ea09c36336bc75 100644
--- a/packages/office-ui-fabric-react/src/components/CommandBar/CommandBar.tsx
+++ b/packages/office-ui-fabric-react/src/components/CommandBar/CommandBar.tsx
@@ -95,7 +95,7 @@ export class CommandBar extends BaseComponent<ICommandBarProps, ICommandBarState
               'ms-CommandBarSearch-iconWrapper ms-CommandBarSearch-iconSearchWrapper',
               styles.searchIconWrapper, styles.searchIconSearchWrapper) }
           >
-            { Icon({ iconName: 'Search' }) }
+            { <Icon iconName={ 'Search' } /> }
           </div>
           <div
             className={ css(
diff --git a/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap b/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap
index 1d75d3b33a5d1a..89282c08b05c9f 100644
--- a/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap
@@ -40,7 +40,6 @@ exports[`CommandBar renders CommandBar correctly 1`] = `
           </span>
           <i
             aria-hidden={true}
-            aria-label={undefined}
             className=
                 ms-CommandBarItem-chevronDown
                 {
diff --git a/packages/office-ui-fabric-react/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap b/packages/office-ui-fabric-react/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap
index 213d16b79fbc47..9f3ccff2170c43 100644
--- a/packages/office-ui-fabric-react/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap
@@ -38,7 +38,6 @@ exports[`DatePicker renders default DatePicker correctly 1`] = `
           />
           <i
             aria-hidden={true}
-            aria-label={undefined}
             className=
                 ms-DatePicker-event--without-label
                 {
diff --git a/packages/office-ui-fabric-react/src/components/DocumentCard/__snapshots__/DocumentCard.test.tsx.snap b/packages/office-ui-fabric-react/src/components/DocumentCard/__snapshots__/DocumentCard.test.tsx.snap
index a60ae4c7ac5c29..d68c9fef762664 100644
--- a/packages/office-ui-fabric-react/src/components/DocumentCard/__snapshots__/DocumentCard.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/DocumentCard/__snapshots__/DocumentCard.test.tsx.snap
@@ -48,7 +48,6 @@ exports[`DocumentCard renders DocumentCard correctly 1`] = `
             >
               <i
                 aria-hidden={true}
-                aria-label={undefined}
                 className=
 
                     {
diff --git a/packages/office-ui-fabric-react/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap
index 89eb9f638d7c57..219f16707a7dd2 100644
--- a/packages/office-ui-fabric-react/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap
@@ -35,7 +35,6 @@ exports[`Dropdown multi-select Renders multiselect Dropdown correctly 1`] = `
     >
       <i
         aria-hidden={true}
-        aria-label={undefined}
         className=
             ms-Dropdown-caretDown
             {
@@ -84,7 +83,6 @@ exports[`Dropdown single-select Renders single-select Dropdown correctly 1`] = `
     >
       <i
         aria-hidden={true}
-        aria-label={undefined}
         className=
             ms-Dropdown-caretDown
             {
diff --git a/packages/office-ui-fabric-react/src/components/Icon/Icon.tsx b/packages/office-ui-fabric-react/src/components/Icon/Icon.tsx
index 4f14e0030802e0..c85f56289bd8f0 100644
--- a/packages/office-ui-fabric-react/src/components/Icon/Icon.tsx
+++ b/packages/office-ui-fabric-react/src/components/Icon/Icon.tsx
@@ -3,87 +3,112 @@ import * as React from 'react';
 /* tslint:enable */
 import { IIconProps, IconType } from './Icon.types';
 import { Image } from '../Image/Image';
+import { ImageLoadState } from '../Image/Image.types';
 import {
   css,
   getNativeProps,
-  htmlElementProperties
+  htmlElementProperties,
+  BaseComponent
 } from '../../Utilities';
 import { getIcon, IIconRecord } from '../../Styling';
 import { getClassNames } from './Icon.classNames';
 
-export const Icon = (props: IIconProps): JSX.Element => {
-  const {
-    ariaLabel,
-    className,
-    styles,
-    iconName
-   } = props;
-  const classNames = getClassNames(
-    styles
-  );
+export interface IIconState {
+  imageLoadError: boolean;
+}
 
-  if (props.iconType === IconType.image || props.iconType === IconType.Image) {
-    const containerClassName = css(
-      'ms-Icon-imageContainer',
-      classNames.root,
-      classNames.imageContainer,
-      className
-    );
+export class Icon extends BaseComponent<IIconProps, IIconState> {
+  constructor(props: IIconProps) {
+    super(props);
+    this.state = {
+      imageLoadError: false,
+    };
+  }
 
-    return (
-      <div
-        className={
-          css(
-            containerClassName,
-            classNames.root
-          ) }
-      >
-        <Image { ...props.imageProps as any } />
-      </div>
-    );
-  } else if (typeof iconName === 'string' && iconName.length === 0) {
-    return (
-      <i
-        aria-label={ ariaLabel }
-        { ...(ariaLabel ? {} : {
-          role: 'presentation',
-          'aria-hidden': true
-        }) }
-        { ...getNativeProps(props, htmlElementProperties) }
-        className={
-          css(
-            'ms-Icon-placeHolder',
-            classNames.rootHasPlaceHolder,
-            props.className
-          ) }
-      />
+  public render() {
+    const {
+    ariaLabel,
+      className,
+      styles,
+      iconName,
+      imageErrorAs,
+   } = this.props;
+    const classNames = getClassNames(
+      styles
     );
-  } else {
-    const iconDefinition = getIcon(iconName) || {
-      subset: {
-        className: undefined
-      },
-      code: undefined
+
+    const containerProps = ariaLabel ? { 'aria-label': ariaLabel, 'data-icon-name': iconName, } : {
+      role: 'presentation',
+      'aria-hidden': true,
+      'data-icon-name': iconName,
     };
 
-    return (
-      <i
-        aria-label={ ariaLabel }
-        { ...(ariaLabel ? {} : {
-          role: 'presentation',
-          'aria-hidden': true,
-          'data-icon-name': iconName,
-        }) }
-        { ...getNativeProps(props, htmlElementProperties) }
-        className={
-          css(
-            iconDefinition.subset.className,
-            classNames.root,
-            props.className
-          ) }
-      >
-        { iconDefinition.code }
-      </i>
-    );
+    if (this.props.iconType === IconType.image || this.props.iconType === IconType.Image) {
+      const containerClassName = css(
+        'ms-Icon-imageContainer',
+        classNames.root,
+        classNames.imageContainer,
+        className
+      );
+      const { imageLoadError } = this.state;
+      const imageProps = { ...this.props.imageProps, onLoadingStateChange: this.onImageLoadingStateChange };
+      const ImageType = imageLoadError && imageErrorAs || Image;
+      return (
+        <div
+          {...containerProps}
+          className={
+            css(
+              containerClassName,
+              classNames.root
+            ) }
+        >
+          <ImageType { ...imageProps } />
+        </div>
+      );
+    } else if (typeof iconName === 'string' && iconName.length === 0) {
+      return (
+        <i
+          {...containerProps}
+          { ...getNativeProps(this.props, htmlElementProperties) }
+          className={
+            css(
+              'ms-Icon-placeHolder',
+              classNames.rootHasPlaceHolder,
+              this.props.className
+            ) }
+        />
+      );
+    } else {
+      const iconDefinition = getIcon(iconName) || {
+        subset: {
+          className: undefined
+        },
+        code: undefined
+      };
+
+      return (
+        <i
+          {...containerProps}
+          { ...getNativeProps(this.props, htmlElementProperties) }
+          className={
+            css(
+              iconDefinition.subset.className,
+              classNames.root,
+              this.props.className
+            ) }
+        >
+          { iconDefinition.code }
+        </i>
+      );
+    }
+  }
+
+  private onImageLoadingStateChange = (state: ImageLoadState): void => {
+    if (this.props.imageProps && this.props.imageProps.onLoadingStateChange) {
+      this.props.imageProps.onLoadingStateChange(state);
+    }
+    if (state === ImageLoadState.error) {
+      this.setState({ imageLoadError: true });
+    }
   }
-};
+}
diff --git a/packages/office-ui-fabric-react/src/components/Icon/Icon.types.ts b/packages/office-ui-fabric-react/src/components/Icon/Icon.types.ts
index c776f1cfcee22f..378e791046a087 100644
--- a/packages/office-ui-fabric-react/src/components/Icon/Icon.types.ts
+++ b/packages/office-ui-fabric-react/src/components/Icon/Icon.types.ts
@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { IImageProps } from '../Image/Image.types';
 import { IStyle } from '../../Styling';
+import { Icon } from './Icon';
+import { IBaseProps } from '../../Utilities';
 
 // Please keep alphabetized
 export enum IconType {
@@ -34,7 +36,7 @@ export interface IIconStyles {
   imageContainer?: IStyle;
 }
 
-export interface IIconProps extends React.HTMLAttributes<HTMLElement> {
+export interface IIconProps extends IBaseProps, React.HTMLAttributes<HTMLElement> {
   /**
    * The name of the icon to use from the icon font. If string is empty, a placeholder icon will be rendered the same width as an icon
    */
@@ -65,4 +67,9 @@ export interface IIconProps extends React.HTMLAttributes<HTMLElement> {
    * @memberOf IIconProps
    */
   imageProps?: IImageProps;
+
+  /**
+   * If rendering an image icon, this function callback will be invoked in the event loading the image errors.
+   */
+  imageErrorAs?: React.StatelessComponent<IImageProps> | React.ComponentClass<IImageProps>;
 }
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/src/components/Icon/__snapshots__/Icon.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Icon/__snapshots__/Icon.test.tsx.snap
index 3b1bc246f97218..ab530ac055dbe0 100644
--- a/packages/office-ui-fabric-react/src/components/Icon/__snapshots__/Icon.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Icon/__snapshots__/Icon.test.tsx.snap
@@ -3,7 +3,6 @@
 exports[`Icon renders Icon correctly 1`] = `
 <i
   aria-hidden={true}
-  aria-label={undefined}
   className=
 
       {
diff --git a/packages/office-ui-fabric-react/src/components/MessageBar/__snapshots__/MessageBar.test.tsx.snap b/packages/office-ui-fabric-react/src/components/MessageBar/__snapshots__/MessageBar.test.tsx.snap
index 582e808dec4c90..c7ffb8da96dab5 100644
--- a/packages/office-ui-fabric-react/src/components/MessageBar/__snapshots__/MessageBar.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/MessageBar/__snapshots__/MessageBar.test.tsx.snap
@@ -14,7 +14,6 @@ exports[`MessageBar renders MessageBar correctly 1`] = `
     >
       <i
         aria-hidden={true}
-        aria-label={undefined}
         className=
 
             {
diff --git a/packages/office-ui-fabric-react/src/components/Nav/__snapshots__/Nav.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Nav/__snapshots__/Nav.test.tsx.snap
index 25e12db86478e2..fca32f1e4c7be7 100644
--- a/packages/office-ui-fabric-react/src/components/Nav/__snapshots__/Nav.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Nav/__snapshots__/Nav.test.tsx.snap
@@ -122,7 +122,6 @@ exports[`Nav renders Nav correctly 1`] = `
                 >
                   <i
                     aria-hidden={true}
-                    aria-label={undefined}
                     className=
                         ms-Icon-placeHolder
                         ms-Button-icon
@@ -142,6 +141,7 @@ exports[`Nav renders Nav correctly 1`] = `
                           text-align: center;
                           vertical-align: middle;
                         }
+                    data-icon-name=""
                     role="presentation"
                   />
                   <div
diff --git a/packages/office-ui-fabric-react/src/components/Rating/__snapshots__/Rating.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Rating/__snapshots__/Rating.test.tsx.snap
index 18c3c11fa90a0b..686bdd8cd92670 100644
--- a/packages/office-ui-fabric-react/src/components/Rating/__snapshots__/Rating.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Rating/__snapshots__/Rating.test.tsx.snap
@@ -106,7 +106,6 @@ exports[`Rating Renders Rating correctly 1`] = `
       >
         <i
           aria-hidden={true}
-          aria-label={undefined}
           className=
               ms-RatingStar-back
               {
@@ -121,7 +120,6 @@ exports[`Rating Renders Rating correctly 1`] = `
         />
         <i
           aria-hidden={true}
-          aria-label={undefined}
           className=
               ms-RatingStar-front
               {
@@ -231,7 +229,6 @@ exports[`Rating Renders Rating correctly 1`] = `
       >
         <i
           aria-hidden={true}
-          aria-label={undefined}
           className=
               ms-RatingStar-back
               {
@@ -246,7 +243,6 @@ exports[`Rating Renders Rating correctly 1`] = `
         />
         <i
           aria-hidden={true}
-          aria-label={undefined}
           className=
               ms-RatingStar-front
               {
@@ -356,7 +352,6 @@ exports[`Rating Renders Rating correctly 1`] = `
       >
         <i
           aria-hidden={true}
-          aria-label={undefined}
           className=
               ms-RatingStar-back
               {
@@ -371,7 +366,6 @@ exports[`Rating Renders Rating correctly 1`] = `
         />
         <i
           aria-hidden={true}
-          aria-label={undefined}
           className=
               ms-RatingStar-front
               {
@@ -481,7 +475,6 @@ exports[`Rating Renders Rating correctly 1`] = `
       >
         <i
           aria-hidden={true}
-          aria-label={undefined}
           className=
               ms-RatingStar-back
               {
@@ -496,7 +489,6 @@ exports[`Rating Renders Rating correctly 1`] = `
         />
         <i
           aria-hidden={true}
-          aria-label={undefined}
           className=
               ms-RatingStar-front
               {
@@ -606,7 +598,6 @@ exports[`Rating Renders Rating correctly 1`] = `
       >
         <i
           aria-hidden={true}
-          aria-label={undefined}
           className=
               ms-RatingStar-back
               {
@@ -621,7 +612,6 @@ exports[`Rating Renders Rating correctly 1`] = `
         />
         <i
           aria-hidden={true}
-          aria-label={undefined}
           className=
               ms-RatingStar-front
               {
diff --git a/packages/office-ui-fabric-react/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap b/packages/office-ui-fabric-react/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap
index 92af36c12bd500..ca2d164525dc7f 100644
--- a/packages/office-ui-fabric-react/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap
@@ -56,7 +56,6 @@ exports[`SearchBox renders SearchBox correctly 1`] = `
   >
     <i
       aria-hidden={true}
-      aria-label={undefined}
       className=
           ms-SearchBox-icon
           {
diff --git a/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap b/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap
index 1d61c9ea5b854a..d75698525e6eb2 100644
--- a/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap
@@ -229,7 +229,6 @@ exports[`SpinButton renders SpinButton correctly 1`] = `
         >
           <i
             aria-hidden={true}
-            aria-label={undefined}
             className=
                 ms-Button-icon
                 {
@@ -335,7 +334,6 @@ exports[`SpinButton renders SpinButton correctly 1`] = `
         >
           <i
             aria-hidden={true}
-            aria-label={undefined}
             className=
                 ms-Button-icon
                 {