Finger Heart

<div></div>
<style>
  body {
    margin: 0;
    background: #4f77ff;
  }
  div {
    width: 150px;
    height: 150px;
    background: #1038bf;
    position: relative;
  }

  div::after,
  div::before {
    content: '';
    width: 50px;
    height: 50px;
    background: #1038bf;
    position: absolute;
    translate: -50% -50%;
  }
  div::after {
    top: 125px;
    left: 175px;
    border-radius: 0 25px 25px 0;
  }
  div::before {
    top: 175px;
    left: 125px;
    translate: -50% -50%;
    border-radius: 0 0 25px 25px;
  }
</style>