How to add an svg image to html

Add svg to html

<!-- external svg -->
<img src="mySvgImage.svg" />

<!-- internal svg example -->
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <rect width="100" height="100" x="50" y="50"/>
</svg>

Using svg in html

<img src="image.svg" />

Source: vecta.io

Svg with src in html

<object data="algerie.svg" type="image/svg+xml"></object>

Source: stackoverflow.com

How to add an svg image to html

<body>

<img src="blabla.svg" alt="blabla_is_working">

</body>

Similar codes

15 votes368 views6 answers
Angular ngfor index
Html
1 vote314 views1 answer
Confuse your browser in html
Html
0 vote272 views1 answer
Do you put the author and date in article tag html
Html
0 vote262 views1 answer
How to make a form display in a site
Html
1 vote253 views1 answer
Make link open in new tab
Html
0 vote340 views4 answers
Twig format datetime
Html
4 votes272 views2 answers
Standard html starter code
Html
1 vote275 views1 answer
Summernote
Html
2 votes257 views2 answers
Add image icon bootstrap
Html
3 votes256 views4 answers
Br html
Html