Ruler

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 100 100"
>
    <linearGradient
        id="a"
        x1="50"
        x2="50"
        y1="5"
        y2="95"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f44369" />
        <stop offset="1" stop-color="#3e3b92" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="m94.121 26.879-21-21a2.998 2.998 0 0 0-4.242 0l-63 63a2.998 2.998 0 0 0 0 4.242l21 21c.586.586 1.353.879 2.121.879s1.535-.293 2.121-.879l63-63a2.998 2.998 0 0 0 0-4.242zM83 33.758l-6.879-6.879c-1.172-1.172-3.07-1.172-4.242 0s-1.172 3.07 0 4.242L78.758 38 74 42.758l-9.879-9.879c-1.172-1.172-3.07-1.172-4.242 0s-1.172 3.07 0 4.242L69.758 47 65 51.758l-6.879-6.879c-1.172-1.172-3.07-1.172-4.242 0s-1.172 3.07 0 4.242L60.758 56 56 60.758l-9.879-9.879c-1.172-1.172-3.07-1.172-4.242 0s-1.172 3.07 0 4.242L51.758 65 47 69.758l-6.879-6.879c-1.172-1.172-3.07-1.172-4.242 0s-1.172 3.07 0 4.242L42.758 74 38 78.758l-9.879-9.879c-1.172-1.172-3.07-1.172-4.242 0s-1.172 3.07 0 4.242L33.758 83 29 87.758 12.242 71 71 12.242 87.758 29z"
    />
</svg>