<svg width="200px" height="200px" viewBox="0 0 200 200">
  <!-- center of rotation -->
  <circle cx="50" cy="50" r="3" style="fill: black;"/>

  <!-- non-rotated arrow -->
  <g id="arrow" style="stroke: black;">
    <line x1="60" y1="50" x2="90" y2="50"/>
    <polygon points="90 50, 85 45, 85 55"/>
  </g>

  <!-- rotated around center point -->
  <use xlink:href="#arrow" transform="rotate(, , )"/>
</svg>
Zoom