I 

<svg class="heart" viewBox="0 0 32 29.6">
  <path d="M23.6,0c-3.4,0-6.3,2.7-7.6,5.6C14.7,2.7,11.8,0,8.4,0C3.8,0,0,3.8,0,8.4c0,9.4,9.5,11.9,16,21.2
	c6.1-9.3,16-12.1,16-21.2C32,3.8,28.2,0,23.6,0z"/>
</svg> 

You
body {
  background: #333;
  color: #fff;
  font-family: 'Archivo Black', sans-serif;
  font-size: 3em;
  margin-top: 1em;
  text-align: center;
  text-transform: uppercase;
}

.heart {
  fill: red;
  position: relative;
  top: 5px;
  width: 50px;
  animation: pulse 1s ease infinite, 
}

@keyframes pulse {
0% { transform: scale(1); } 
14% { transform: scale(1); } 
24% { transform: scale(1.03); transition-timing-function: ease-in; } 
31% { transform: scale(1); transition-timing-function: ease-out; } 
41% { transform: scale(1); } 
45% { transform: scale(0.96); } 
49% { transform: scale(1.3); } 
52% { transform: scale(0.92); } 
55% { transform: scale(1); } 
69% { transform: scale(1); } 
80% { transform: scale(1.06); transition-timing-function: ease-in; } 
86% { transform: scale(1); transition-timing-function: ease-out; } 
100% { transform: scale(1); } 
}
View Compiled
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.