Как сделать стиль для SVG?

Question

[lynnikvadim]

В БД есть запись с ссылкой на svg фаил.
Вывод файла производится с помощью кода: <embed src="{{$Post->svg}}" class="icon" />
Итоге я имею вот такой код:

<embed src="/site/img/category/sedan3.svg" class="icon"   />

Картинка выводится, все хорошо. Но стиль не могу сделать для нее.
Как мне можно стилизовать svg ?

Answer 1

[Павел Волынцев]

Если под стилем подразумевается рамка вокруг картинки, то легко

.icon {
    border: 1px solid red;
}

А если нужен доступ к отдельным линиям, то не используй embed, a вставляй сразу в HTML.
Вот пример: меняется видимость и цвет элементов codepen.io/copist/pen/WvVRRL