Ruler

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 457.237 457.237"
>
    <linearGradient
        id="a"
        x1="-63.311"
        x2="1.147"
        y1="572.436"
        y2="572.436"
        gradientTransform="matrix(8 0 0 -8 526.244 4808.108)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e93e3a" />
        <stop offset=".342" stop-color="#ed683c" />
        <stop offset=".713" stop-color="#f3903f" />
        <stop offset="1" stop-color="#fdc70c" />
    </linearGradient>
    <path
        d="M454.894 104.17 353.062 2.346a8 8 0 0 0-11.312 0L2.342 341.754a8 8 0 0 0 0 11.312L104.166 454.89a8 8 0 0 0 11.312 0l339.416-339.408a8 8 0 0 0 0-11.312zM109.822 437.922 19.318 347.41l22.624-22.624 11.312 11.312 11.312-11.312-11.312-11.312 22.632-22.64 11.312 11.312 11.312-11.312-11.312-11.312 22.624-22.624 11.312 11.32 11.312-11.32-11.312-11.312 22.624-22.624 11.32 11.312 11.312-11.312-11.312-11.328 22.624-22.632 11.32 11.328 11.312-11.312-11.312-11.312 22.632-22.632 11.32 11.32 11.312-11.32-11.32-11.312 22.632-22.624 11.304 11.296 11.32-11.296-11.312-11.312 22.624-22.632 11.32 11.312 11.312-11.312-11.32-11.312 22.624-22.648 11.312 11.32 11.312-11.32-11.312-11.296 22.64-22.624 90.504 90.512-328.104 328.096z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="-63.311"
        x2="1.147"
        y1="588.859"
        y2="588.859"
        gradientTransform="matrix(8 0 0 -8 526.244 4808.108)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e93e3a" />
        <stop offset=".342" stop-color="#ed683c" />
        <stop offset=".713" stop-color="#f3903f" />
        <stop offset="1" stop-color="#fdc70c" />
    </linearGradient>
    <path
        d="M333.822 97.234c0 13.255 10.745 24 24 24s24-10.745 24-24-10.745-24-24-24-24 10.745-24 24zm24-8a8 8 0 1 1 0 16 8 8 0 0 1 0-16z"
        fill="url(#b)"
    />
</svg>