CSS file icons - pure CSS file icons for most popular file extensions and file types.

How to use

Donwload css-file-icons or install via npm

npm install css-file-icons --save

Include css-file-icons.css
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">

Audio

mp3

wav

aif

cda

mid

midi

mpa

mkv

ogg

wpa

wpl

Compressed

zip

rar

tar.gz

pkg

Data

csv

dat

json

xml

dat

dbf

Databases

sql

Design

3ds

max

psd

Fonts

ttf

woff

woff2

Images

png

bmp

jpg

jpeg

gif

tif

tiff

svg

Internet

rss

torrent

Presentation

ppt

pps

pptx

odp

Programming Languages

asp

java

jsp

swift

php

html

xhtml

css

scss

sass

less

jsx

Spreadsheet

xls

xlsx

xlsm

ods

System

dll

bak

ini

dmp

sys

cfg

tmp

icns

Text

doc

docx

log

txt

pdf

Video

avi

mov

mp4

mpg

mpeg

mkv

wmv

Other

wps

exe

File extensions

Icons for file types:

mp3, wav, aif, cda, mid, midi, mpa, mkv, ogg, wpa, wpl, 7z, zip, rar, tar.gz, pkg, z, csv, dat, json, xml, dat, db, dbf, sql, ns, 3ds, max, ai, psd, ttf, woff, woff2, png, bmp, jpg, jpeg, gif, tif, tiff, svg, rss, torrent, ppt, pps, pptx, odp, asp, c, cs, java, jsp, swift, php, hh, go, py, js, html, xhtml, css, vb, rb, scss, sass, less, jsx, sh, pl, xls, xlsx, xlsm, ods, dll, bak, ini, dmp, sys, cfg, tmp, icns, doc, docx, log, txt, pdf, avi, mov, mp4, mpg, mpeg, mkv, wmv, wps, exe.

Customization

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

csv

pdf

wpd

Rounded

sm, md default border radius 0

.fi-round-sm
.fi-round-md

psd

CSS file icons 0.1.0