Unicode Characters

HTML

<div class="1">
	<span>🌴</span>
	<span>😹</span>
	<span>🚽</span>
	<span>🏰</span>
	<span>🍨</span>
	<span>🐛</span>
	<span>👙</span>
	<span>💤</span>
</div>
<div class="2">
	<span>🌴</span>
	<span>😹</span>
	<span>🚽</span>
	<span>🏰</span>
	<span>🍨</span>
	<span>🐛</span>
	<span>👙</span>
	<span>💤</span>
</div>
<div class="3">
	<span>🌴</span>
	<span>😹</span>
	<span>🚽</span>
	<span>🏰</span>
	<span>🍨</span>
	<span>🐛</span>
	<span>👙</span>
	<span>💤</span>
  <span>#xf046;</span>
</div>

<ul>
    <li><a href="http://en.wikipedia.org/wiki/Emoji">Unicode Characters - Wikipedia</a></li>
    <li><a href="http://unicode.johnholtripley.co.uk/">Unify</a> - See which devices support unicode characters.</li>
</ul>

SCSS

div { border-bottom: #ccc 1px solid; margin-bottom: 10px; padding-bottom: 10px;
    &:after { display: block; clear: both; }
    span { display: inline-block;  background: #ccc; margin: 0; line-height: 1.1; }
}
.\31 { font-size: 25px; }
.\32 { font-size: 45px; color: #369; }
.\33 { font-size: 65px; color: green; }

/*
Yes, yes, supposedly you can't use digits as ID or class names... but actually you can:
http://benfrain.com/when-and-where-you-can-use-numbers-in-id-and-class-names/
*/