Online Class

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="8.87"
        x2="31.03"
        y1="35.18"
        y2="16"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f2551c" />
        <stop offset="1" stop-color="#ffd432" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-.84"
        x2="21.33"
        y1="23.97"
        y2="4.79"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M28 22.06a6.87 6.87 0 0 0-1.72-1.26 5 5 0 1 0-6.45 0 6.89 6.89 0 0 0-3.37 3.87A6.82 6.82 0 0 0 16 27v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2a6.89 6.89 0 0 0-2-4.94zM23 14a3 3 0 0 1 0 6 3 3 0 0 1 0-6zm5 14H18v-1a5 5 0 0 1 5-5 4.88 4.88 0 0 1 1.68.3 4.81 4.81 0 0 1 1.86 1.17A5 5 0 0 1 28 27z"
        />
        <path
            fill="url(#b)"
            d="M20 6a1 1 0 1 1 1 1 1 1 0 0 1-1-1zm-4 15a1 1 0 1 0 1 1 1 1 0 0 0-1-1zm-3 0a1 1 0 1 0 1 1 1 1 0 0 0-1-1zm-7-1h10a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM26 3v10.54a1 1 0 0 1-.5.87 1 1 0 0 1-1 0A3 3 0 0 0 23 14a3 3 0 0 0 0 6 1 1 0 0 1 0 2 5 5 0 0 0-4.71 3.33 1 1 0 0 1-.94.67H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h22a1 1 0 0 1 1 1zM4 8h9V4H4v1h6a1 1 0 0 1 0 2H4zm20 2H4v14h12.68a6.9 6.9 0 0 1 3.07-3.2A5 5 0 0 1 23 12a5.56 5.56 0 0 1 1 .1zm0-6h-9v4h9zm-10 9h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2zm4-6a1 1 0 1 0-1-1 1 1 0 0 0 1 1zM5 16v-4a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1zm2-1h3v-2H7zm7 2h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zm-8 6h4a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2z"
        />
    </g>
</svg>