JSFiddle - React, Tailwind, and code Playground

by ZenMaster

HTML

<div class="svg-holder bg"></div>

CSS

.svg-holder {
    text-align: center;
    padding: 50px;
}

.bg {
    background-color: yellow;
    background-image: url(http://upload.wikimedia.org/wikipedia/commons/f/f1/MediaWiki_Vector_skin_action_arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg);
}