Check out example codes for "change icon color to gradient css". It will help you in understanding the concepts better.

Code Example 1

.fa-gradient {
	background: -webkit-gradient(linear, left top, left bottom, from(#f00), to(#333));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

Learn ReactJs, React Native from akashmittal.com