Gradient background for icon

[fevcap]

Hi, I would like to fill an icon with a gradient color. Here is the CSS I am trying (and it’s not working):
$el .x-icon-bars {
background: linear-gradient(33deg, rgba(241, 161, 86, .90) 10%, rgba(239, 224, 73, .4) 20%, rgba(255, 255, 255, .3) 50%, rgba(31, 106, 157, .5) 95%);
}
The icon I have opted for is the collapsed menu “burger” bars.
Your help in implementing would be appreciated!

[friech]

Hi @fevcap,

Thank you for writing in, you got the wrong selector, try $el.x-anchor.x-anchor-toggle instead.

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Cheers!

[fevcap]

Thanks for your help!

[rad]

You’re most welcome!