JSFiddle - React, Tailwind, and code Playground

by tebrown

HTML

<div class="logo"></div>

 <svg id="video-show" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="54px" height="54px" x="0px" y="0px" viewbox="0 0 54 54" enable-background="new 0 0 54 54" xml:space="preserve">
    <path fill="#FFFFFF" d="M27.1,4c12.7,0,23,10.3,23,23s-10.3,23-23,23s-23-10.3-23-23S14.4,4,27.1,4 M27.1,2c-13.8,0-25,11.2-25,25 s11.2,25,25,25s25-11.2,25-25S40.9,2,27.1,2L27.1,2z"></path>
    <polygon fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linejoin="round" stroke-miterlimit="10" points="20.1,18 20.1,36 38.1,27 "></polygon>
    </svg>

CSS

body {
    background:#000;
}
.logo {
    display: block;
    width: 60px;
    height: 60px;
    color:#fff;
    background: url('http://kiwiscurebatten.com/wp-content/themes/twentyfifteen/img/iconpause.png');
    background-size: 60px 60px;
}

.test {
    display: block;
    width: 70px;
    height: 70px;
    color:#fff;
    background: url('http://kiwiscurebatten.com/wp-content/themes/twentyfifteen/img/iconpause.png');
    background-size: 70px 70px;
}