Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Languages: 中文文档

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:

doc

Type

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

  • doc, docx
  • xls, xlsx
  • ppt, pptx
  • pdf
  • zip

Size

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

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

Custom

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

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

Who are using

License

Copyright (c) 2014-2015 Picturepan2. MIT Licensed, see LICENSE for details.