JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <div class="bad-btn"></div>
    <object type="image/svg+xml" data="http://www.w3.org/TR/SVG/images/shapes/polygon01.svg"
    width="460px" height="170px" border="1"></object>
</div>

CSS

.main {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    -ms-transform: scale(1.4);
}

.bad-btn {
    width:460px;
    height:170px;
    background:url(http://www.w3.org/TR/SVG/images/shapes/polygon01.svg) no-repeat;
}