<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg">
  <symbol id="exit" viewBox="0 0 18 19">
    <path d="M8.7,17.9H3.6c-1.4,0-2.5-1.1-2.5-2.4V3.5c0-1.3,1.1-2.4,2.5-2.4h5.1c0.3,0,0.6-0.2,0.6-0.5S9.1,0,8.8,0H3.6C1.6,0,0,1.6,0,3.5v11.9C0,17.4,1.6,19,3.6,19h5.1c0.3,0,0.6-0.2,0.6-0.5S9,17.9,8.7,17.9z" />
    <path d="M17.8,9.1l-3.5-3.5c-0.2-0.2-0.6-0.2-0.8,0c-0.2,0.2-0.2,0.6,0,0.8L16.1,9H4.8C4.5,9,4.3,9.2,4.3,9.5c0,0.3,0.2,0.5,0.6,0.5h11.3l-2.6,2.5c-0.2,0.2-0.2,0.6,0,0.8c0.1,0.1,0.3,0.2,0.4,0.2c0.1,0,0.3-0.1,0.4-0.2l3.5-3.5C18.1,9.7,18.1,9.3,17.8,9.1z" />
  </symbol>
</svg>

<div>
  <svg width="18" height="19">
    <use xlink:href="#exit"></use>
  </svg>
  <span>Text</span>
</div>
svg {
  border: 1px solid red;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.