Trying to add linear gradient to a martialUI icon

Question

I\'m trying to add a linear gradient to a material UI icon using the background-clip property but it just doesn\'t show up?

.social-icon{
    background: line