Date icon

inspired on http://www.sitepoint.com/create-calendar-icon-html5-css3/

<time datetime="2014-12-23" class="date-icon date-icon-default"> <em>December</em> <strong>2014</strong> <span>23</span> </time>

different sizes

<time datetime="2014-12-23" class="date-icon date-icon-default date-icon-xs"> <em>December</em> <strong>2014</strong> <span>23</span> </time> <time datetime="2014-12-23" class="date-icon date-icon-default date-icon-sm"> <em>December</em> <strong>2014</strong> <span>23</span> </time> <time datetime="2014-12-23" class="date-icon date-icon-default"> <em>December</em> <strong>2014</strong> <span>23</span> </time> <time datetime="2014-12-23" class="date-icon date-icon-default date-icon-lg"> <em>December</em> <strong>2014</strong> <span>23</span> </time>

Color variations

<time datetime="2014-12-23" class="date-icon date-icon-default"> <em>December</em> <strong>2014</strong> <span>23</span> </time> <time datetime="2014-12-23" class="date-icon date-icon-primary"> <em>December</em> <strong>2014</strong> <span>23</span> </time> <time datetime="2014-12-23" class="date-icon date-icon-success"> <em>December</em> <strong>2014</strong> <span>23</span> </time> <time datetime="2014-12-23" class="date-icon date-icon-info"> <em>December</em> <strong>2014</strong> <span>23</span> </time> <time datetime="2014-12-23" class="date-icon date-icon-warning"> <em>December</em> <strong>2014</strong> <span>23</span> </time> <time datetime="2014-12-23" class="date-icon date-icon-danger"> <em>December</em> <strong>2014</strong> <span>23</span> </time>