JSFiddle - React, Tailwind, and code Playground

by dipeshbeckham

HTML

<body>
  <?xml version="1.0" encoding="UTF-8"?>
  <svg width="21px" height="22px" viewBox="0 0 21 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
      <title>search1</title>
      <desc>Created with Sketch.</desc>
      <defs></defs>
      <g id="Icons-Kevin" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
          <g id="Artboard" transform="translate(-613.000000, -70.000000)" fill="#DEB54F">
              <g id="Icon/search1" transform="translate(613.000000, 70.000000)">
                  <g id="Icon/search">
                      <path d="M17.1862745,9.23529412 C17.1862745,4.41623343 13.4565284,0.5 8.84313725,0.5 C4.22974613,0.5 0.5,4.41623343 0.5,9.23529412 C0.5,14.0543548 4.22974613,17.9705882 8.84313725,17.9705882 C13.4565284,17.9705882 17.1862745,14.0543548 17.1862745,9.23529412 Z M1.5,9.23529412 C1.5,4.9579001 4.79323819,1.5 8.84313725,1.5 C12.8930363,1.5 16.1862745,4.9579001 16.1862745,9.23529412 C16.1862745,13.5126881 12.8930363,16.9705882 8.84313725,16.9705882 C4.79323819,16.9705882 1.5,13.5126881 1.5,9.23529412 Z" id="Oval-5"></path>
                      <polygon id="Path-4" points="19.8967135 21.1414573 20.6208515 20.4518021 15.2352745 14.7969463 14.5111366 15.4866015"></polygon>
                  </g>
              </g>
          </g>
      </g>
  </svg>
</body>

CSS

body {
  background-color:black;
}