Css instagram图标-彩色

有人知道如何为Instagram显示FontAwesome图标，并将其与新Instagram图标的多种颜色一起显示吗？

---

我想你不会得到确切的颜色，但是请告诉我

---

发现可能会有帮助

我也试着这么做。经过几次尝试，我发现这是一个解决方案

.fa.fa-instagram{
颜色：透明；
背景：径向梯度（30%107%，#fdf497 0%，#fdf497 5%，#fd5949 45%，#d6249f 60%，#285AEB 90%处的圆圈）；
背景：-webkit径向梯度（30%107%、0%fdf497、5%fdf497、45%、60%d6249f、90%285AEB处的圆圈）；
背景剪辑：文本；
-webkit背景剪辑：文本；
}

---

添加这样的CSS类对我来说很有用

你不使用链接到的图像，真的吗？A-1为那个Q？显然，从其他答案来看，这是可能的（尽管可能很难）。在可以使用图像时使用css重新创建图像=耗时且毫无意义，但无论什么都会让你感到震惊。要将其作为背景，只需保留背景参数：.bg-instagram1{background:radial gradient（圆圈为30%107%，#fdf497 0%，#fdf497 5%，#fd5949 45%，#d6249f 60%，#285AEB 90%）；背景：-webkit径向梯度（圆圈为30%107%，#fdf497 0%，#fdf497 5%，#fd5949 45%，#d6249f 60%，#285AEB 90%）。这似乎不适用于移动或狩猎

    background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );  
    background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
    color:transparent; 
   -webkit-background-clip: text;
   background-clip: text;

instagram {
    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%);    
}