Pure CSS icons for popular file extensions
Switch branches/tags
Clone or download
Latest commit faeed8d Dec 6, 2018

README.md

CSS file icons

Backers on Open Collective Sponsors on Open Collective

Pure CSS file icons for popular extensions

Icons

CSS file icons

demo

Usage

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

Example

<div class="fi fi-doc">
    <div class="fi-content">doc</div>
</div>

File 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, py, rss, rb.

.fi.fi-*extension*
// where *extension* = file extension.
// example: .fi.fi-doc

Sizes

.fi.fi-size-sm // default
.fi.fi-size-md
.fi.fi-size-lg
.fi.fi-size-x

SCSS Mixins

New icon color

@mixin fi-color($class, $color, $text_color:$file_icon_text_color)

Icon size

@mixin fi-size($class, $width, $height, $arrow_h, $font_size)

Contributors

This project exists thanks to all the people who contribute.

Backers

Thank you to all our backers! 🙏 [Become a backer]

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]