CSS Icons

Arrows




Code
<span class="MIconArrowLeft"></span>
<span class="MIconArrowRight"></span>

Close




Code
<span class="MIconClose"></span>

Social




Code
<span class="MIconFacebook"></span>
<span class="MIconFacebook30x30"></span>
<span class="MIconFacebook50x50"></span>
<span class="MIconFacebook150x150"></span>

Code
<span class="MIconGooglePlus"></span>
<span class="MIconGooglePlus30x30"></span>
<span class="MIconGooglePlus50x50"></span>
<span class="MIconGooglePlus150x150"></span>

Code
<span class="MIconTumblr"></span>
<span class="MIconTumblr30x30"></span>
<span class="MIconTumblr50x50"></span>
<span class="MIconTumblr150x150"></span>

Code
<span class="MIconTwitter"></span>
<span class="MIconTwitter30x30"></span>
<span class="MIconTwitter50x50"></span>
<span class="MIconTwitter150x150"></span>

Share




Code
<span class="MIconOpenShare"></span>
<span class="MIconOpenShare30x30"></span>
<span class="MIconOpenShare50x50"></span>
<span class="MIconOpenShare150x150"></span>

Code
<span class="MIconRSS"></span>
<span class="MIconRSS30x30"></span>
<span class="MIconRSS50x50"></span>
<span class="MIconRSS150x150"></span>

Avatar




Code
<span class="MIconAvatar"></span>
<span class="MIconAvatar30x30"></span>
<span class="MIconAvatar50x50"></span>
<span class="MIconAvatar150x150"></span>
<span class="MIconAvatar200x200"></span>
<span class="MIconAvatar400x400"></span>

Loading



The grey background is not included in the icon. It is here to seperate the icon from the background.


Code
<span class="MIconLoadingBlack"></span>
<span class="MIconLoadingBlack50x50"></span>
<span class="MIconLoadingBlack150x150"></span>
<span class="MIconLoadingWhite"></span>

Status




Code
<span class="MIconComplete"></span>
<span class="MIconComplete30x30"></span>
<span class="MIconComplete50x50"></span>
<span class="MIconComplete150x150"></span>

Code
<span class="MIconWarning"></span>
<span class="MIconWarning30x30"></span>
<span class="MIconWarning50x50"></span>
<span class="MIconWarning150x150"></span>

Code
<span class="MIconFailure"></span>
<span class="MIconFailure30x30"></span>
<span class="MIconFailure50x50"></span>
<span class="MIconFailure150x150"></span>

Misc




Code
<span class="MIconEmbed"></span>
<span class="MIconEmbed30x30"></span>
<span class="MIconEmbed50x50"></span>
<span class="MIconEmbed150x150"></span>



Code
<span class="MIconLock"></span>
<span class="MIconLock64x64"></span>



Code
<span class="MIconAdd"></span>
<span class="MBackground"></span>
<span class="MIconDocument"></span>
<span class="MIconEdit"></span>
<span class="MIconPoster"></span>
<span class="MIconList"></span>
<span class="MIconHD"></span>
<span class="MIconGrid"></span>