Svg image tag loading image

Copy & paste the below code to new file and save the file as .svg extension. (eg: rectangle.svg)

 <svg>
  <rect x="10" y="10" width="200" height="90" stroke="blue" fill="#CCC"/>
 </svg>

Simply we can't set svg images as image source in html. So we can use embed or object tag for displaying svg images like

 
 <object data="rect.svg" type="svg+xml"></object>

To view the svg image from your localhost you can specify the following code in your .htaccess file

 
 AddType image/svg+xml svg

 <object data="image.php?id=6961" type="svg+xml"></object>

The topic on Html-tutorial - Svg image tag loading image is posted by - Math

Hope you have enjoyed, Html-tutorial - Svg image tag loading imageThanks for your time

Tech Bluff