Не отображаются svg иконки в Google. В чем проблема?

Question

[Влад]

<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>

Comments

[Алекс Глебов]

Хром не отображает иконки из внешнего svg, если страница открыта из файловой системы. Нужно поднимать сервер.

[Алекс Глебов]

bestowhope, ошибка будет, политика безопасности не позволяет.

Answer 1

[Влад]

Иконки отображаются при подключении локального сервера.