Intro

Pure CSS file icons. Help you create file icons with pure CSS codes. (eg. doc, pdf, png, zip and so on).

See the DEMO

Usage

<div class="file-icon file-icon-xl" data-type="doc"></div>

Will display:

Use attribute data-type to define the file type, We had already defined some file type styles, includes:

Use class file-icon-xx for size define, We support some size below:

xs (12x16)
sm (18x24)
default (24x32)
lg (48x64)
xl (96x128)

Use data-type css selector to style your file type colors:

.file-icon[data-type=custom] {
  background: #38A240;
}