IE10 IE9 IE8 gray filter using inline generated svg

ie10_gray_img.php

<?php

$thumbnail_id = get_post_thumbnail_id();
                    $thumbnail_url = get_the_post_thumbnail_url( get_the_ID(), $thumb_size );

                    $html .= '<div '.qode_get_inline_style($overlay_styles).' class="portfolio_shader"></div>';
                    $html .= '<div class="image_holder">';
                    $html .= '<span class="image">';
                    if ((preg_match('/MSIE\s(?P<v>\d+)/i', @$_SERVER['HTTP_USER_AGENT'], $A) && $A['v'] <= 11) || preg_match('/Trident/i', @$_SERVER['HTTP_USER_AGENT'], $B)) {
                        $html .= '<svg xmlns="http://www.w3.org/2000/svg" id="svgroot-' . $thumbnail_id . '" viewBox="0 0 476 401" width="476" height="401" style="background-image:url(' . $thumbnail_url . ')">
                                      <defs>
                                         <filter id="filtersPicture-' . $thumbnail_id . '">
                                           <feComposite result="inputTo_' . $thumbnail_id . '" in="SourceGraphic" in2="SourceGraphic" operator="arithmetic" k1="0" k2="1" k3="0" k4="0" />
                                           <feColorMatrix id="filter_' . $thumbnail_id . '" type="saturate" values="0" data-filterid="' . $thumbnail_id . '" />
                                        </filter>
                                      </defs>
                                      <image filter="url(&quot;#filtersPicture-' . $thumbnail_id . '&quot;)" x="0" y="0" width="476" height="401" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="' . $thumbnail_url . '" />
                                </svg>';
                    } else {
                        $html .= get_the_post_thumbnail( get_the_ID(), $thumb_size );
                    }

                    $html .= '</span>';