JSFiddle - React, Tailwind, and code Playground

by core972

HTML

<div id="pic"></div>

CSS

#pic {
  margin: 5rem;
  border: 3px solid #333;
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  background: conic-gradient(#f69d3c 24.99%, #3f87a6 25%, #3f87a6 49.99%, #f509d8 50%, #f509d8 74.99%, #85Fcd3 75%);
}