JSFiddle - React, Tailwind, and code Playground

by nilloc

HTML

<svg id="circle" width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
    <desc>Created with Sketch.</desc>
    <defs><circle id="Oval" fill="#D8D8D8" cx="50" cy="50" r="50"></circle></defs>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        
    </g>
</svg>

<div></div>

CSS

div{
  height:200px;
  width:300px;
  background:teal url(#Oval) no-repeat;
}