howe to use an svg code example

Example 1: using svg in html

<img src="image.svg" />

Example 2: style tag svg

<svg width="100%" height="100%" viewBox="0 0 100 100"
     xmlns="http://www.w3.org/2000/svg">
  <style>
    /* <![CDATA[ */
    circle:hover {
      fill: orange;
      stroke: black;
      stroke-width: 10px; // Note that the value of a pixel depend on the viewBox
    }
    /* ]]> */
  </style>

  <circle cx="50" cy="50" r="40" />
</svg>

Example 3: when svg file invented

1998
SVG was developed by the W3C SVG Working Group starting in 1998, after six competing vector graphics submissions were received that year: Web Schematics, from CCLRC.

Tags:

Html Example

Related