How to use

Include 'css-file-icons.css' to html <head>.
Inside html insert block with class 'fi':
<div class="fi fi-doc">
    <div class="fi-content">doc</div>
</div>
To change icon color change class name. For example for EXE file class name "fi-exe"
<div class="fi fi-exe">

File icon extensions

Icons for files doc, docx, log, txt, wps, csv, dat, ppt, xml, mp3, wav, avi, mov, mp4, 3ds, max, gif, ai, svg, pdf, xls, xlsx, sql, exe, js, html, xhtml, css, asp, ttf, dll, 7z, zip, c, cs, java, swift, torrent, php, hh, go, psd, png, bmp, png, bmp, vb.
doc
docx
log
txt
wps
csv
dat
ppt
xml
mp3
wav
avi
mov
mp4
3ds
max
gif
ai
svg
pdf
xls
xlsx
sql
exe
js
html
xhtml
css
asp
ttf
dll
7z
zip
c
cs
java
swift
torrent
php
hh
go
py
rss
rb
psd
png
bmp
vb
any

Sizes

xs, sm, md, lg, xl
.fi.fi-size-xs
.fi.fi-size-sm // default
.fi.fi-size-md
.fi.fi-size-lg
.fi.fi-size-xl
doc
7z
csv
pdf
wpd