Reuse SVG Element

Created: 2023-07-09

Today I learned that reusable svg elements is a thing. Define it:

<svg style="display: none;" version="2.0">
  <defs>
    <symbol id="triangle" viewBox="0 0 24 24" fill="none">
      <path d="..." >
    </symbol>
  </defs>
  <use href="#triangle"/>
</svg>

Use it:

 <svg version="2.0">
  <use href="#triangle" />
</svg>