Ruler

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="0"
        x2="512"
        y1="256"
        y2="256"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00f2fe" />
        <stop offset=".021" stop-color="#03effe" />
        <stop offset=".293" stop-color="#24d2fe" />
        <stop offset=".554" stop-color="#3cbdfe" />
        <stop offset=".796" stop-color="#4ab0fe" />
        <stop offset="1" stop-color="#4facfe" />
    </linearGradient>
    <path
        d="M375.367 90.485 356.061 71.18m-51.915 90.525L284.841 142.4m-71.22 71.221 19.305 19.305m-71.221 71.22L142.4 284.841m-71.22 71.22 19.305 19.305M382 382V195.434L195.434 382H382zm110-54.064V83.95c0-56.86-68.746-85.335-108.952-45.129L38.821 383.049C-1.385 423.254 27.091 492 83.95 492h344.228C463.426 492 492 463.426 492 428.178v-.242"
        fill="none"
        stroke="url(#a)"
        stroke-width="40"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
    />
</svg>