Triangular Ruler

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="11.872"
        x2="344.518"
        y1="58.443"
        y2="556.203"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffe53b" />
        <stop offset="1" stop-color="#ff2525" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-7.403"
        x2="325.243"
        y1="71.324"
        y2="569.084"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-3.197"
        x2="329.45"
        y1="68.513"
        y2="566.273"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-115.623"
        x2="217.023"
        y1="143.646"
        y2="641.406"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-81.06"
        x2="251.587"
        y1="120.548"
        y2="618.308"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="-46.496"
        x2="286.15"
        y1="97.449"
        y2="595.209"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="-11.933"
        x2="320.714"
        y1="74.351"
        y2="572.111"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="22.631"
        x2="355.278"
        y1="51.253"
        y2="549.012"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="57.195"
        x2="389.841"
        y1="28.154"
        y2="525.914"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="91.758"
        x2="424.405"
        y1="5.056"
        y2="502.815"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M46.984 120.484a5 5 0 0 0 5-5v-9a5 5 0 0 0-10 0v9a5 5 0 0 0 5 5z"
        />
        <path
            fill="url(#b)"
            d="M113.787 20.346a40.556 40.556 0 0 0-71.803 25.858v41.38a5 5 0 0 0 10 0v-41.38c0-15.835 10.438-25.235 20.206-28.753 9.767-3.515 23.799-2.928 33.892 9.27l346.86 419.24a30.563 30.563 0 0 1-23.548 50.043H82.534a30.59 30.59 0 0 1-30.55-30.56v-331.06a5 5 0 0 0-10 0v331.06a40.601 40.601 0 0 0 40.55 40.56h346.86a40.563 40.563 0 0 0 31.253-66.417z"
        />
        <path
            fill="url(#c)"
            d="M306.896 438.217a30.416 30.416 0 0 0 23.434-49.803l-166.718-201.51a30.416 30.416 0 0 0-53.85 19.388v201.51a30.45 30.45 0 0 0 30.416 30.415zm-187.134-30.415v-201.51a19.998 19.998 0 0 1 13.5-19.208 21.326 21.326 0 0 1 7.176-1.25 19.648 19.648 0 0 1 15.47 7.445l166.718 201.51a20.415 20.415 0 0 1-15.73 33.428H140.178a20.438 20.438 0 0 1-20.416-20.415z"
        />
        <path
            fill="url(#d)"
            d="M106 446.984a5 5 0 0 0-5 5v46.582a5 5 0 0 0 10 0v-46.582a5 5 0 0 0-5-5z"
        />
        <path
            fill="url(#e)"
            d="M156 446.984a5 5 0 0 0-5 5v46.582a5 5 0 0 0 10 0v-46.582a5 5 0 0 0-5-5z"
        />
        <path
            fill="url(#f)"
            d="M206 446.984a5 5 0 0 0-5 5v46.582a5 5 0 0 0 10 0v-46.582a5 5 0 0 0-5-5z"
        />
        <path
            fill="url(#g)"
            d="M256 446.984a5 5 0 0 0-5 5v46.582a5 5 0 0 0 10 0v-46.582a5 5 0 0 0-5-5z"
        />
        <path
            fill="url(#h)"
            d="M306 446.984a5 5 0 0 0-5 5v46.582a5 5 0 0 0 10 0v-46.582a5 5 0 0 0-5-5z"
        />
        <path
            fill="url(#i)"
            d="M356 446.984a5 5 0 0 0-5 5v46.582a5 5 0 0 0 10 0v-46.582a5 5 0 0 0-5-5z"
        />
        <path
            fill="url(#j)"
            d="M406 446.984a5 5 0 0 0-5 5v46.582a5 5 0 0 0 10 0v-46.582a5 5 0 0 0-5-5z"
        />
    </g>
</svg>