JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {
    border-radius: 50px;
    border-right-color: blue;
    border-top-color: yellow;
    border-bottom-color: red;
    border-left-color: green;
    border-width: 50px;
    border-style: solid;
    height: 0px;
    width: 0px;
    
    /* To ratate */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}