JSFiddle - React, Tailwind, and code Playground

HTML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252 252">
	<path fill="#f00" d="M126,0C56.4,0,0,56.4,0,126s56.4,126,126,126s126-56.4,126-126S195.6,0,126,0z M126,247.8C58.7,247.8,4.2,193.3,4.2,126S58.7,4.2,126,4.2S247.8,58.7,247.8,126S193.3,247.8,126,247.8z"/>
	<path fill="#fff" stroke="none" d="M126,4.2C58.7,4.2,4.2,58.7,4.2,126S58.7,247.8,126,247.8S247.8,193.3,247.8,126S193.3,4.2,126,4.2z M208.4,73.2l-68.5,67v83.3c0,1.5-6.5,2.7-13.9,2.8c-7.1-0.1-13.9-1.3-13.9-2.8v-83.3l-68.5-67c-1.1-1.1,2.4-6.3,7.8-11.7c5.4-5.4,10.7-8.9,11.7-7.8l62.8,61.3l62.8-61.3c1.1-1.1,6.3,2.4,11.7,7.8C205.8,66.9,209.4,72.1,208.4,73.2z"/>
</svg>

CSS

body {
  background-color: #000;
}