Browser

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        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(#a)"
    />
    <linearGradient
        id="b"
        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(#b)" />
    <linearGradient
        id="c"
        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(#c)" />
    <linearGradient
        id="d"
        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(#d)" />
    <linearGradient
        id="e"
        x1="-36.306"
        x2="-33.1"
        y1="633.585"
        y2="630.384"
        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="M291.755 214.016c-5.461-2.027-11.648.704-13.739 6.229l-64 170.667c-2.091 5.525.704 11.669 6.229 13.739a10.52 10.52 0 0 0 3.755.683c4.309 0 8.384-2.645 9.984-6.912l64-170.667c2.069-5.526-.704-11.67-6.229-13.739z"
        fill="url(#e)"
    />
    <linearGradient
        id="f"
        x1="-40.056"
        x2="-36.35"
        y1="633.838"
        y2="630.13"
        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="M212.203 261.888c-2.645-5.269-9.045-7.381-14.315-4.779l-85.333 42.667c-3.605 1.835-5.888 5.525-5.888 9.557s2.283 7.723 5.888 9.536l85.333 42.667a10.754 10.754 0 0 0 4.779 1.131c3.904 0 7.659-2.155 9.536-5.888 2.624-5.269.491-11.669-4.779-14.315l-66.24-33.131 66.24-33.131c5.291-2.623 7.403-9.045 4.779-14.314z"
        fill="url(#f)"
    />
    <linearGradient
        id="g"
        x1="-33.056"
        x2="-29.35"
        y1="633.837"
        y2="630.131"
        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="m399.445 299.797-85.333-42.667c-5.269-2.581-11.669-.491-14.315 4.779-2.624 5.269-.491 11.669 4.779 14.315l66.24 33.131-66.24 33.131c-5.269 2.645-7.403 9.045-4.779 14.315a10.683 10.683 0 0 0 9.536 5.867c1.6 0 3.221-.363 4.779-1.131l85.333-42.667c3.605-1.813 5.888-5.504 5.888-9.536s-2.282-7.723-5.888-9.537z"
        fill="url(#g)"
    />
</svg>