JSFiddle - React, Tailwind, and code Playground

HTML

<div id="facebook">
  <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="49.652px" height="49.652px" viewBox="0 0 49.652 49.652" style="enable-background:new 0 0 49.652 49.652;" xml:space="preserve">
  <circle cx="25" cy="25" r="20" class="circle" fill="#ffffff"/>
        <path d="" />
             
     
  </svg>
</div>

CSS

#facebook {
  background-color: white;
}

.circle {
  fill: white;
}