Skip to content

Instantly share code, notes, and snippets.

@bdogan
Last active March 13, 2017 08:13
Show Gist options
  • Save bdogan/69fe60b999dbc779adfc2efde3da5101 to your computer and use it in GitHub Desktop.
Save bdogan/69fe60b999dbc779adfc2efde3da5101 to your computer and use it in GitHub Desktop.
Fontawesome file type icon
/*
FILE FORMAT ICONS
by Greg Schoppe (http://gschoppe.com)
USAGE: include FontAwesome on page, as shown on http://fontawesome.io
then include this css file, and target links by adding the link-icon
class. Note: try to avoid or manually label links to websites, as that
detection code is necessarily janky. when in doubt, just end all external
links with a trailing slash (/), a query string (?), or a link target (#)
*/
i.mime:before {
content: "\f016"; /* generic file icon */
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
width: 20px;
text-align: right;
margin-right: 10px;
}
i.mime.ext-txt,
i.mime.link-text:before {
content: "\f0f6"; /*Text*/
}
i.mime.ext-pdf,
i.mime.link-pdf:before {
content: "\f1c1"; /*PDF*/
}
i.mime.ext-doc,
i.mime.ext-docx,
i.mime.link-word:before {
content: "\f1c2"; /*Word*/
}
i.mime.ext-xls,
i.mime.ext-xlsx,
i.mime.link-excel:before {
content: "\f1c3"; /*Excel*/
}
i.mime.ext-ppt,
i.mime.ext-pptx,
i.mime.link-powerpoint:before {
content: "\f1c4"; /*Powerpoint*/
}
i.mime.ext-gif,
i.mime.ext-jpg,
i.mime.ext-jpeg,
i.mime.ext-png,
i.mime.ext-bmp,
i.mime.ext-tif,
i.mime.link-image:before {
content: "\f1c5"; /*Image*/
}
i.mime.ext-zip,
i.mime.ext-zipx,
i.mime.ext-rar,
i.mime.ext-tar,
i.mime.ext-gz,
i.mime.ext-dmg,
i.mime.ext-iso,
i.mime.link-archive:before {
content: "\f1c6"; /*Archive*/
}
i.mime.ext-wav,
i.mime.ext-mp3,
i.mime.ext-fla,
i.mime.ext-flac,
i.mime.ext-ra,
i.mime.ext-rma,
i.mime.ext-aif,
i.mime.ext-aiff,
i.mime.ext-aa,
i.mime.ext-aac,
i.mime.ext-aax,
i.mime.ext-ac3,
i.mime.ext-au,
i.mime.ext-ogg,
i.mime.ext-avr,
i.mime.ext-3ga,
i.mime.ext-flac,
i.mime.ext-mid,
i.mime.ext-midi,
i.mime.ext-m4a,
i.mime.ext-mp4a,
i.mime.ext-amz,
i.mime.ext-mka,
i.mime.ext-asx,
i.mime.ext-pcm,
i.mime.ext-m3u,
i.mime.ext-wma,
i.mime.ext-xwma,
i.mime.link-audio:before {
content: "\f1c7"; /*Audio*/
}
i.mime.ext-avi,
i.mime.ext-mpg,
i.mime.ext-mp4,
i.mime.ext-mkv,
i.mime.ext-mov,
i.mime.ext-wmv,
i.mime.ext-vp6,
i.mime.ext-264,
i.mime.ext-vid,
i.mime.ext-rv,
i.mime.ext-webm,
i.mime.ext-swf,
i.mime.ext-h264,
i.mime.ext-flv,
i.mime.ext-mk3d,
i.mime.ext-gifv,
i.mime.ext-oggv,
i.mime.ext-3gp,
i.mime.ext-m4v,
i.mime.ext-movie,
i.mime.ext-divx,
i.mime.link-video:before {
content: "\f1c8"; /*Video*/
}
i.mime.ext-css,
i.mime.ext-js,
i.mime.ext-py,
i.mime.ext-git,
i.mime.ext-py,
i.mime.ext-cpp,
i.mime.ext-h,
i.mime.ext-ini,
i.mime.ext-config,
i.mime.link-code:before {
content: "\f1c9"; /*code*/
}
i.mime.ext-exe,
i.mime.ext-jar,
i.mime.ext-dll,
i.mime.ext-bat,
i.mime.ext-pl,
i.mime.ext-scr,
i.mime.ext-msi,
i.mime.ext-app,
i.mime.ext-deb,
i.mime.ext-apk,
i.mime.ext-jar,
i.mime.ext-vb,
i.mime.ext-prg,
i.mime.ext-sh,
i.mime.link-exe:before {
content: "\f085"; /*Executable*/
}
i.mime.ext-com,
i.mime.ext-net,
i.mime.ext-org,
i.mime.ext-edu,
i.mime.ext-gov,
i.mime.ext-mil,
i.mime.ext-,
i.mime.ext-html,
i.mime.ext-htm,
i.mime.ext-xhtml,
i.mime.ext-jhtml,
i.mime.ext-php,
i.mime.ext-php3,
i.mime.ext-php4,
i.mime.ext-php5,
i.mime.ext-phtml,
i.mime.ext-asp,
i.mime.ext-aspx,
i.mime.ext-cfm,
i.mime.link:before {
content: "\f0c1"; /*link*/
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment