Как правильно вставить svg в страницу html?

Question

[elailasou]

Как правильно вставить svg в страницу html?
И посоветуйте хорошие ресурсы по теме, желательно на русском, пожалуйста.

Answer 1

[Farid Shamsutdinov]

1. Чтобы работало во всех браузерах, включая мобильные, то лучше через object:

<object id="graph" name="graph" type="image/svg+xml" data="/file.svg" width="100%" height="100%"></object>

Comments

[Александр Степанов]

Farid Shamsutdinov а как при этом стилями можно задать цвет этому svg?
Что-то мучаюсь, но не выходит

Answer 2

[Юрий Лобанов]

Создайте svg, откройте через браузер, любой, и скопируйте код. Или еще проще - откройте через текстовый редактор и скопируйте код.

Answer 3

[Макс]

Воспользоваться тегом <svg />

Comments

[elailasou]

Можо было вообще не отвечать

[Макс]

Каков вопрос - таков ответ

Answer 4

[Артур]

Шрифтовые изображения и не только: css.yoksel.ru/svg-icons
А на этом ресурсе можно перевести изображения в шрифт: https://icomoon.io/app/ Не на русском, но всё интуитивно понятно.