If you are using font-awesome there is a trick you may not know about. You can rotate and flip/mirror the icons using these simple built in classes.
<pre>
<code class="language-markup">
<!-- Font Awesome 4+ -->
<i class="fa fa-long-arrow-up"></i> normal
<i class="fa fa-long-arrow-up fa-rotate-90"></i> fa-rotate-90
<i class="fa fa-long-arrow-up fa-rotate-180"></i> fa-rotate-180
<i class="fa fa-long-arrow-up fa-rotate-270"></i> fa-rotate-270
<i class="fa fa-long-arrow-up fa-flip-horizontal"></i> fa-flip-horizontal
<i class="fa fa-long-arrow-up fa-flip-vertical"></i> fa-flip-vertical
<!-- Font Awesome 3 -->
<i class="icon-long-arrow-up"></i> normal
<i class="icon-long-arrow-up icon-rotate-90"></i> icon-rotate-90
<i class="icon-long-arrow-up icon-rotate-180"></i> icon-rotate-180
<i class="icon-long-arrow-up icon-rotate-270"></i> icon-rotate-270
<i class="icon-long-arrow-up icon-flip-horizontal"></i> icon-flip-horizontal
<i class="icon-long-arrow-up icon-flip-vertical"></i> icon-flip-vertical
<i class="fa fa-long-arrow-up"></i> normal
<i class="fa fa-long-arrow-up fa-rotate-90"></i> fa-rotate-90
<i class="fa fa-long-arrow-up fa-rotate-180"></i> fa-rotate-180
<i class="fa fa-long-arrow-up fa-rotate-270"></i> fa-rotate-270
<i class="fa fa-long-arrow-up fa-flip-horizontal"></i> fa-flip-horizontal
<i class="fa fa-long-arrow-up fa-flip-vertical"></i> fa-flip-vertical
Related External Links:
- [GitHub - Commit a69bf575](https://github.com/FortAwesome/Font-Awesome/commit/a69bf575b473636b5631319c0ac2ee47015284a7)