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

5 votes370 views4 answers
Javascript check if input is empty
Html
1 vote304 views1 answer
No history input html
Html
2 votes308 views1 answer
Corona virus cases utah
Html
0 vote294 views1 answer
Apit teks Selamat Datang di Progate dengan tag <h1>.
Html
0 vote349 views1 answer
Reading html file and writing response.write nodejs
Html
0 vote302 views1 answer
How to turn og suggensttions in html input
Html
2 votes303 views2 answers
Progress-bar-success bootstrap 4
Html
10 votes325 views1 answer
Turn of sujestion in input
Html
0 vote280 views1 answer
Como colocar conteudo dentro das imagens html
Html
12 votes336 views3 answers
Vue v-model
Html