Pure CSS file icons for popular extensions
Include css-file-icons.css
to html or install via npm
npm i css-file-icons --save
include css file css-file-icons.css
from folder build
<div class="fi fi-doc">
<div class="fi-content">doc</div>
</div>
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, py, rss, rb.
.fi.fi-*extension*
// where *extension* = file extension.
// example: .fi.fi-doc
The following wonderful companies have sponsored CSS file icons
Learn more about becoming a sponsor!
.fi.fi-size-sm // default
.fi.fi-size-md
.fi.fi-size-lg
.fi.fi-size-x
@mixin fi-color($class, $color, $text_color:$file_icon_text_color)
@mixin fi-size($class, $width, $height, $arrow_h, $font_size)