I have many SVG in one HTML page.

Here is how it looks like:

```
<div>
  <svg><path d="M230 ...." /></svg>
</div>
<section id="el2">
  <svg><path d="M230 ...." /></svg>
</section>
<div id="el3">
  <svg><path d="M230 ...." /></svg>
</div>
<p id="el4">
  <svg><path d="M230 ...." /></svg>
</p>
....

```

The `svg` with same path details are in many places on this page.

Without JavaScript, how can I avoid repeating the svg code? Is there any way like this:

```
svg path {d:"M230 .... "}

```

I have tried it but it's not working. What is the best way to improve this?

Thanks