Pure CSS file icons. Help you create file icons with pure CSS codes. (eg. doc, pdf, png, zip and so on).
See the DEMO
<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:
- doc, docx
- xls, xlsx
- ppt, pptx
- zip
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;
}- PUBU.im - https://pubu.im
Copyright (c) 2014-2015 Picturepan2. MIT Licensed, see LICENSE for details.