Add icons to this collection by clicking the heart icon.
Online Class icon - also known as education, online, class, meeting, learning, videoconference, conference, seminar, online class, and elearning. Created in a clean 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 48 48"
>
<linearGradient
id="a"
x1="-.125"
x2="43.18"
y1="43.125"
y2="-.18"
gradientUnits="userSpaceOnUse"
>
<stop offset=".014" stop-color="#4279bd" />
<stop offset=".184" stop-color="#3f83ba" />
<stop offset=".476" stop-color="#389fb0" />
<stop offset=".852" stop-color="#2ccba2" />
<stop offset=".913" stop-color="#2ad39f" />
</linearGradient>
<linearGradient
id="b"
x1="10.75"
x2="54.055"
y1="54"
y2="10.695"
href="#a"
/>
<linearGradient
id="c"
x1="12.375"
x2="55.68"
y1="55.625"
y2="12.32"
href="#a"
/>
<linearGradient
id="d"
x1="-4.563"
x2="38.742"
y1="38.688"
y2="-4.617"
href="#a"
/>
<linearGradient
id="e"
x1="-14.125"
x2="29.18"
y1="29.125"
y2="-14.18"
href="#a"
/>
<linearGradient
id="f"
x1="-12.125"
x2="31.18"
y1="31.125"
y2="-12.18"
href="#a"
/>
<linearGradient
id="g"
x1="-10.125"
x2="33.18"
y1="33.125"
y2="-10.18"
href="#a"
/>
<linearGradient
id="h"
x1="1.625"
x2="44.93"
y1="44.875"
y2="1.57"
href="#a"
/>
<linearGradient
id="i"
x1="-1.038"
x2="42.267"
y1="42.212"
y2="-1.093"
href="#a"
/>
<linearGradient
id="j"
x1="-5.625"
x2="37.68"
y1="37.625"
y2="-5.68"
href="#a"
/>
<linearGradient
id="k"
x1="8.962"
x2="52.267"
y1="52.212"
y2="8.907"
href="#a"
/>
<linearGradient
id="l"
x1="4.375"
x2="47.68"
y1="47.625"
y2="4.32"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M43 35H5a2.002 2.002 0 0 1-2-2V5a2.002 2.002 0 0 1 2-2h38a2.002 2.002 0 0 1 2 2v28a2.002 2.002 0 0 1-2 2zM5 5v28h38.002L43 5z"
/>
<path
fill="url(#b)"
d="M31 45H17a1 1 0 0 1-.944-1.33l3.5-10A1 1 0 0 1 20.5 33h7a1 1 0 0 1 .944.67l3.5 10A1 1 0 0 1 31 45zm-12.59-2h11.18l-2.8-8h-5.58z"
/>
<path fill="url(#c)" d="M33 45H15a1 1 0 0 1 0-2h18a1 1 0 0 1 0 2z" />
<path fill="url(#d)" d="M44 11.125H4a1 1 0 0 1 0-2h40a1 1 0 0 1 0 2z" />
<circle cx="8" cy="7" r="1" fill="url(#e)" />
<circle cx="12" cy="7" r="1" fill="url(#f)" />
<circle cx="16" cy="7" r="1" fill="url(#g)" />
<path
fill="url(#h)"
d="M24 35a1 1 0 0 1-1-1V11a1 1 0 0 1 2 0v23a1 1 0 0 1-1 1z"
/>
<path
fill="url(#i)"
d="M20 31H8a1 1 0 0 1-1-1v-4a5.006 5.006 0 0 1 5-5h4a5.006 5.006 0 0 1 5 5v4a1 1 0 0 1-1 1zM9 29h10v-3a3.003 3.003 0 0 0-3-3h-4a3.003 3.003 0 0 0-3 3z"
/>
<path
fill="url(#j)"
d="M14 23a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5zm0-8a3 3 0 1 0 3 3 3.003 3.003 0 0 0-3-3z"
/>
<path
fill="url(#k)"
d="M40 31H28a1 1 0 0 1-1-1v-4a5.006 5.006 0 0 1 5-5h4a5.006 5.006 0 0 1 5 5v4a1 1 0 0 1-1 1zm-11-2h10v-3a3.003 3.003 0 0 0-3-3h-4a3.003 3.003 0 0 0-3 3z"
/>
<path
fill="url(#l)"
d="M34 23a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5zm0-8a3 3 0 1 0 3 3 3.003 3.003 0 0 0-3-3z"
/>
</g>
</svg>
More icons in the same style and category