JSFiddle - React, Tailwind, and code Playground

HTML

<div class="icon arrow-down"></div>
<div class="icon arrow-up"></div>

CSS

.icon
{
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 50px;
    width: 50px;
}

.icon.arrow-down { background-image: url( 'http://dump.mrslayer.com/svg-spritesheet.svg#arrow-down' ); }
.icon.arrow-up { background-image: url( 'http://dump.mrslayer.com/svg-spritesheet.svg#arrow-up' ); }