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

Question

[Ivanushka255]

Вот мой код:

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

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


На мой взгляд на растр похоже

Answer 1

[WapSter]

Потому-что там png закодированная в base64

Comments

[Ivanushka255]

Что делать в таких ситуациях? Качать похожую иконку? Сохранял с макета в формате svg. Не понимаю почему так.

[Кирилл Молчанов]

Ivanushka255, Сохранить можно в каком угодно, но это не изменит того факта, что это растровое изображение. Да, ищите в svg