<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>