BIRD CREATED WITH CSS

 <div class='bird'>
 <div class='eye'>
 </div>
 </div>
 .bird {
 display:block;
 width:100px;
 height:150px;
 background-color:#0089FF;
 margin-left:25px;
 border-radius;50px 50px 100px 0;
 transform:rotate Z(30deg);
 position:relative;
 }
 .bird:before {
 content:'';
 display:block;
 position:absolute;
 width:0px;
 height:0px;
 border:15px solid transparent;
 border-left:25px solid #FFCA00;
 transform:rotate Z(-30deg);
 right:-29px; top:2px;
 }
 .bird:after {
 content:'';
 display:block;
 position:absolute;
 display;block;
 width:60px;
 height:90px;
 background-color:#006ECD;
 border-radius:50px 50px 100px 0;
 transform:rotate Z(90deg);
 top:40px;
 left:-20px;
 }
 .eye {
 display:block;
 width:17px;
 height:17px;
 background-colour:#FFFFFF;
 border-radius:10px;
 position:absolute;
 top:25px;
 right:25px;
 }
 .eye:before
 {
 content:'';
 display:block;
 width:11px;
 height:11px;
 background-color:#000000;
 border-radius:10px;
 position:absolute;
 top:4px;
 right:1px;
}