Svg with src in 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 votes230 views1 answer
How to make an image a full background in html
Html
0 vote212 views2 answers
Javascript input mask
Html
0 vote231 views1 answer
.1
Html
5 votes197 views2 answers
Html disable drag image
Html
0 vote216 views1 answer
Html to flutter
Html
0 vote213 views1 answer
Netlify cms hidden field
Html
0 vote225 views1 answer
Applying padding increases the size of the element
Html
0 vote216 views1 answer
Reverse ol order html
Html
0 vote229 views1 answer
Salesforce lightning aura add red asterick for <lightning:input
Html
7 votes239 views3 answers
How to run an html file
Html