JSFiddle - React, Tailwind, and code Playground

by Hashem Qolami

HTML

<div class="circle"></div>

CSS

.circle {
  width: 16em; height: 16em;
  border-radius: 50%;
  background: 
    linear-gradient(-30deg, orange 36.60%, transparent 36.60%) 100% 0;
  background-repeat: no-repeat;
  background-size: 50% 50%;
}