Curve Ruler

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256.001"
        x2="256.001"
        y1="405.759"
        y2="106.241"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#644b9f" />
        <stop offset=".594" stop-color="#2688be" />
        <stop offset="1" stop-color="#00aed1" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M504 300.868h-62.66v-9.289c0-49.31-19.333-95.798-54.438-130.902-35.104-35.104-81.592-54.436-130.902-54.436s-95.799 19.332-130.902 54.437c-35.104 35.104-54.437 81.592-54.437 130.901v9.289H8.002a8 8 0 0 0-8 8v88.891a8 8 0 0 0 8 8H504a8 8 0 0 0 8-8v-88.891a8 8 0 0 0-8-8zm-8 88.891h-39.109v-11.441a8 8 0 0 0-16 0v11.441h-39.113V369.55a8 8 0 0 0-16 0v20.209h-39.109v-11.441a8 8 0 0 0-16 0v11.441h-39.113V369.55a8 8 0 0 0-16 0v20.209h-39.109v-11.441a8 8 0 0 0-16 0v11.441h-39.109V369.55a8 8 0 0 0-16 0v20.209h-39.112v-11.441a8 8 0 0 0-16 0v11.441H71.112V369.55a8 8 0 0 0-16 0v20.209h-39.11v-72.891h62.659a8 8 0 0 0 8-8v-17.289c0-93.373 75.966-169.338 169.339-169.338 93.374 0 169.34 75.965 169.34 169.338v17.289a8 8 0 0 0 8 8H496zM256 195.131c-53.182 0-96.448 43.267-96.448 96.448v17.289a8 8 0 0 0 8 8h176.897a8 8 0 0 0 8-8v-17.289c0-53.182-43.267-96.448-96.449-96.448zm80.449 105.737H175.552v-9.289c0-44.359 36.089-80.448 80.448-80.448 44.36 0 80.449 36.089 80.449 80.448z"
    />
</svg>