Add icons to this collection by clicking the heart icon.
Online Course icon - also known as education, ebook, online learning, online course, and digital book. Created in a clean others style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <g>
        <path
            fill="#cff1a2"
            d="M20.79 29.62A1 1 0 0 1 20 30h-8a1 1 0 0 1-.79-.38 1 1 0 0 1-.18-.86l1-4A1 1 0 0 1 13 24h6a1 1 0 0 1 1 .76l1 4a1 1 0 0 1-.21.86z"
        />
        <path
            fill="#4d7d5e"
            d="M21 28.76 20.53 27H16a1 1 0 0 1-.79-.38 1 1 0 0 1-.18-.86l.44-1.76H13a1 1 0 0 0-1 .76l-1 4a1 1 0 0 0 .18.86A1 1 0 0 0 12 30h8a1 1 0 0 0 .79-.38 1 1 0 0 0 .21-.86z"
            opacity=".21"
        />
        <path
            fill="#cff1a2"
            d="M30 7.79v15.42A2.84 2.84 0 0 1 27.12 26H4.88A2.84 2.84 0 0 1 2 23.21V7.79A2.84 2.84 0 0 1 4.88 5h22.24A2.84 2.84 0 0 1 30 7.79z"
        />
        <path
            fill="#fff"
            d="M26.82 21H5.18A1.18 1.18 0 0 1 4 19.82V7.18A1.18 1.18 0 0 1 5.18 6h21.64A1.18 1.18 0 0 1 28 7.18v12.64A1.18 1.18 0 0 1 26.82 21z"
        />
        <path
            fill="#cff1a2"
            d="M27.82 19H11a6 6 0 0 1-6-6V6a1.17 1.17 0 0 0-1 1.18v12.64A1.18 1.18 0 0 0 5.18 21h21.64A1.18 1.18 0 0 0 28 19.82V19z"
            opacity=".4"
        />
        <path
            fill="#fff"
            d="M24.91 9.42A1 1 0 0 1 24 10h-5a1 1 0 0 1-1-1V3a1 1 0 0 1 .66-.94 1 1 0 0 1 1.11.3l5 6a1 1 0 0 1 .14 1.06z"
        />
        <path
            fill="#cff1a2"
            d="M25 9v12a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1v5h4a1 1 0 0 1 1 1z"
        />
        <path
            fill="#4d7d5e"
            d="M16 19a6 6 0 0 1-6-6V2H8a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-2z"
            opacity=".21"
        />
        <path
            fill="#fff"
            d="M17 7v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z"
        />
        <g fill="#4d7d5e">
            <path
                d="M27.12 5h-4.87a1 1 0 0 0 0 2h4.87a.84.84 0 0 1 .88.79V20h-3V9a1 1 0 0 0-1-1h-4V3a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v2H4.88A2.84 2.84 0 0 0 2 7.79v15.42A2.84 2.84 0 0 0 4.88 26h6.84l-.5 2H10a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2h-1.22l-.5-2h6.84A2.84 2.84 0 0 0 30 23.21V7.79A2.84 2.84 0 0 0 27.12 5zM9 4h9v5a1 1 0 0 0 1 1h4v10H9zM4.88 7H7v13H4V7.79A.84.84 0 0 1 4.88 7zm13.84 21h-5.44l.5-2h4.44zm8.4-4H4.88a.84.84 0 0 1-.88-.79V22h24v1.21a.84.84 0 0 1-.88.79zM11 14a1 1 0 0 1 1-1h8a1 1 0 0 1 0 2h-8a1 1 0 0 1-1-1zm0 3a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm10 0a1 1 0 1 1-1-1 1 1 0 0 1 1 1zm-3 0a1 1 0 1 1-1-1 1 1 0 0 1 1 1zm-6-5h4a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2z"
            />
            <path
                d="m24.77 8.36-5-6a1 1 0 0 0-1.11-.3A1 1 0 0 0 18 3v6a1 1 0 0 0 1 1h5a1 1 0 0 0 .77-1.64zM20 8V5.76L21.86 8z"
            />
        </g>
    </g>
</svg>
More icons in the same style and category