Masking question

HTML-CSS
1

Hi,

I want to create a div with linear background. and set mask SVG icon onto it with ::after pseudo class. Mask doesn’t work.

Now I have it like this:

.icon{
    background: linear-gradient(to right, green, yellow);
    height: 50rem;
    width: 50rem;
    margin: 10rem auto;

    &::after{
    content: "";
    display: inline-block;
    mask-image: url(../img/SVG/light-bulb.svg);
    mask-size: cover;
    width: 10rem;
    height: 10rem;
    }
}