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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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