@Ivanushka255

Не могу изменить заливку svg. В чем проблема?

Вот мой код:
<svg display="none">
		<symbol id="facebook" viewBox="0 0 11 20">
			<g clip-path="url(#clip-244)"><image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAUCAYAAABbLMdoAAABBElEQVQ4T83TyyqFURTA8d9xKzGhvIInMOAtUAwwMHEZ6BAzAxNMjJRymxhKlJDwEp5BKUOJicsRLe1TX9v5ytA322v917fW/u+9K35/TRjGBHrRglfcVzI21lVsoC3/Tw734QbdDTrK4WWsF8BnHOEOtRzewWwBXsVKfZ3D+5hKyRpGcVoGb2EuJd8wgosi3I9WfGEJgyn5gRjjGh14ijEe0IPP5LS5MHOMEvHQeBbwI7oaqcpi2wG/oPMP8GLA82hP7YYwkAqj/SFu057Oc3WbqTj493RHLsvU7WImJQMex0kZvIfpAhw37/ifwweYLDgfS/p+Qrm6tfScwnEc9QKu6sXfhA47SwA74VUAAAAASUVORK5CYII="/></g>
		</symbol>
	</svg>

	<svg class="face_logo">
		<use xlink:href="#facebook"></use>
	</svg>

.face_logo {
	fill: red;
}


Картинка отображается, но своего цвета не меняет. Мне кажется, что дело больше в самой картинке, чем в коде. Вот как она выглядит.
5f382d47e4fbb677884750.png

На мой взгляд на растр похоже
  • Вопрос задан
  • 75 просмотров
Решения вопроса 1
wapster92
@wapster92 Куратор тега CSS
Потому-что там png закодированная в base64
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы