HTML

<!DOCTYPE html>
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" type="text/css" />
</head>
<body>
<i class="fa fa-instagram" id="insta" ></i>
 </body>
</html>

CSS

#insta {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
   background-clip: text;
  -webkit-text-fill-color:
transparent;
  font-size: 200px; 
}

 

آموزش رایگان فتوشاپ را در ماکی سایت بدون پرداخت هیچ هزینه ای ببینید.