Use SVG Files in a Webpage

The svg files are Scalable Vector Graphics. You can add it to a web page using the <img>, <iframe>, <object> or <embed> tag.

The .svg file is to be referenced in the src attribute of the <img> tag. Let’s see how to add it using the <img> tag.

You can try to run the following code to learn how to use .svg files in a web page. We have a smiley.svg file −

<!DOCTYPE html>
<html>
   <head>
      <title>HTML SVG</title>
   </head>

   <body>
      <h1>Design</h1>
      <img src=
         "https://www.tutorialspoint.com/html5/src/svg/extensions/imagelib/smiley.svg"
         id="demo" alt="smiley">
   </body>
</html>
Updated on: 2020-06-26T06:33:18+05:30

667 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements