SOURCE

<div class='note'>
    <div class="note-head"></div>
    <div class="note-body"/>
    <div class="note-flag1"/>
</div>

.note {
    position: relative;
    width: 240px;
    height: 300px;
}

.note-head {
    position: absolute;
    bottom: 10px;
    width: 100px;
    height: 60px;
    border: 4px solid #333;
    border-radius: 50%;
}

.note-body {
    position: absolute;
    left: 138px;
    bottom: 40px;
    width: 4px;
    height: 260px;
    background: #333;
    transform: rotateZ(15deg)
}
.note-flag1 {
    position: absolute;
    bottom: 262px;
    width: 60px;
    height: 8px;
    background: #333;
    transform: rotateZ(-15deg)
}