<div class='parent'>
  <div class='center'></div>
  <svg class='icon' width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M32 16C32 7.16485 24.8351 0 16 0C7.16485 0 0 7.16485 0 16C0 24.8351 7.16485 32 16 32C24.8351 32 32 24.8351 32 16Z" fill="#32BEA6"/>
<path d="M24.8093 10.6409C24.4353 9.66714 23.6679 9.82192 22.8359 9.98959C22.3394 10.0928 20.1274 10.7377 16.6384 14.4265C15.1874 15.9549 14.233 17.1738 13.601 18.1025C13.214 17.6317 12.7755 17.1222 12.3111 16.6643C10.8859 15.2391 9.29301 14.2588 9.22852 14.2201C8.56427 13.8139 7.69366 14.0202 7.28092 14.6909C6.87463 15.3552 7.081 16.2258 7.74525 16.6385C7.75815 16.645 9.12534 17.4898 10.2991 18.67C11.4986 19.8695 12.5885 21.4946 12.6014 21.514C12.8658 21.9138 13.3107 22.146 13.7815 22.146C13.8589 22.146 13.9427 22.1395 14.0266 22.1266C14.5812 22.0299 15.0197 21.6172 15.1552 21.0754C15.1616 21.0625 15.7227 19.5083 18.6828 16.387C21.0689 13.8655 22.6618 13.0658 23.2164 12.8465C23.2229 12.8465 23.2229 12.8465 23.2358 12.8465C23.2358 12.8465 23.2551 12.8401 23.2874 12.8207C23.3841 12.782 23.4357 12.7691 23.4357 12.7691C23.4099 12.7756 23.397 12.7756 23.397 12.7756V12.7691C23.655 12.6595 24.1322 12.4531 24.1386 12.4467C24.8545 12.1371 25.0931 11.3632 24.8093 10.6409Z" fill="white"/>
</svg>

</div>
     

* {
  width: 100vw;
  height: 100vh;
  padding: 0;
/*   margin: 1rem; */
/*   box-sizing: border-box; */
}

.parent {
  margin: 2rem;
  width: 300px;
  height: 300px;
  position: relative;
  
  background-color: rgba(50, 190, 166, .2);
  border-radius: 4px;
  border: dashed rgba(50, 190, 166, 1) 2px;
}

.center {
  width: 100px;
  height: 100px;
  background-image: url("https://www.unilad.co.uk/wp-content/uploads/2018/07/success-kid-original.jpg");
  background-size: cover;
  border: 2px solid rgba(50, 190, 166, 1);
 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.icon {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  top: 1rem;
  left: 1rem;
}