<div class="abs">
<div class="tri"></div>
<div class="tri"></div>
</div>
<div class="box"></div>
<div class="bar"></div>
<style>
body {
background: #DE817E;
display: grid;
place-content: center;
gap: 0.6rem;
height: 100%;
width: 100%;
margin: 0;
margin-top: 1.1rem;
}
div {background: #EBE77E}
.abs {
position: absolute;
display: flex;
top: 50%;
left: 50%;
translate: -50% -50%;
width: 7.5rem;
height: 6rem;
clip-path: polygon(-0% 0%, 25% 42%, 50% 0%, 75% 42%, 100% 0%);
background: #DE817E;
}
.box {
height: 6.1rem;
width: 7.5rem;
}
.bar {
height: 1.30rem;
width: 7.5rem;
}
</style>