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

6 votes184 views2 answers
Html video image
Html
0 vote294 views1 answer
Vuejs conditional rendering paragraph not working
Html
0 vote192 views1 answer
Html form using http
Html
0 vote205 views1 answer
<iframe width="480" height="440" src="https://statpedia.com/embed/HJRkNdPtd" frameborder="0" allowfullscreen></iframe>
Html
0 vote186 views1 answer
Default wp_new_user_notification_email
Html
0 vote247 views1 answer
How to check password and retype password in html
Html
0 vote187 views1 answer
Two divs in the same place
Html
12 votes193 views3 answers
Bootstrap cards with image
Html
0 vote211 views1 answer
Online apollo graphql explorer
Html
0 vote184 views1 answer
How to find total height of single page page in html
Html