Я знаю его старое сообщение, но просто для устранения этой проблемы ... вы просто используете свои классы не в том месте: D
Прежде всего вы можете использовать
svg { fill: red; }
в вашем main.css
, чтобы он был красным. Это имеет эффект. Вы также можете использовать селектора узлов, чтобы получить конкретные патчи.
Во-вторых, вы объявили класс в img
-Tag.
<img class='socIcon'....
Вы действительно должны объявить его внутри своего SVG. если у вас есть разные пути, которые вы могли бы определить больше, конечно.
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="stylesheets/main.css" type="text/css"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56.69 56.69">
<g>
<path class="myClassForMyPath" d="M28.44......./>
</g>
</svg>
теперь вы можете изменить цвет в своем main.css
, например
.myClassForMyPath {
fill: yellow;
}