div.icon {
height: 32px;
width: 32px;
position: relative;
margin: 15px;
overflow: hidden;
display: inline-block;
}
div.icon div.heart {
height: 16px;
width: 10px;
background: #333;
-webkit-border-radius: 100px 100px 0 0;
-moz-border-radius: 100px 100px 0 0;
border-radius: 100px 100px 0 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
left: 5px;
top: 2px;
}
div.icon div.heart:after {
content: '';
height: 16px;
width: 10px;
background: #333;
-webkit-border-radius: 100px 100px 0 0;
-moz-border-radius: 100px 100px 0 0;
border-radius: 100px 100px 0 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
position: absolute;
right: -3px;
bottom: -3px;
}