Compass

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 100 101"
>
    <linearGradient
        id="a"
        x1="16.667"
        x2="96.503"
        y1="17.427"
        y2="43.031"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#f5f5f5" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="38.169"
        x2="58.851"
        y1="31.702"
        y2="71.421"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e34311" />
        <stop offset="1" stop-color="#ce3514" />
    </linearGradient>
    <g fill="none">
        <circle cx="50" cy="50.76" r="33.334" fill="url(#a)" />
        <path
            fill="url(#b)"
            d="M39.33 45.648a2 2 0 0 1 .907-1.573l18.551-12.047c1.361-.883 3.153.136 3.088 1.757l-.888 22.245a2 2 0 0 1-.93 1.611l-18.82 11.891c-1.373.867-3.151-.175-3.066-1.795z"
        />
    </g>
</svg>