Add icons to this collection by clicking the heart icon.
Online Course icon - also known as online, tag, discount, shopping, e learning, business and finance, and online course. Created in a clean flat gradient 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 512 512"
>
<linearGradient
id="a"
x1="447.983"
x2="447.983"
y1="-14.758"
y2="600.311"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff91d2" />
<stop offset=".262" stop-color="#f68bd9" />
<stop offset=".688" stop-color="#de79ed" />
<stop offset=".999" stop-color="#c86aff" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="-14.758"
y2="600.311"
href="#a"
/>
<linearGradient
id="c"
x1="128"
x2="128"
y1="-14.758"
y2="600.311"
href="#a"
/>
<linearGradient
id="d"
x1="240"
x2="240"
y1="-14.758"
y2="600.311"
href="#a"
/>
<linearGradient
id="e"
x1="368"
x2="368"
y1="-14.758"
y2="600.311"
href="#a"
/>
<linearGradient
id="f"
x1="176.017"
x2="176.017"
y1="-14.758"
y2="600.311"
href="#a"
/>
<path
fill="url(#a)"
d="M424 168h24a8 8 0 0 1 8 8v224h16V164a12.013 12.013 0 0 0-12-12h-36.034q.033.681.034 1.368z"
/>
<path
fill="url(#b)"
d="m337.889 416-14.311 7.155A7.994 7.994 0 0 1 320 424H192a7.994 7.994 0 0 1-3.578-.845L174.111 416H32v12a12.013 12.013 0 0 0 12 12h424a12.013 12.013 0 0 0 12-12v-12z"
/>
<path fill="url(#c)" d="M104 216h48v48h-48zM104 320h48v48h-48z" />
<path fill="url(#d)" d="M200 320h80v16h-80z" />
<path fill="url(#e)" d="M336 368h64a8 8 0 0 0 0-16h-64a8 8 0 0 0 0 16z" />
<path fill="url(#d)" d="M200 216h80v16h-80z" />
<path
fill="url(#b)"
d="M312 184H72v216h104a7.994 7.994 0 0 1 3.578.845L193.889 408h124.222l14.311-7.155A7.994 7.994 0 0 1 336 400h104V184h-16v92a28.032 28.032 0 0 1-28 28h-56a28.032 28.032 0 0 1-28-28zM168 376a8 8 0 0 1-8 8H96a8 8 0 0 1-8-8v-64a8 8 0 0 1 8-8h64a8 8 0 0 1 8 8zm0-104a8 8 0 0 1-8 8H96a8 8 0 0 1-8-8v-64a8 8 0 0 1 8-8h64a8 8 0 0 1 8 8zm16-8h40v16h-40zm40 120h-40v-16h40zm72 0h-56v-16h56zm0-40a8 8 0 0 1-8 8h-96a8 8 0 0 1-8-8v-32a8 8 0 0 1 8-8h96a8 8 0 0 1 8 8zm0-64h-56v-16h56zm0-40a8 8 0 0 1-8 8h-96a8 8 0 0 1-8-8v-32a8 8 0 0 1 8-8h96a8 8 0 0 1 8 8zm40 96h64a24 24 0 0 1 0 48h-64a24 24 0 0 1 0-48z"
/>
<path
fill="url(#f)"
d="M56 176a8 8 0 0 1 8-8h248v-14.632q0-.687.034-1.368H52a12.013 12.013 0 0 0-12 12v236h16z"
/>
<g fill="url(#e)">
<circle cx="368" cy="160" r="8" />
<path
d="M340 288h56a12.013 12.013 0 0 0 12-12V153.368a11.968 11.968 0 0 0-4.317-9.219L375.9 121h.1V89a8 8 0 0 1 16 0v16h16V89a24 24 0 0 0-48 0v32h.1l-27.778 23.149a11.966 11.966 0 0 0-4.322 9.219V276a12.013 12.013 0 0 0 12 12zm52-16h-16v-16h16zm-24-136a24 24 0 1 1-24 24 24.027 24.027 0 0 1 24-24zm-24 80h16v16h-16zm41.926-5.207 12.148 10.414-48 56-12.148-10.414z"
/>
</g>
</svg>
More icons in the same style and category