<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
		integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
<i class="fas fa-heart"></i>

body {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
   background: rgb(131,58,180);
background: linear-gradient(12deg, rgba(131,58,180,1) 0%, rgba(253,29,252,1) 39%, rgba(253,97,167,1) 66%, rgba(253,94,171,1) 79%, rgba(252,160,88,1) 96%, rgba(252,176,69,1) 100%); 
}

.fa-heart {
  font-size: 6rem;
	color: #ee2130;
	animation-name: heart;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

@keyframes heart {
	25% {
		transform: scale(1.2)	;
		-webkit-transform: scale(1.2)	;
		-moz-transform: scale(1.2)	;
		-ms-transform: scale(1.2)	;
		-o-transform: scale(1.2)	;
}