Ruler

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="511pt"
    height="511pt"
    viewBox="-79 1 511 512"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#e93e3a" />
        <stop offset=".354" stop-color="#ed683c" />
        <stop offset=".705" stop-color="#f3903f" />
        <stop offset="1" stop-color="#fdc70c" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="120.292"
        x2="802.64"
        y1="404.928"
        y2="404.928"
        gradientTransform="matrix(.6709 0 0 -.6709 -79.5 527.668)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="120.292"
        x2="802.64"
        y1="404.928"
        y2="404.928"
        gradientTransform="matrix(.6709 0 0 -.6709 -79.5 527.668)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M96.5 0h-64C14.828 0 .5 14.328.5 32v400c0 3.46 1.121 6.828 3.2 9.598l48 64c5.304 7.07 15.331 8.504 22.402 3.203 1.21-.91 2.289-1.988 3.199-3.203l48-64A15.988 15.988 0 0 0 128.5 432V32c0-17.672-14.328-32-32-32zm0 32v64h-64V32zm-32 437.328-32-42.656V128h64v298.672zm0 0"
    />
    <path
        fill="url(#c)"
        d="M320.5 0h-128c-17.672 0-32 14.328-32 32v448c0 17.672 14.328 32 32 32h128c17.672 0 32-14.328 32-32V32c0-17.672-14.328-32-32-32zm-128 480V32h128v48h-32c-8.836 0-16 7.164-16 16s7.164 16 16 16h32v48h-32c-8.836 0-16 7.164-16 16s7.164 16 16 16h32v48h-48c-8.836 0-16 7.164-16 16s7.164 16 16 16h48v48h-32c-8.836 0-16 7.16-16 16 0 8.836 7.164 15.996 16 15.996h32v48h-32c-8.836 0-16 7.164-16 16s7.164 16 16 16h32v48h-128zm0 0"
    />
</svg>