Responsive Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 50 50"
>
    <linearGradient
        id="a"
        x1="22.737"
        x2="27.752"
        y1="-2.842"
        y2="58.901"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".118" stop-color="#f0709b" />
        <stop offset=".957" stop-color="#ed3982" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="2195.084"
        x2="2226.727"
        y1="-1090.195"
        y2="-1090.195"
        gradientTransform="rotate(90 563.183 -1623.539)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".034" stop-color="#69acde" />
        <stop offset=".527" stop-color="#6b7fbe" />
        <stop offset=".957" stop-color="#69acde" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="2035.791"
        x2="2061.098"
        y1="-1098.258"
        y2="-1098.258"
        gradientTransform="rotate(90 469.82 -1551.274)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffcb46" />
        <stop offset="1" stop-color="#fcb63a" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M19.79 48.419C9.04 46.049.99 36.449.99 24.989c0-13.25 10.75-24 24-24 10.48 0 19.28 6.68 22.59 15.9 6.312 17.62-9.22 35.641-27.79 31.53z"
    />
    <path
        fill="url(#b)"
        d="M39.09 40.005h-18.5a1.84 1.84 0 0 1-1.842-1.84V10.203a1.84 1.84 0 0 1 1.842-1.84h18.5a1.84 1.84 0 0 1 1.842 1.84v27.964a1.84 1.84 0 0 1-1.842 1.84z"
    />
    <path
        fill="#3b3e42"
        d="M40.932 38.166v-2.524H18.748v2.524a1.84 1.84 0 0 0 1.842 1.84h18.5a1.84 1.84 0 0 0 1.842-1.84zM40.932 10.202v2.523H18.748v-2.523a1.84 1.84 0 0 1 1.842-1.84h18.5a1.84 1.84 0 0 1 1.842 1.84z"
    />
    <g fill="#2c2f33">
        <path
            d="M32.364 11.073h-5.046a.53.53 0 1 1 0-1.059h5.046a.53.53 0 0 1 0 1.059zM31.261 38.785h-2.84a.962.962 0 0 1-.962-.96c0-.53.431-.962.962-.962h2.84a.96.96 0 0 1 0 1.922z"
        />
    </g>
    <path
        fill="url(#c)"
        d="M9.068 16.501v21.363c0 1.482.66 2.141 1.473 2.141h12.525c.814 0 1.473-.659 1.473-2.141V16.5z"
    />
    <path
        fill="#fff"
        d="M24.539 38.534v-2.018H9.069v2.018c0 .812.658 1.471 1.472 1.471h12.525c.814 0 1.473-.659 1.473-1.471zM24.539 16.17v1.347H9.069v-1.348c0-.812.658-1.47 1.472-1.47h12.525c.814 0 1.473.658 1.473 1.47z"
    />
    <path
        fill="#ececec"
        d="M18.65 16.549h-3.691a.372.372 0 1 1 0-.743h3.69a.372.372 0 0 1 0 .743zM16.804 39.029a.77.77 0 0 1 0-1.537.768.768 0 0 1 0 1.537z"
    />
    <path
        fill="#fff"
        d="M16.801 10.839c-.712 0-1.287.577-1.287 1.287 0-.711-.576-1.287-1.287-1.287.708 0 1.287-.574 1.287-1.288 0 .711.578 1.288 1.287 1.288z"
    />
    <g fill="#fff">
        <path
            d="M46.44 25.3c-.618 0-1.116.5-1.116 1.116 0-.617-.5-1.116-1.116-1.116.614 0 1.116-.497 1.116-1.116 0 .616.5 1.116 1.116 1.116zM43.476 19.804a.558.558 0 0 0-.558.558.558.558 0 0 0-.558-.558.558.558 0 0 0 .558-.558c0 .308.25.558.558.558zM5.629 28.767c-.604 0-1.091.49-1.091 1.091a1.09 1.09 0 0 0-1.09-1.09c.6 0 1.09-.487 1.09-1.092 0 .603.49 1.091 1.09 1.091z"
        />
    </g>
    <path
        fill="#fff"
        d="M30.21 4.647a.854.854 0 0 0-.855.854.854.854 0 0 0-.854-.854c.47 0 .854-.38.854-.854 0 .471.384.854.854.854zM7.25 32.83a.558.558 0 0 0-.557.557.558.558 0 0 0-.558-.558.558.558 0 0 0 .558-.558c0 .308.25.558.558.558zM7.808 19.65a.558.558 0 0 0-.558.559.558.558 0 0 0-.557-.558.558.558 0 0 0 .557-.558c0 .308.25.558.558.558zM23.33 3.376a.558.558 0 0 0-.558.558.558.558 0 0 0-.558-.558.558.558 0 0 0 .558-.558c0 .308.25.558.558.558z"
    />
</svg>