Responsive Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <pattern
        id="a"
        width="24.91"
        height="24.92"
        x="1232.5"
        y="1804.798"
        patternUnits="userSpaceOnUse"
        viewBox="0 -24.92 24.91 24.92"
    >
        <path fill="none" d="M0-24.92h24.91V0H0z" />
        <path fill="#fed480" d="M0-24.92h24.91V0H0z" />
    </pattern>
    <pattern
        id="c"
        width="24.91"
        height="24.92"
        x="1232.5"
        y="1804.798"
        patternUnits="userSpaceOnUse"
        viewBox="0 -24.92 24.91 24.92"
    >
        <path fill="none" d="M0-24.92h24.91V0H0z" />
        <path fill="#f59977" d="M0-24.92h24.91V0H0z" />
    </pattern>
    <pattern
        id="b"
        width="24.91"
        height="24.92"
        x="1232.5"
        y="1804.798"
        patternUnits="userSpaceOnUse"
        viewBox="0 -24.92 24.91 24.92"
    >
        <path fill="none" d="M0-24.92h24.91V0H0z" />
        <path fill="#92e6fd" d="M0-24.92h24.91V0H0z" />
    </pattern>
    <pattern
        id="d"
        width="24.91"
        height="24.92"
        x="1232.5"
        y="1804.798"
        patternUnits="userSpaceOnUse"
        viewBox="0 -24.92 24.91 24.92"
    >
        <path fill="none" d="M0-24.92h24.91V0H0z" />
        <path fill="#021938" d="M0-24.92h24.91V0H0z" />
    </pattern>
    <linearGradient
        id="e"
        x1="256"
        x2="256"
        y1="511"
        y2="1"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#cadfef" />
        <stop offset="1" stop-color="#eff4f9" />
    </linearGradient>
    <pattern
        id="f"
        patternTransform="matrix(1.515 1.911 1.21 -1.526 18975.201 -8007.759)"
        href="#a"
    />
    <pattern id="g" patternTransform="translate(11.099 9.843)" href="#b" />
    <pattern id="h" patternTransform="translate(11.099 9.843)" href="#c" />
    <pattern id="i" patternTransform="translate(11.099 9.843)" href="#c" />
    <pattern
        id="j"
        patternTransform="matrix(6.659 -8.674 -8.436 -3.254 -33758.633 -138824.969)"
        href="#d"
    />
    <pattern
        id="k"
        patternTransform="matrix(6.659 -8.674 -8.436 -3.254 -33758.633 -138824.969)"
        href="#d"
    />
    <circle cx="256" cy="256" r="255" fill="url(#e)" />
    <path
        fill="url(#f)"
        d="M175.744 390.732a12.671 12.671 0 0 1-12.688 12.689H94.952a12.672 12.672 0 0 1-12.689-12.689V232.769a12.671 12.671 0 0 1 12.689-12.688h68.103a12.67 12.67 0 0 1 12.688 12.688v157.963z"
    />
    <path
        fill="#fff"
        d="m159.7 220.081-5.14 12.398c-1.525 3.679-4.881 6.042-8.579 6.042h-33.926c-3.692 0-7.043-2.355-8.572-6.025L98.31 220.08h61.39z"
    />
    <path
        fill="url(#g)"
        d="M429.736 133.79v211.922c0 10.116-8.219 18.336-18.336 18.336H175.739v-131.28c0-7.012-5.69-12.703-12.702-12.703h-67.02V133.79c0-10.116 8.162-18.336 18.278-18.336h297.106c10.116 0 18.335 8.219 18.335 18.336z"
    />
    <path
        fill="url(#h)"
        d="M429.736 322.203v23.508c0 10.116-8.219 18.336-18.336 18.336H175.739v-41.844z"
    />
    <path
        fill="url(#i)"
        d="M292.541 364.024c1.974 9.884 5.142 20.186 9.964 30.265 2.026 4.235-.976 9.131-5.671 9.131h-67.956c-4.695 0-7.697-4.896-5.671-9.131 4.821-10.079 7.99-20.381 9.964-30.265h59.37z"
    />
    <path
        fill="url(#j)"
        d="M433.94 133.79c0-12.427-10.111-22.538-22.538-22.538H114.295c-12.396 0-22.481 10.111-22.481 22.538v82.405c-7.817 1.478-13.754 8.335-13.754 16.575v157.963c0 9.312 7.577 16.89 16.893 16.89h68.101c9.315 0 16.893-7.577 16.893-16.89v-22.481h47.938c-2.055 8.541-4.864 16.686-8.467 24.221-3.374 7.039 1.691 15.149 9.46 15.149h67.956c7.778 0 12.824-8.113 9.463-15.147-3.607-7.539-6.416-15.684-8.47-24.224h113.575c12.427 0 22.538-10.111 22.538-22.541V133.79zm-333.719 0c0-7.791 6.313-14.131 14.074-14.131h297.107c7.791 0 14.131 6.341 14.131 14.131v184.212H179.947V232.77c0-9.351-7.622-16.909-16.909-16.909h-62.817zm53.187 90.494-2.731 6.584c-.87 2.096-2.712 3.451-4.696 3.451h-33.927c-1.981 0-3.823-1.349-4.693-3.44l-2.747-6.595zm9.646 174.932H94.953c-4.679 0-8.486-3.807-8.486-8.483V232.77c0-4.679 3.807-8.486 8.486-8.486h.552l4.095 9.83c2.181 5.232 7.068 8.612 12.454 8.612h33.927c5.391 0 10.284-3.388 12.462-8.636l4.064-9.805h.547c4.672 0 8.48 3.795 8.48 8.483 0 218.204-.002 35.984.005 157.966.001 4.675-3.805 8.482-8.485 8.482zm135.658-3.112c.689 1.436-.268 3.111-1.877 3.111h-67.956c-1.606 0-2.571-1.669-1.877-3.111 4.137-8.657 7.349-18.01 9.569-27.852h52.573c2.216 9.84 5.428 19.195 9.568 27.852zm126.821-50.393c0 7.794-6.341 14.134-14.131 14.134-.62 0-142.127-.02-231.455 0v-33.438h245.586z"
    />
    <path
        fill="url(#k)"
        d="M248.893 347.304h27.926a4.204 4.204 0 0 0 0-8.406h-27.926a4.204 4.204 0 0 0 0 8.406z"
    />
</svg>