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

0 vote174 views2 answers
Drupal 8 HTML in type link
Html
0 vote175 views2 answers
Tailwind CSS typography
Html
4 votes174 views4 answers
Selenium print html
Html
5 votes220 views2 answers
How to make radio buttons unselectable
Html
0 vote184 views1 answer
Show and hide div tag based on checkbox selection using javaScript
Html
0 vote191 views1 answer
Fab fa-instagram circle-icon
Html
21 votes158 views3 answers
Image size
Html
0 vote181 views1 answer
Colspan 1.5
Html
236 votes507 views6 answers
Bootstrap cdn link
Html
81 votes309 views5 answers
Html5 form
Html