Awesome

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:

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

• PUBU.im - https://pubu.im

License

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