JSFiddle - React, Tailwind, and code Playground

by x_meta

HTML

<!-- EXAMPLES -->
<div id="icons" class="container">
<h2><strong>84 GUI icons</strong></h2>
<div class="section">
<h3>User interaction</h3>
<ul>
<li class="search"><a href="#non">Search</a></li>
<li class="comment"><a href="#non">Comment</a></li>
<li class="like"><a href="#non">Like</a></li>
<li class="add"><a href="#non">Add</a></li>
<li class="remove"><a href="#non">Remove</a></li>
<li class="delete"><a href="#non">Delete</a></li>
<li class="add-alt"><a href="#non">Add</a></li>
<li class="remove-alt"><a href="#non">Remove</a></li>
<li class="delete-alt"><a href="#non">Delete</a></li>
<li class="report"><a href="#non">Report</a></li>
<li class="trash"><a href="#non">Trash</a></li>
<li class="lock"><a href="#non">Lock</a></li>
<li class="unlock"><a href="#non">Unlock</a></li>
<li class="update"><a href="#non">Update status</a></li>
<li class="retweet"><a href="#non">Retweet</a></li>
<li class="save"><a href="#non">Save</a></li>
<li class="edit"><a href="#non">Edit</a></li>
<li class="download"><a href="#non">Download</a></li>
<li class="arrow forward"><a href="#non">Forward</a></li>
<li class="arrow back"><a href="#non">Back</a></li>
<li class="arrow up"><a href="#non">Up</a></li>
<li class="arrow down"><a href="#non">Down</a></li>
<li class="arrow-alt forward"><a href="#non">Forward</a></li>
<li class="arrow-alt back"><a href="#non">Back</a></li>
<li class="arrow-alt up"><a href="#non">Up</a></li>
<li class="arrow-alt down"><a href="#non">Down</a></li>
<li class="arrow-alt2 forward"><a href="#non">Forward</a></li>
<li class="arrow-alt2 back"><a href="#non">Back</a></li>
<li class="arrow-alt2 up"><a href="#non">Up</a></li>
<li class="arrow-alt2 down"><a href="#non">Down</a></li>
</ul>
</div>
<div class="section">
<h3>Miscellaneous</h3>
<ul>
<li class="home"><a href="#non">Home</a></li>
<li class="photo"><a href="#non">Photo</a></li>
<li class="video"><a href="#non">Video</a></li>
<li class="music"><a href="#non">Music</a></li>
<li class="call"><a...

CSS

@import url('http://nicolasgallagher.com/pure-css-gui-icons/demo/default.css');