.file-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-right: 5px;
    float: left;
    margin-top: 3px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

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

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

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

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

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

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

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

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

.icon-pic {
  background-image: url(../file-type/pic.svg);
}

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

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

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

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

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