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

8 votes379 views4 answers
What is jumbotron in bootstrap
Html
8 votes332 views1 answer
How to use flaticon in html
Html
8 votes344 views2 answers
Base64 image in html
Html
0 vote312 views2 answers
Was blocked because of a disallowed mime type (“text/html”).
Html
1 vote329 views1 answer
Html white space on both sides of the page
Html
1 vote312 views1 answer
How to show little description on hover html
Html
93 votes366 views6 answers
How to add favicon in html
Html
0 vote318 views1 answer
Mobile menu bootstrap
Html
22 votes325 views4 answers
How to make a clickable image in html
Html
1 vote321 views1 answer
Dont move img html
Html