cssbattle49

<i class="t z">
  <i class="t a"></i>
  <i class="t v b"></i>
  <i class="t z v c"></i>
  <i class="t z v d"></i>
</i>
<style>
* {background: #6592CF}
.t {position: absolute}
.z {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
  overflow: hidden;
}
.v {
  border-radius: 10px; 
}
.a {
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-bottom: 100px solid #243D83;
}
.b {
  background: #243D83;
  width: 150px;
  height: 120px;
  top: 80px;
  left: 25px;
}
.c {
  background: #EEB850;
  width: 100px;
  height: 10px;
}
.d {
  background: #EEB850;
  width:50px;
  height: 60px;
  top: 180px;
}
</style>