Online Class

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="0"
        x2="512"
        y1="256"
        y2="256"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#80d8ff" />
        <stop offset="1" stop-color="#ea80fc" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M492 344h-18.667V109.333c0-33.084-26.916-60-60-60H98.667c-33.084 0-60 26.916-60 60V344H20c-11.046 0-20 8.954-20 20 0 54.405 44.262 98.667 98.667 98.667h314.667C467.738 462.667 512 418.405 512 364c0-11.046-8.954-20-20-20zM78.667 109.333c0-11.028 8.972-20 20-20h314.667c11.028 0 20 8.972 20 20V344h-80.706c-5.375-26.007-21.02-48.298-42.487-62.443C353.509 234.53 319.889 158 256 158c-63.957 0-97.478 76.563-54.14 123.557-21.467 14.145-37.112 36.437-42.487 62.443H78.667zm143.666 122.334C222.333 213.103 237.436 198 256 198s33.667 15.103 33.667 33.667-15.103 33.666-33.667 33.666-33.667-15.102-33.667-33.666zM256 305.333c25.328 0 46.956 16.136 55.152 38.667H200.848c8.196-22.531 29.824-38.667 55.152-38.667zm157.333 117.334H98.667c-25.33 0-46.961-16.134-55.156-38.667H468.49c-8.196 22.533-29.827 38.667-55.157 38.667z"
    />
</svg>