Gaussian Blur doesn't seem -svg

Question

I use an SVG (which include Gaussian blur filter) as the background of a div but the filter part, no part of the svg which overflows the original path seem. As in the picture:

How can I fix it?

My SVG code:

<svg viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
<filter id="glow">
<feGaussianBlur stdDeviation="10"/>
</filter>
<path transform="translate(5 5)" d="M0 0 L15 20 L30 0" style="fill:transparent; stroke:white; stroke-width:3; stroke-linejoin: round; stroke-linecap: round" />
<path filter="url(#glow)"  transform="translate(5 5)" d="M0 0 L15 20 L30 0" style="fill:transparent; stroke:white; stroke-width:3; stroke-linejoin: round; stroke-linecap: round" />
</svg>

CSS Code:

 div::after {
            content:"";
            position:absolute;
            background-image: url(imgs/thic.svg);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            height: 100%;
            right:20px;
            width:40px;
            top:0
        }