Gymnastic Rings

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="-33.5"
        x2="510.394"
        y1="545.5"
        y2="1.606"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-89.5"
        x2="454.394"
        y1="489.5"
        y2="-54.394"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-1"
        x2="542.894"
        y1="578"
        y2="34.106"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M496 8h-48a8 8 0 0 0-8 8v24H72V16a8 8 0 0 0-8-8H16a8 8 0 0 0-8 8v480a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8V88h96v80c0 .19.02.39.03.58a56 56 0 1 0 15.94 0c.01-.19.03-.39.03-.58V88h144v97c0 .19.02.39.03.58a56 56 0 1 0 15.94 0c.01-.19.03-.39.03-.58V88h96v408a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8V16a8 8 0 0 0-8-8zM56 488H24V24h32zm160-264a40 40 0 1 1-40-40 40.04 40.04 0 0 1 40 40zm160 17a40 40 0 1 1-40-40 40.04 40.04 0 0 1 40 40zm64-169H72V56h368zm48 416h-32V24h32z"
    />
    <path
        fill="url(#b)"
        d="M144 224a32 32 0 1 0 32-32 32.036 32.036 0 0 0-32 32zm48 0a16 16 0 1 1-16-16 16.019 16.019 0 0 1 16 16z"
    />
    <path
        fill="url(#c)"
        d="M304 241a32 32 0 1 0 32-32 32.036 32.036 0 0 0-32 32zm48 0a16 16 0 1 1-16-16 16.019 16.019 0 0 1 16 16z"
    />
</svg>