.file-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 3px;
}

.icon-pan {
  background-image: url(./images/pan.svg);
}

.icon-rar, .type-rar, .type-zip {
    background-image: url(./images/rar.svg);
}

.icon-ps {
  background-image: url(./images/ps.svg);
}

.icon-code {
  background-image: url(./images/code.svg);
}

.icon-ppt, .type-ppt, .type-pptx {
    background-image: url(./images/ppt.svg);
}

.icon-txt, .type-txt {
    background-image: url(./images/txt.svg);
}

.icon-excel, .type-xls, .type-xlsx {
    background-image: url(./images/xls.svg);
}

.icon-mp4, .type-mp4, .type-flv {
    background-image: url(./images/video.svg);
}

.icon-pic,.type-gif, .type-jpg, .type-jpeg, .type-png, .type-bmp {
    background-image: url(./images/pic.svg);
}

.icon-other, .type-other {
    background-image: url(./images/other.svg);
}

.icon-folder, .type-group {
    background-image: url(./images/folder.svg);
}

.icon-word, .type-doc, .type-docx {
    background-image: url(./images/doc.svg);
}

.icon-pdf, .type-pdf {
    background-image: url(./images/pdf.svg);
}

.icon-mp3, .type-mp3 {
    background-image: url(./images/audio.svg);
}