Ruler

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="670.165"
    height="670.165"
    viewBox="0 0 502.624 502.624"
>
    <linearGradient
        id="a"
        x1="251.312"
        x2="251.312"
        y1="502.625"
        y2="-.001"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#9f2fff" />
        <stop offset="1" stop-color="#0bb1d3" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M502.625 115.313 387.312 0l-136 136-136-136L0 115.313l136 136-136 136 115.313 115.312 136-136 136 136 115.312-115.313-136-136zM339.312 256l-34.343-34.344-11.313 11.313L328 267.313 315.312 280l-18.343-18.344-11.313 11.313L304 291.313 291.312 304l-34.343-34.344-11.313 11.313L280 315.313 267.312 328l-18.343-18.344-11.313 11.313L256 339.313 243.312 352l-34.343-34.344-11.313 11.313L232 363.313 219.312 376l-18.343-18.344-11.313 11.313L208 387.313 195.312 400l-34.343-34.344-11.313 11.313L184 411.313 171.312 424l-18.343-18.344-11.313 11.313L160 435.313 143.312 452l-48.687-48.688L403.313 94.625 452 143.313 435.312 160l-34.343-34.344-11.313 11.313L424 171.313 411.312 184l-18.343-18.344-11.313 11.313L400 195.313 387.312 208l-34.343-34.344-11.313 11.313L376 219.313 363.312 232l-18.343-18.344-11.313 11.313L352 243.313zm-212.687-36.688 18.344-18.343-11.313-11.313L115.312 208l-12.687-12.688 34.344-34.343-11.313-11.313L91.312 184l-12.687-12.688 18.344-18.343-11.313-11.313L67.312 160l-44.687-44.688 92.688-92.687L240 147.313 147.312 240zm-104 168L387.313 22.625 480 115.313 463.312 132l-60-60L72 403.313l60 60L115.312 480zm457.375 0L387.312 480l-44.687-44.688 34.344-34.343-11.313-11.313L331.312 424l-12.687-12.688 18.344-18.343-11.313-11.313L307.312 400l-12.687-12.688 34.344-34.343-11.313-11.313L283.312 376l-20.687-20.688 92.688-92.687zm0 0"
    />
</svg>