Aspect Ratio

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#00a5e9" />
        <stop offset="1" stop-color="#15ffce" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="32"
        x2="32"
        y1="58"
        y2="6"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="14"
        x2="14"
        y1="58"
        y2="6"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="50"
        x2="50"
        y1="58"
        y2="6"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="17"
        x2="17"
        y1="58"
        y2="6"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="47"
        x2="47"
        y1="58"
        y2="6"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M32 44.462c2.71 0 5-2.29 5-5s-2.29-5-5-5-5 2.29-5 5 2.29 5 5 5zm0-8c1.626 0 3 1.374 3 3s-1.374 3-3 3-3-1.374-3-3 1.374-3 3-3zM32 29.538c2.71 0 5-2.29 5-5s-2.29-5-5-5-5 2.29-5 5 2.29 5 5 5zm0-8c1.626 0 3 1.374 3 3s-1.374 3-3 3-3-1.374-3-3 1.374-3 3-3z"
    />
    <path
        fill="url(#c)"
        d="M14 57a1 1 0 0 0 1-1V38a1 1 0 1 0-2 0v18a1 1 0 0 0 1 1z"
    />
    <path
        fill="url(#d)"
        d="M50 57a1 1 0 0 0 1-1V38a1 1 0 1 0-2 0v18a1 1 0 0 0 1 1zM50 27a1 1 0 0 0 1-1V8a1 1 0 1 0-2 0v18a1 1 0 0 0 1 1z"
    />
    <g fill="url(#c)">
        <path
            d="M14 21c.26 0 .52-.11.71-.29.18-.19.29-.45.29-.71s-.11-.521-.29-.71c-.37-.37-1.04-.37-1.42 0-.18.189-.29.45-.29.71s.11.52.29.71c.19.18.45.29.71.29zM14 27a1 1 0 0 0 1-1v-2a1 1 0 1 0-2 0v2a1 1 0 0 0 1 1zM14 17a1 1 0 0 0 1-1V8a1 1 0 1 0-2 0v8a1 1 0 0 0 1 1z"
        />
    </g>
    <path fill="url(#e)" d="M8 51h18a1 1 0 1 0 0-2H8a1 1 0 1 0 0 2z" />
    <path
        fill="url(#f)"
        d="M38 51h18a1 1 0 1 0 0-2H38a1 1 0 1 0 0 2zM38 15h18a1 1 0 1 0 0-2H38a1 1 0 1 0 0 2z"
    />
    <path fill="url(#e)" d="M8 15h18a1 1 0 1 0 0-2H8a1 1 0 1 0 0 2z" />
</svg>