Add icons to this collection by clicking the heart icon.
Online Course icon - also known as education, book, learning, online education, e learning, online class, course, online activity, and online course. Created in a clean flat style with a silver, gray, teal, and pink finish, 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 512 512"
>
<g>
<rect width="224" height="384" x="88" y="24" fill="#46c89d" rx="16" />
<path
fill="#e8bb85"
d="M104 408a16 16 0 0 1-16-16v-98.745a16 16 0 0 1 4.686-11.314L120 254.627a22.627 22.627 0 0 0 0-32 22.627 22.627 0 0 0-32 0l-43.314 43.314A16 16 0 0 0 40 277.255v68.118A32 32 0 0 1 30.627 368L16 382.627 40 496l46.627-46.627A32 32 0 0 1 109.255 440h13.49a32 32 0 0 0 22.628-9.373L168 408z"
/>
<path
fill="#00b378"
d="m136 24 4.97 19.88A16 16 0 0 0 156.492 56h87.016a16 16 0 0 0 15.522-12.12L264 24z"
/>
<rect width="32" height="32" x="120" y="88" fill="#bdecdc" rx="8" />
<rect width="32" height="32" x="184" y="88" fill="#bdecdc" rx="8" />
<rect width="32" height="32" x="248" y="88" fill="#bdecdc" rx="8" />
<path
fill="#f9d6b4"
d="M136 152h184a168 168 0 0 1 168 168 168 168 0 0 1-168 168h-16a168 168 0 0 1-168-168V152z"
/>
<path
fill="#d4b699"
d="M241.42 475.947A167.52 167.52 0 0 0 304 488h16a168 168 0 0 0 168-168 167.395 167.395 0 0 0-14.812-69.072 336.682 336.682 0 0 1-231.767 225.02z"
/>
<g fill="#bdecdc">
<path
d="M464 112h24v16h-24zM376 24h16v24h-16zM352 48h24v16h-24zM376 64h16v24h-16zM392 48h24v16h-24zM448 88h16v24h-16zM424 112h24v16h-24zM448 128h16v24h-16z"
/>
</g>
<path fill="#00b378" d="M392 208H232a16 16 0 0 0-16 16v192h176z" />
<circle cx="304" cy="304" r="56" fill="#bdecdc" />
<path
fill="#00b378"
d="M288 286.948v34.104a8 8 0 0 0 12.438 6.656l25.577-17.052a8 8 0 0 0 0-13.312l-25.577-17.052A8 8 0 0 0 288 286.948z"
/>
<path
fill="#00a16c"
d="M392 432H232a16 16 0 0 1-16-16 16 16 0 0 1 16-16h160z"
/>
<path
fill="#00895c"
d="M337.756 432H392v-32h-13.325a337.42 337.42 0 0 1-40.919 32z"
/>
<path fill="#009866" d="M392 400v-12.885q-6.494 6.628-13.352 12.885z" />
</g>
</svg>
More icons in the same style and category