Ruler

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 355.483 355.483"
>
    <path
        d="M-33.792 135.084h413.396v75.612H-33.792z"
        transform="rotate(-134.999 172.907 172.892)"
        fill="#77b8e8"
    />
    <path
        d="M317.033 286.098h13.709v75.611h-13.709z"
        transform="rotate(45.001 323.893 323.901)"
        fill="#009bde"
    />
    <path
        d="M48.391 9.587h11.622v42.801H48.391z"
        transform="rotate(-134.999 54.202 30.988)"
        fill="#333e48"
    />
    <path
        d="M74.208 32.999H85.83v31.225H74.208z"
        transform="rotate(-134.999 80.02 48.611)"
        fill="#333e48"
    />
    <path
        d="M91.827 53.021h11.622v42.801H91.827z"
        transform="rotate(-134.999 97.639 74.422)"
        fill="#333e48"
    />
    <path
        d="M117.638 76.433h11.62v31.225h-11.62z"
        transform="rotate(-134.999 123.448 92.046)"
        fill="#333e48"
    />
    <path
        d="M135.266 96.455h11.623v42.802h-11.623z"
        transform="rotate(-134.999 141.078 117.857)"
        fill="#333e48"
    />
    <path
        d="M161.079 119.868h11.62v31.225h-11.62z"
        transform="rotate(-134.999 166.89 135.48)"
        fill="#333e48"
    />
    <path
        d="M178.706 139.889h11.62v42.802h-11.62z"
        transform="rotate(-134.999 184.517 161.29)"
        fill="#333e48"
    />
    <path
        d="M204.508 163.303h11.62v31.225h-11.62z"
        transform="rotate(-134.999 210.319 178.917)"
        fill="#333e48"
    />
    <path
        d="M222.131 183.325h11.62v42.802h-11.62z"
        transform="rotate(-134.999 227.942 204.727)"
        fill="#333e48"
    />
    <path
        d="M247.925 206.739h11.618v31.226h-11.618z"
        transform="rotate(-134.999 253.735 222.353)"
        fill="#333e48"
    />
    <path
        d="M265.56 226.76h11.62v42.801h-11.62z"
        transform="rotate(-134.991 271.37 248.162)"
        fill="#333e48"
    />
    <path
        d="M308.977 270.195h11.62v42.801h-11.62z"
        transform="rotate(-134.999 314.788 291.597)"
        fill="#333e48"
    />
    <path
        d="M291.364 250.172h11.62v31.227h-11.62z"
        transform="rotate(-135.008 297.175 265.787)"
        fill="#333e48"
    />
</svg>