Ruler

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 511.646 511.646"
>
    <linearGradient
        id="a"
        x1="255.823"
        x2="255.823"
        y1="0"
        y2="511.646"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#2af598" />
        <stop offset="1" stop-color="#009efd" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M364.242 0 .077 364.165 145.08 511.646l366.488-364.32zM56.407 364.403 93.17 327.64l42.929 42.929 28.284-28.284-42.929-42.929 40.716-40.716 42.929 42.929 28.284-28.284-42.929-42.929 41.859-41.859 42.929 42.929 28.284-28.284-42.929-42.929L364.242 56.568l90.674 90.674-309.512 307.68zm330.835-221.119c0 11.046-8.954 20-20 20s-20-8.954-20-20 8.954-20 20-20 20 8.954 20 20z"
    />
</svg>