É possível sim, basta trocar o `color` do ícone, pois ela é uma propriedade que pode ser animada sem problemas. Como o FontAwesome é uma fonte vc deve usar o `color` para isso, e com o `@keygrames` vc faz a animação. Aqui vc pode ler mais sobre os `@keyframes` https://developer.mozilla.org/pt-BR/docs/Web/CSS/@keyframes [![inserir a descrição da imagem aqui][1]][1] Segue o código da imagem acima: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-css --> .fa-bars { color: #fff; animation: bg 6s infinite; } @keyframes bg { 25% { color: red; } 50% { color: blue; } 75% { color: green; } } header { background-color: silver; } <!-- language: lang-html --> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css" rel="stylesheet"/> <header> <a id="toggleMenu" href="#" style="font-size: 2em"><i class="fas fa-bars"></i></a> </header> <!-- end snippet --> [1]: https://i.sstatic.net/qTZQX.gif