Teemr Icons SVG Sprite Example

  <svg class="is-narrative" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g id="icon-heart" viewBox="0 0 21 21" fill-rule="evenodd">
      <title>Heart</title>
      <path id="a" d="M19.137 11.078c-.474.653-1.328 1.653-1.9 2.223l-5.7 5.704c-.57.57-1.503.57-2.073 0L3.762 13.3c-.57-.57-1.425-1.57-1.9-2.222 0 0-.862-1.188-.862-2.742C1 5.39 3.39 3 6.336 3c1.516 0 2.885.632 3.856 1.647l.108.113c.11.13.29.13.4 0l.108-.113C11.778 3.632 13.148 3 14.664 3 17.61 3 20 5.39 20 8.336c0 1.554-.863 2.742-.863 2.742z"/>
    </g>
    <g id="icon-loop" viewBox="0 0 21 21" fill-rule="evenodd">
      <title>Loop</title>
      <path id="a" d="M18.518 16.254l-5.07-5.07c.517-.9.815-1.942.815-3.052 0-3.38-2.75-6.132-6.13-6.132C4.75 2 2 4.75 2 8.132c0 3.38 2.75 6.132 6.132 6.132 1.074 0 2.085-.278 2.962-.766l5.09 5.09c.32.322.744.483 1.167.483.424 0 .846-.16 1.168-.482.643-.644.643-1.69 0-2.334z"/>
    </g>
    <g id="icon-pen" viewBox="0 0 21 21" fill-rule="evenodd">
      <title>Pen</title>
      <path id="a" d="M2.747 18.66c1.34-1.324 4.836-4.818 5.913-5.895.226-.227.358-.265.66-.15.53.17 1.134.055 1.55-.36.585-.586.585-1.53 0-2.116-.586-.587-1.53-.587-2.116 0-.434.415-.548 1.038-.34 1.567.094.264.076.397-.132.604-1.077 1.078-4.61 4.592-5.95 5.933-.303.302-.416.17-.265-.283C3.01 14.975 5.24 8.174 6.015 7.4c1.776-1.776 4.345-1.568 5.478-1.757.246-.038.472-.19.7-.378l3.57 3.552c-.208.226-.34.453-.378.7-.208 1.132 0 3.663-1.776 5.44-.813.755-7.576 3.022-10.58 3.985-.472.132-.586.038-.283-.283zM16.31 8.627l-.17-.17-3.59-3.59-.188-.188c-.283-.284-.245-.813.114-1.153l1.21-1.21c.32-.377.85-.414 1.15-.13l3.968 3.966c.283.283.246.812-.113 1.152l-1.208 1.228c-.36.34-.888.397-1.172.095z"/>
    </g>
  </svg>