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 votes149 views1 answer
Rotate an image on hover CSS
Html
1 vote145 views1 answer
Use v-model in custom component
Html
-3 votes279 views1 answer
Class#
Html
18 votes154 views2 answers
Visual studio code html template shortcut
Html
6 votes156 views1 answer
React html mouseover
Html
3 votes146 views2 answers
Mdb CDN
Html
0 vote154 views1 answer
Html count django model related_name
Html
15 votes166 views2 answers
Html datetime format
Html
34 votes149 views5 answers
Html tab icon
Html
0 vote146 views1 answer
You must add a reference to assembly 'System.Core, Version=4.0.0.0, Culture=neutral
Html