JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="circle">
        <div id="b1" class="branch"></div>
        <div id="b2" class="branch"></div>
    </div>
</body>

CSS

#circle {
    height:100px;
    width:100px;
    background: red;
    border-radius: 50%;
    position : relative;
}
.branch {
    height: 20px;
    width : 70px;
    background : white;
    position : absolute;
    top : 40px;
    left : 15px;
}
#b1 {
    -webkit-transform: rotate(45deg);
}
#b2 {
    -webkit-transform: rotate(-45deg);
}