Markupless fiddle: 42

by MrLister

CSS

html, body {padding:0; margin:0;}
:before, :after {display:block; content:''; position:absolute;}
html:before {
    border-top:20px solid transparent;
    border-right:14px solid transparent;
    border-bottom:20px solid;
    border-left:24px solid;
    padding:25px; width:35px; height:20px;
    -webkit-transform:skewX(-35deg);
    -ms-transform:skewX(-35deg);
    transform:skewX(-35deg);
    top:10px; left:50px;
}
html:after {
    border-right:20px solid;
    left:88px; top:10px;
    width:0; height:170px;
}
body {
    border:20px solid;
    border-radius:100px;
    padding:42px; width:0; height:0;
    border-bottom-color: transparent;
    border-left-color: transparent;
    position:relative; left:120px; top:9px;
}

body:after {
    border-top:20px solid transparent;
    border-right:20px solid transparent;
    border-bottom:20px solid;
    border-left:28px solid;
    padding:25px; width:15px;
    -webkit-transform:skewX(-45deg);
    -ms-transform:skewX(-45deg);
    transform:skewX(-45deg);
    top:62px; left:37px;
}