JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<i class="fa fa-gamepad fa-2x red">Games</i>

<i class="fa fa-code fa-2x yellow">Programming</i>

<i class="fa fa-globe fa-2x blue">Internet</i>

<i class="fa fa-flask fa-2x green">Science</i>

<i class="fa fa-money fa-2x aqua">Maths</i>

<i class="fa fa-language fa-2x lime">Language</i>

<i class="fa fa-pencil-square-o fa-2x orange">Office</i>

<i class="fa fa-picture-o fa-2x purple">Creativitity</i>

<i class="fa fa-wrench fa-2x fuchsia">Tools</i>

<i class="fa fa-linux fa-2x grey">System</i>

<hr/>


<i class="fa fa-gamepad fa-2x red"></i>
<i class="fa fa-code fa-2x yellow"></i>
<i class="fa fa-globe fa-2x blue"></i>
<i class="fa fa-flask fa-2x green"></i>
<i class="fa fa-money fa-2x aqua"></i>
<i class="fa fa-language fa-2x lime"></i>
<i class="fa fa-pencil-square-o fa-2x orange"></i>
<i class="fa fa-picture-o fa-2x purple"></i>
<i class="fa fa-wrench fa-2x fuchsia"></i>
<i class="fa fa-linux fa-2x grey"></i>

CSS

i.blue { color: #005FE4 }
i.gray { color: #aaa }
i.orange { color: #FF8F00 }
i.purple { color: #A700FF }
i.fuchsia { color: #FF2B34 }
i.aqua { color: #00A0FF }
i.yellow { color: #FFFA00 }
i.olive { color: #00B20D }
i.green { color: #008009 }
i.maroon { color: #5E008C }
i.teal { color: #BCCDFF }
i.navy { color: #00588C }
i.black { color: #111 }
i.white { color: #fff }
i.silver { color: #ddd }
i.red { color: #E6000A }
i.lime { color: #00EA11 }