Design patterns that serve as basic building blocks.
Use Ratchicons in your application to help inform interactions.
<div class="content-padded"> <span class="icon icon-back"></span> <span class="icon icon-bars"></span> <span class="icon icon-caret"></span> <span class="icon icon-check"></span> <span class="icon icon-close"></span> <span class="icon icon-code"></span> <span class="icon icon-compose"></span> <span class="icon icon-download"></span> <span class="icon icon-edit"></span> <span class="icon icon-forward"></span> <span class="icon icon-gear"></span> <span class="icon icon-home"></span> <span class="icon icon-info"></span> <span class="icon icon-list"></span> <span class="icon icon-more-vertical"></span> <span class="icon icon-more"></span> <span class="icon icon-pages"></span> <span class="icon icon-pause"></span> <span class="icon icon-person"></span> <span class="icon icon-play"></span> <span class="icon icon-plus"></span> <span class="icon icon-refresh"></span> <span class="icon icon-search"></span> <span class="icon icon-share"></span> <span class="icon icon-sound"></span> <span class="icon icon-sound2"></span> <span class="icon icon-sound3"></span> <span class="icon icon-sound4"></span> <span class="icon icon-star-filled"></span> <span class="icon icon-star"></span> <span class="icon icon-stop"></span> <span class="icon icon-trash"></span> <span class="icon icon-up-nav"></span> <span class="icon icon-up"></span> <span class="icon icon-right-nav"></span> <span class="icon icon-right"></span> <span class="icon icon-down-nav"></span> <span class="icon icon-down"></span> <span class="icon icon-left-nav"></span> <span class="icon icon-left"></span> </div>