A Pen by Chetan.

index.html

<div class = "parent">
   <div class="child">
     <div class="child1">
       <div class="child2">
         <div class="child3">
         </div>  
       </div>  
     </div>  
  </div>  
</div>  

justunfollow-logo.markdown

justunfollow logo

this is justunfollow logo in css

A Pen by Chetan on CodePen.

License.

style.css

.parent {
  position:relative;
  width:200px;
  height:200px;
  border-radius:10%;
  background:red;
}

.child {
  position:relative;
  width:80%;
  height:80%;
  background:white;
  top:10%;
  left:10%;
  border-radius:50%;
}

.child1{
  position: relative;
  width:80%;
  height:60%;
  background:red;
  top:20%;
  transform-origin:65% 55%;
  transform:rotate(-35deg);
  border-top-right-radius:42%;
  border-bottom-right-radius:42%;
}

.child2 {
  position:relative;
  width:80%;
  height:80%;
  top:10%;
  margin-right:10%;
  background:white;
  float:right;
  border-top-right-radius:45%;
  border-bottom-right-radius:45%;
}

.child3 {
  width:30%;
  height:100%;
  background:red;
  border-top-right-radius:35%;
  border-bottom-right-radius:35%;
}