Arrows

          <div class="arrow-up arrow-red"></div>
          <div class="arrow-down arrow-red"></div>
          <div class="arrow-left arrow-red"></div>
          <div class="arrow-right arrow-red"></div>
        

Light arrows

          <div class="arrow-up arrow-white"></div>
          <div class="arrow-down arrow-white"></div>
          <div class="arrow-left arrow-white"></div>
          <div class="arrow-right arrow-white"></div>
        

All arrows

Up	Down	Left	Right
.arrow-up	.arrow-down	.arrow-left	.arrow-right
.arrow-up .arrow-red	.arrow-down .arrow-red	.arrow-left .arrow-red	.arrow-right .arrow-red
.arrow-up .arrow-purple	.arrow-down .arrow-purple	.arrow-left .arrow-purple	.arrow-right .arrow-purple
.arrow-up .arrow-blue	.arrow-down .arrow-blue	.arrow-left .arrow-blue	.arrow-right .arrow-blue
.arrow-up .arrow-teal	.arrow-down .arrow-teal	.arrow-left .arrow-teal	.arrow-right .arrow-teal
.arrow-up .arrow-turquoise	.arrow-down .arrow-turquoise	.arrow-left .arrow-turquoise	.arrow-right .arrow-turquoise
.arrow-up .arrow-green	.arrow-down .arrow-green	.arrow-left .arrow-green	.arrow-right .arrow-green
.arrow-up .arrow-yellow	.arrow-down .arrow-yellow	.arrow-left .arrow-yellow	.arrow-right .arrow-yellow
.arrow-up .arrow-grey	.arrow-down .arrow-grey	.arrow-left .arrow-grey	.arrow-right .arrow-grey
.arrow-up .arrow-white	.arrow-down .arrow-white	.arrow-left .arrow-white	.arrow-right .arrow-white
.arrow-up .arrow-trans-white	.arrow-down .arrow-trans-white	.arrow-left .arrow-trans-white	.arrow-right .arrow-trans-white