FontAwesome instagram icon - colorized

Question

Any one know how to show the FontAwesome icon for Instagram and style it to be shown with the new Instagram icon multi colors? New instagram icon

Answer 1

I was trying to do the same. I found this is solution after several attempt.

.fa.fa-instagram {
  color: transparent;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;
}