.file-icon {
    text-decoration: none;
}

.file-icon:before {
    padding-right:10px;
    display: inline-block;
    width:24px;
}

.file-icon[data-extension$="dir"]:before {
    content:url("/svg/file-icons/folder.svg");
}
.file-icon[data-extension$="doc"]:before {
    content:url("/svg/file-icons/docx.svg");
}
.file-icon[data-extension$="docx"]:before {
    content:url("/svg/file-icons/docx.svg");
}
.file-icon[data-extension$="pptx"]:before {
    content:url("/svg/file-icons/pptx.svg");
}
.file-icon[data-extension$="xlsx"]:before {
    content:url("/svg/file-icons/xlsx.svg");
}
.file-icon[data-extension$="pdf"]:before, .file-icon[data-extension$="PDF"]:before {
    content:url("/svg/file-icons/pdf.svg");
}
.file-icon[data-extension$="txt"]:before {
    content:url("/svg/file-icons/txt.svg");
}
.file-icon[data-extension$="jpg"]:before, .file-icon[data-extension$="JPG"]:before {
    content:url("/svg/file-icons/jpg.svg");
}
.file-icon[data-extension$="jpeg"]:before {
    content:url("/svg/file-icons/jpg.svg");
}
.file-icon[data-extension$="jpg"]:before {
    content:url("/svg/file-icons/jpg.svg");
}
.file-icon[data-extension$="zip"]:before {
    content:url("/svg/file-icons/zip.svg");
}
.file-icon[data-extension$="7z"]:before {
    content:url("/svg/file-icons/7z.svg");
}
.file-icon[data-extension$="jar"]:before {
    content:url("/svg/file-icons/jar.svg");
}
.file-icon[data-extension$="exe"]:before {
    content:url("/svg/file-icons/exe.svg");
}
.file-icon[data-extension$="rtf"]:before {
    content:url("/svg/file-icons/rtf.svg");
}
.file-icon[data-extension$="mp3"]:before {
    content:url("/svg/file-icons/mp3.svg");
}
.file-icon[data-extension$="png"]:before {
    content:url("/svg/file-icons/png.svg");
}