Рисуем сердце CSS

Как нарисовать сердце с использованием только CSS без дополнительных файлов изображений

HTML

<div class="heart"></div>

CSS

body{
    background-color: #eee;
}
div {
margin: 10% auto;
}
/* Базовые стили */
.heart {
  position: relative;
  width: 200px;
  height: 275px;
  background-color: red;
  box-shadow: -1px 0px 2px #444;
/* Скругляем верхние углы */    

  border-radius: 50px 50px 0 0;
/* Определяем угол наклона */    
 
  transform: rotate(360deg);
}
/* Формируем правую часть */
.heart:before {
  position: absolute;
  width: 275px;
  height: 200px;
  left: 0;
  bottom: 0;
  content: "";
  background-color: red;
  box-shadow: 0px 3px 3px #444444; 
  -webkit-border-radius: 50px 50px 0 0;
  -moz-border-radius: 50px 50px 0 0;
  border-radius: 0 50px 50px 0;
}
/* Убираем тень при наведении */
.heart:hover:before, .heart:hover{
    box-shadow:none;
}
div {
margin: 10% auto;
}