JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

body {
	background: #222C40;
}

.circle {
	border: 1px solid #fff;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	margin: auto;
}

.circle::after {
	content: "";
	display: block;
	width: calc(50% - 6px);
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 14px;
}

.circle::before {
	content: "";
	display: block;
	width: 50%;
	height: 1px;
	background: #fff;
	position: absolute;
	left: calc(50% + 6px);
	top: 14px;
}