A pure CSS leaf.

just for fun

HTML

<div id="leaf"></div>

CSS

#leaf{
    width: 10em;
    height: 10em;
    background-color: #BBBF45;
    border: solid 0em white;
    border-radius: 0 10em 3em 10em;
    border-bottom: none;
    border-left: solid 1em white;
    border-top: solid 2em white;
    font-size: 10px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#leaf:after{
    content:"";
    background-color: #83A603;
    width: .2em;
    height: 10em;
    position: absolute;
    bottom: -1.9em;
    right: 3em;
    border-radius: 1.3em .4em 1.2em 0.6em;
    border-top: solid .2em #BBBF45;
    border-right: solid .2em #BBBF45;
    border-bottom: solid .2em #BBBF45;
    border-left: solid .2em #BBBF45;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}