<!doctype html>
<html>
<head>
<style>
#arrow {
stroke: black;
stroke-width: 1;
fill: none;
stroke-linecap: round;
}
</style>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg"
width="200"
height="200"
viewBox="-15 -15 30 30"
>
<circle r="3" />
<path id="arrow" d="M 0 0 L 0 13
M 0 13 l 2 -2
M 0 13 l -2 -2" />
<use href="#arrow" transform="rotate(45)" />
<use href="#arrow" transform="rotate(90)" />
<use href="#arrow" transform="rotate(135)" />
<use href="#arrow" transform="rotate(180)" />
<use href="#arrow" transform="rotate(225)" />
<use href="#arrow" transform="rotate(270)" />
<use href="#arrow" transform="rotate(315)" />
</svg>
</body>
</html>
if you could make it turn with the arrow keys, that would be cool
From the dark depths of Chaos - a new piece of content comes forth for you to consume:
https://lemmy.sdf.org/post/44711759