Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/picturepan2/fileicon.css
Fileicon.css - The customizable pure CSS file icons
https://github.com/picturepan2/fileicon.css
Last synced: 22 days ago
JSON representation
Fileicon.css - The customizable pure CSS file icons
- Host: GitHub
- URL: https://github.com/picturepan2/fileicon.css
- Owner: picturepan2
- License: mit
- Created: 2014-12-24T15:41:14.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2019-12-11T03:46:46.000Z (over 4 years ago)
- Last Synced: 2024-05-08T13:18:51.065Z (about 1 month ago)
- Language: CSS
- Homepage: http://picturepan2.github.io/fileicon.css
- Size: 50.8 KB
- Stars: 621
- Watchers: 28
- Forks: 107
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome-css-only - Fileicon.css - The customizable pure CSS file icons. (Uncategorized / Uncategorized)
- awesome-stars - fileicon.css - The customizable pure CSS file icons | picturepan2 | 623 | (CSS)
- awesome-stars - picturepan2/fileicon.css - `★624` Fileicon.css - The customizable pure CSS file icons (CSS)
README
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
```html
```Will display:
![doc](https://cloud.githubusercontent.com/assets/119550/5550524/583be08c-8be2-11e4-99a3-d7e9f24b1db3.jpg)
## 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
- 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:
```css
.file-icon[data-type=custom] {
background: #38A240;
}
```# Who are using
- PUBU.im - [https://pubu.im](https://pubu.im)
# License
Copyright (c) 2014-2015 Picturepan2. MIT Licensed, see [LICENSE] for details.
[DEMO]: https://picturepan2.github.io/fileicon.css
[LICENSE]: https://picturepan2.github.io/fileicon.css/LICENSE
[中文文档]: https://github.com/picturepan2/fileicon.css/blob/master/README_CN.md