JSFiddle - React, Tailwind, and code Playground

HTML

<div id="triforce">
	<div class="triangle-up">

	</div>
	<div class="triangle-up" style="position:absolute;right:50px;">

	</div>
	<div class="triangle-up" style="position:absolute;left:50px;">

	</div>
</div>

CSS

.triangle-up {
	width: 0; 
	height: 0; 
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 50px solid rgb(224, 255, 0);
}

#triforce {
	width:100px;
	position: relative;
	left:100px;
}