Updated generic icons

Author: estruyf

src/controls/fileTypeIcon/FileTypeIcon.tsx

@@ -188,24 +188,23 @@ export class FileTypeIcon extends React.Component<IFileTypeIconProps, {}> {
       const iconImage = this._getIconImageName();
       // Check if the image was found, otherwise a generic image will be returned
       if (typeof iconImage.image !== 'undefined' && iconImage.image !== null) {
-        // iconElm = <div style={{ display: 'inline-block' }} className={`ms-BrandIcon--${iconImage.size} ms-BrandIcon--${iconImage.image}`}></div>;
         iconElm = <Icon iconType={IconUIType.image} imageProps={{ className: `ms-BrandIcon--${iconImage.size} ms-BrandIcon--${iconImage.image}` }} />;
       } else {
         // Return a generic image
         let imgElm = <img />;
         // Check the size of the generic image which has to be returned
         switch (iconImage.size) {
           case 'icon16':
-          imgElm = <img src={ICON_GENERIC_16} />;
+          imgElm = <Icon iconType={IconUIType.image} imageProps={{ src: ICON_GENERIC_16 }} />;
           break;
           case 'icon48':
-          imgElm = <img src={ICON_GENERIC_48} />;
+          imgElm = <Icon iconType={IconUIType.image} imageProps={{ src: ICON_GENERIC_48}} />;
           break;
           case 'icon96':
-          imgElm = <img src={ICON_GENERIC_96} />;
+          imgElm = <Icon iconType={IconUIType.image} imageProps={{ src: ICON_GENERIC_96}} />;
           break;
           default:
-          imgElm = <img src={ICON_GENERIC_16} />;
+          imgElm = <Icon iconType={IconUIType.image} imageProps={{ src: ICON_GENERIC_16}} />;
           break;
         }
 
@@ -218,7 +217,6 @@ export class FileTypeIcon extends React.Component<IFileTypeIconProps, {}> {
     } else {
       // Return the icon font element
       const iconClass = this._getIconClassName();
-      // iconElm = <i className={`ms-Icon ms-Icon--${iconClass}`} aria-hidden='true'></i>;
       iconElm = <Icon iconName={iconClass} />;
     }