Google svg icons not showing up. What is the problem?

Question

css

<section class="extras">
          <div class="extras__col">
            <a class="extras__best" href="#">Лучшие принты <br> 2020 года</a>
          </div>
          <div class="extras__col">
            <div class="extras__col-socials">
              <ul class="socials">
                <li class="socials__item">
                  <a href="#" class="socials__link">
                    <svg class="socials__icon">
                      <use xlink:href="./img/icons-sprite.svg#fb"></use>
                    </svg>
                  </a>
                </li>

                <li class="socials__item">
                  <a href="#" class="socials__link">
                    <svg class="socials__icon">
                      <use xlink:href="./img/icons-sprite.svg#twitter"></use>
                    </svg>
                  </a>
                </li>

                <li class="socials__item">
                  <a href="#" class="socials__link">
                    <svg class="socials__icon">
                      <use xlink:href="./img/icons-sprite.svg#insta"></use>
                    </svg>
                  </a>
                </li>

                <li class="socials__item">
                  <a href="#" class="socials__link">
                    <svg class="socials__icon">
                      <use xlink:href="./img/icons-sprite.svg#pin"></use>
                    </svg>
                  </a>
                      </li>

              </ul>
            </div>
          </div>
        </section>

Answer 1

Icons are displayed when a local server is connected.