Ruler

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 50.78 50.78"
>
    <linearGradient
        id="a"
        x1="25.39"
        x2="25.39"
        y2="50.78"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fdc70c" />
        <stop offset=".36" stop-color="#f3903f" />
        <stop offset=".68" stop-color="#ed683c" />
        <stop offset="1" stop-color="#e93e3a" />
    </linearGradient>
    <g>
        <path
            fill="url(#a)"
            d="M50.39 12.55 38.23.39a1.34 1.34 0 0 0-1.89 0L.39 36.34a1.34 1.34 0 0 0 0 1.89l12.16 12.16a1.34 1.34 0 0 0 1.89 0l36-35.95a1.34 1.34 0 0 0-.05-1.89zM44 17.09l-1.53-1.52a1.34 1.34 0 0 0-1.89 1.89L42.07 19l-2.51 2.51-3.1-3.09a1.34 1.34 0 0 0-1.89 1.89l3.1 3.09-2.52 2.5-1.52-1.53a1.34 1.34 0 0 0-1.89 1.89l1.52 1.53-2.51 2.51-3.09-3.1a1.34 1.34 0 0 0-1.89 1.89l3.09 3.1-2.51 2.51-1.52-1.52a1.32 1.32 0 0 0-1.89 0 1.34 1.34 0 0 0 0 1.89l1.52 1.52L22 39.1 18.86 36A1.34 1.34 0 0 0 17 37.9l3.06 3.1-2.51 2.5L16 42a1.34 1.34 0 0 0-1.89 0 1.32 1.32 0 0 0 0 1.89l1.52 1.52-2.13 2.14L3.23 37.28 37.28 3.23 47.55 13.5z"
        />
    </g>
</svg>