Why is svg not showing up in IE11 on Win10?

Question

css

Hey! Actually, the question is in the title.
Read more: I'm loading a page in IE11 on Win10 and nothing is showing up. And the logo from the same sprite is displayed perfectly. What can be wrong?
And on my win7, too, all svg icons are displayed normally.
I connect like this:

<svg role="img" class="benefit-icon">
      <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#smell"></use>
</svg>

PS
I have identified the problem. I have slickjs connected and when it is initialized, for some reason my icons disappear.
The code:

var value = sliderUIValue,
      productItemNotPurple = $('.product-item:not(.purple)'),
      productItemWithPurple = $('.product-item.purple');

  $('#products').on('init', function (slick) {

    productItemWithPurple.find('.main__packet').css('opacity', 1);

  }).on('beforeChange', function (event, slick, currentSlide, nextSlide) {

    var $productItem = $(slick.$slides.get(currentSlide));
    $productItem.find('.main__packet').css('opacity', 0);

  }).on('afterChange', function (event, slick, currentSlide, nextSlide) {

    var $productItem = $(slick.$slides.get(currentSlide));

    $productItem.find('.main__packet').css('opacity', 1);

    value = sliderUIValue;

    fromSliderUI = false;
    fromMousewheel = false;

  }).slick({
    dots: false,
    arrows: false,
    centerMode: true,
    fade: true,
    autoplay: false,
    //autoplaySpeed: 5000,
    swipe: false,
    infinite: false
  })

Answer 1

Because there is not IE11, but Edge. It's like a slightly different browser.

Answer 2

There is such a "feature" in SVG. You use use there, so if the original that you use (#smell) should be wary or, for example, visibility: hidden, then the icon will not be displayed. By the way, this garbage can be not only in IE.