JSFiddle - React, Tailwind, and code Playground

by msfrisbie

HTML

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 70 70"><g fill="#ffffff" transform="matrix(0.7,0,0,0.7,0,0)"><path xmlns="http://www.w3.org/2000/svg" d="M50,0C22.4,0,0,22.4,0,50s22.4,50,50,50s50-22.4,50-50S77.6,0,50,0z M55.8,65.3L44,77c-3.2,3.2-7.5,5-11.8,5h0  c-3.9,0-7.5-1.5-10.2-4.1c-5.8-5.8-5.8-15.3,0-21.1l14.1-14.1L36,44.9c-0.2,2.6,0.1,5.1,0.9,7.4l0.2,0.5l-9.5,9.5  c-1.4,1.4-2.1,3.2-2.1,5.1c0,1.9,0.7,3.7,2.1,5.1c1.2,1.2,2.9,1.9,4.7,1.9c2.3,0,4.6-1,6.3-2.7l11.7-11.7c3.3-3.3,3.7-8.2,0.9-11  c-0.7-0.7-1-1.9-0.8-3.1c0.2-1.2,0.8-2.3,1.7-3.2l1.5-1.5l0.5,0.3c0.9,0.6,1.8,1.3,2.5,2c0.8,0.8,1.4,1.6,2,2.6  C62.3,51.9,61.1,60,55.8,65.3z M77.9,43.2L63.8,57.3l0.2-2.1c0.2-2.6-0.1-5.1-0.9-7.4L63,47.2l9.5-9.5c1.4-1.4,2.1-3.2,2.1-5.1  c0-1.9-0.7-3.7-2.1-5.1c-1.2-1.2-2.9-1.9-4.7-1.9c-2.3,0-4.6,1-6.3,2.7L49.7,40.1c-3.3,3.3-3.7,8.2-0.9,11c0.7,0.7,1,1.9,0.8,3.1  c-0.2,1.2-0.8,2.3-1.7,3.2L46.4,59l-0.5-0.3c-0.9-0.6-1.8-1.3-2.5-2c-0.8-0.8-1.4-1.6-2-2.6c-3.6-5.9-2.4-14.1,2.9-19.4L56,23  c3.2-3.2,7.5-5,11.8-5c3.9,0,7.5,1.5,10.2,4.1c2.8,2.8,4.4,6.6,4.4,10.5C82.3,36.6,80.7,40.4,77.9,43.2z"></path></g></svg>

CSS

svg {
  margin: 60px;
}

body {
  background-color: #2774ae;
}