svg掩码在Firefox和IE下不起作用

Question

我使用带有mask-image的svg图标，它在Chrome和Safari下运行良好，但在Firefox和IE或Edge下没有。

    <div class="btn"></div>

    .btn
        position: absolute
        top: 20px
        left: 20px
        background-repeat: no-repeat
        height: 50px
        width: 50px
        background-color: blue
        mask-image: url(arrow-down-light.svg)

对你的所有建议都很感谢！