JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <img src="https://image.shutterstock.com/image-vector/ui-line-icon-img-picture-260nw-766128430.jpg" alt="">
</div>

CSS

body {
  background-color: #F2F6F9;
}

div {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 5px solid white;
  background-color: red;
}

div:before {
  position: absolute;
  left: 10px;
  top: 10px;
  content: '';
  width: 120px;
  height: 120px;

  border-radius: 65px;
  border: 5px solid white;

}

div:after {
  position: absolute;
  left: 25px;
  top: 25px;

  content: '';

  width: 90px;
  height: 90px;

  border-radius: 50px;


}

img {
  position: relative;
  z-index: 6;
  width: 25px;
  height: 25px;
}