FileIconPipe.ts

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'fileIcon'
})
export class FileIconPipe implements PipeTransform {

  transform(fileType: string): string {
    switch (fileType) {
        // images
        case 'image/png': {
            return 'file-image';
        }
        case 'image/jpeg': {
            return 'file-image';
        }
        case 'image/bmp': {
            return 'file-image';
        }
        case 'image/svg+xml': {
            return 'file-image';
        }
        case 'image/tiff': {
            return 'file-image';
        }
        // audio
        case 'audio/mpeg': {
            return 'file-audio';
        }
        case 'audio/ogg': {
            return 'file-audio';
        }
        case 'audio/wav': {
            return 'file-audio';
        }
        case 'audio/aac': {
            return 'file-audio';
        }
        // video
        case 'video/x-msvideo': {
            return 'file-video';
        }
        case 'video/mpeg': {
            return 'file-video';
        }
        case 'video/3gpp': {
            return 'file-video';
        }
        // other
        case 'application/pdf': {
            return 'file-pdf';
        }
        case 'application/msword': {
            return 'file-word';
        }
        case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document': {
            return 'file-word';
        }
        default: {
            return 'file';
        }
    }
  }
}

module.ts

import {FileIconPipe} from 'app/shared/file-icon.pipe';

@NgModule({
    declarations: [ FileIconPipe],
    exports: [FileIconPipe],
})

use.html

<fa-icon [icon]="file.fileType | fileIcon"></fa-icon>