/*<i class="fa fa-battery-charging" aria-hidden="true"></i>*/ @keyframes battery-charging { 0% { content: "\f244"; } 20% { content: "\f243"; } 40% { content: "\f242"; } 60% { content: "\f241"; } 80% { content: "\f240"; } } .fa-battery-charging:before { content: "\f244"; animation: 2s battery-charging infinite; }