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

4 votes158 views2 answers
Html hosting free
Html
19 votes153 views1 answer
Font tag html
Html
1 vote149 views1 answer
Svelte for loop
Html
0 vote143 views2 answers
Mark html element
Html
0 vote140 views1 answer
React router preventing assets from being served
Html
0 vote148 views1 answer
Web application vs website
Html
8 votes137 views1 answer
TypeError: Illegal invocation
Html
1 vote181 views2 answers
Action form for this page in html
Html
24 votes155 views4 answers
Bootstrap button outline
Html
0 vote134 views1 answer
Asp.net get innerhtml of div
Html