JSFiddle - React, Tailwind, and code Playground

HTML

<span class="feature-icon schedule"></span>
<span class="feature-icon selections"></span>
<span class="feature-icon messages"></span>

CSS

.feature-icon {
    height: 22px; 
    width: 22px;
    display: inline-block;
    background-image:url(https://i.stack.imgur.com/z7TK5.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-size: auto;
}
.schedule {
    background-position: 0 0; 
}
.selections {
    background-position: 0 -22px; 
}
.messages 
    background-position: 0 -44px; 
}