Compass

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="512"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5558ff" />
        <stop offset="1" stop-color="#00c0ff" />
    </linearGradient>
    <path
        d="M326 147c0 38.66-31.34 70-70 70s-70-31.34-70-70 31.34-70 70-70 70 31.34 70 70zm-70 0h0zm30-63.173V45c0-16.569-13.431-30-30-30s-30 13.431-30 30v38.827m-41.489 296.825C206.585 384.488 230.376 387 256 387c19.672 0 43.956-1.439 71.536-6.216m58.59-14.454A453.292 453.292 0 0 0 436 347m-360 0c14.026 6.412 30.859 13.158 49.891 19.282m141.657-150.313L369.836 497a134.742 134.742 0 0 0 18.037-125.871l-69.815-191.815m-124.116 0-69.815 191.815A134.742 134.742 0 0 0 142.164 497l102.288-281.031"
        fill="none"
        stroke="url(#a)"
        stroke-width="30"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
    />
</svg>