@Norum

Почему пропадает SVG элемент после смены цвета заливки?

Хочу поменять цвет заливки элемента на другой. Меняю его в фотошопе, но после обновления иконка пропадает просто пропадает

https://yadi.sk/i/MLPMk4bQZJ3jHg

<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width"/>
		 <link rel="shortcut icon" href="img/favicon.png" type="image/png">
		  <link rel="stylesheet" href="css/style.css">
		 <link rel="stylesheet" href="css/adaptive.css">
		 <link rel="stylesheet" href="css/clear.css">
		 <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
		 <script src="https://kit.fontawesome.com/a34934a34a.js" crossorigin="anonymous"></script>
		 <script src="js/script.js"></script>
		
		<title>Site</title>
	</head>
<body>
	<div class="header block">
		<div class="wrapper">
			<a class="logo" href="index.html"><img src="" alt="logo"></a>
			Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur iure ad, magnam aspernatur impedit porro cupiditate laudantium perferendis ab dolor tempora incidunt. Omnis error perferendis enim iusto deserunt hic, dolor, dicta porro nostrum. Quasi unde, minima sint consequuntur neque, atque.
			
			
			<div class="icons">

				<a href="#"><img src="img/icons/telegram.svg" alt=""></a>
				<a href="#"><img src="img/icons/vk.svg" alt=""></a>
				<a href="#"><img src="img/icons/instagram.svg" alt=""></a>
				<a href="#"><img src="img/icons/facebook.svg" alt=""></a>
				<a href="#"><img src="img/icons/whatsapp.svg" alt=""></a>
			</div>
			
		</div>	
	</div>
		
		
			
</body>
</html>

html, body {
	width: 100%;
	height: 100%;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	line-height: 1.5;
}

.wrapper {
	max-width: 1400px;
	margin: 0 auto 0 auto;
	padding: 0 30px;
}
	
.block {
	margin-bottom: 70px;
}

.header {
	background-color:#100831;

	.wrapper {
		display: flex;
		justify-content: space-between;
		align-items: center
	}

	
}

.logo img {
	height: 180px;
	margin-bottom: -6px;
}

a {
	&.tel {

		font-size: 33px;
		line-height: 32px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.18em;
		color: #ffffff;
	}
}


.icons {
	background-color: #FFF;
	width: 100%;
	img {
		width: 25px;
	}
		
}
  • Вопрос задан
  • 416 просмотров
Решения вопроса 1
@Steppp
Все иконки с сайта artage.io
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы