Browser

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="-38.944"
        x2="-30.462"
        y1="636.725"
        y2="628.244"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M256 170.667c-70.592 0-128 57.408-128 128s57.408 128 128 128 128-57.408 128-128-57.408-128-128-128zm0 234.666c-58.816 0-106.667-47.851-106.667-106.667S197.184 192 256 192s106.667 47.851 106.667 106.667S314.816 405.333 256 405.333z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="-36.117"
        x2="-33.29"
        y1="633.898"
        y2="631.071"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M256 256c-23.531 0-42.667 19.136-42.667 42.667 0 23.531 19.136 42.667 42.667 42.667 23.509 0 42.667-19.136 42.667-42.667C298.667 275.136 279.509 256 256 256zm0 64c-11.776 0-21.333-9.579-21.333-21.333 0-11.755 9.557-21.333 21.333-21.333s21.333 9.579 21.333 21.333c0 11.754-9.557 21.333-21.333 21.333z"
        fill="url(#b)"
    />
    <linearGradient
        id="c"
        x1="-46.557"
        x2="-22.85"
        y1="646.338"
        y2="622.631"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M501.333 0H10.667C4.779 0 0 4.779 0 10.667v490.667C0 507.221 4.779 512 10.667 512h490.667c5.888 0 10.667-4.779 10.667-10.667V10.667C512 4.779 507.221 0 501.333 0zm-10.666 21.333v85.333H21.333V21.333h469.334zM21.333 490.667V128h469.333v362.667H21.333z"
        fill="url(#c)"
    />
    <linearGradient
        id="d"
        x1="-43.41"
        x2="-41.996"
        y1="644.192"
        y2="642.777"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <circle cx="85.333" cy="64" r="21.333" fill="url(#d)" />
    <linearGradient
        id="e"
        x1="-40.41"
        x2="-38.996"
        y1="644.192"
        y2="642.777"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <circle cx="149.333" cy="64" r="21.333" fill="url(#e)" />
    <linearGradient
        id="f"
        x1="-37.41"
        x2="-35.996"
        y1="644.192"
        y2="642.777"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <circle cx="213.333" cy="64" r="21.333" fill="url(#f)" />
</svg>