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 vote164 views1 answer
Formatting code with <pre> tag in React and JSX
Html
1 vote152 views1 answer
Input text expand to fit content
Html
13 votes164 views2 answers
Html button redirect
Html
0 vote149 views1 answer
Html get button text
Html
1 vote160 views2 answers
V-for i down
Html
2 votes159 views1 answer
M3u8 ffmpeg download
Html
28 votes154 views6 answers
Css animation
Html
0 vote154 views1 answer
Js coding practices airbnb
Html
1 vote114 views1 answer
Django python variable in html
Html
0 vote157 views1 answer
Pills vertically with content on right
Html