BG Gradient
<style>
.td-facebook {
background: rgb(0,98,224);
background: linear-gradient(0deg, rgba(0,98,224,1) 0%, rgba(24,174,254,1) 100%);
}
</style>
<i class="td-facebook td-circle td-w-64 td-txt-fff"></i>
Icon Gradient
<style>
.td-messenger:after {
background: rgb(18,146,255);
background: linear-gradient(45deg, rgba(18,146,255,1) 0%, rgba(41,130,255,1) 20%, rgba(78,105,255,1) 25%, rgba(101,89,255,1) 30%, rgba(109,83,255,1) 35%, rgba(163,52,250,1) 50%, rgba(223,71,170,1) 65%, rgba(255,98,87,1) 100%);
background: radial-gradient(ellipse at left bottom, rgba(18,146,255,1) 0%, rgba(41,130,255,1) 20%, rgba(78,105,255,1) 25%, rgba(101,89,255,1) 30%, rgba(109,83,255,1) 35%, rgba(163,52,250,1) 50%, rgba(223,71,170,1) 65%, rgba(255,98,87,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
<i class="td-messenger td-w-64"></i>