Add icons to this collection by clicking the heart icon.
Online Lesson icon - also known as smartphone, people, teacher, laptop, avatar, online education, online learning, communications, dark hair, curly hair, afro, and online lesson. Created in a clean flat style with a white, silver, black, red, maroon, teal, purple, orange, 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 242.3 453.68"
>
<g>
<g>
<rect
width="220.9"
height="438.27"
x="10.7"
y="9.55"
fill="#028894"
rx="23.5"
/>
<path
fill="#007982"
d="M6.76 393.93h227v46.29a3.91 3.91 0 0 1-3.91 3.91H11.33a4.57 4.57 0 0 1-4.57-4.57v-45.63z"
/>
<path
fill="#23153a"
d="M211.38 0H30.92A30.92 30.92 0 0 0 0 30.92v391.84a30.92 30.92 0 0 0 30.92 30.92h180.46a30.92 30.92 0 0 0 30.92-30.92V30.92A30.92 30.92 0 0 0 211.38 0zm18.1 415a24.88 24.88 0 0 1-24.88 24.88H37.7A24.88 24.88 0 0 1 12.82 415V34.43A24.88 24.88 0 0 1 37.7 9.55h38.08v5.28a10.56 10.56 0 0 0 10.56 10.56h70.38a10.56 10.56 0 0 0 10.56-10.56V9.55h37.32a24.88 24.88 0 0 1 24.88 24.88z"
/>
<g fill="#049fa3">
<path
d="M54 429.92H42.1a8.49 8.49 0 0 1-8.49-8.49v-8.2a5.09 5.09 0 0 1 5.09-5.09h11.88a8.49 8.49 0 0 1 8.49 8.49v8.2a5.09 5.09 0 0 1-5.07 5.09zM61.66 425.06 66 427.6a1.94 1.94 0 0 0 3-1.68v-13a1.94 1.94 0 0 0-2.91-1.69l-4.39 2.52a1.94 1.94 0 0 0-1 1.68v7.95a1.94 1.94 0 0 0 .96 1.68z"
/>
<circle cx="118.84" cy="408.16" r="6.05" />
<circle cx="133.14" cy="410.94" r="5.65" />
<path
d="M108.71 421a4.27 4.27 0 0 0 3.42 6.82h13.7a4.13 4.13 0 0 0 3.31-6.6L129 421a12.65 12.65 0 0 0-20.29 0z"
/>
<path
d="m142.46 422.38-.13-.18a10.47 10.47 0 0 0-11.94-3.6 1 1 0 0 0-.41 1.54 12.22 12.22 0 0 1 .9 1.17l.15.22a4.28 4.28 0 0 1-.38 5.32.59.59 0 0 0 .42 1h8.63a3.43 3.43 0 0 0 2.76-5.47z"
/>
<rect
width="30.13"
height="20.37"
x="177.02"
y="403.28"
rx="7.27"
/>
<path d="M190.55 422.92h-7.47l.26 6.09a.92.92 0 0 0 1.62.55z" />
</g>
<rect
width="66.35"
height="77.85"
x="149.92"
y="32.96"
fill="#007982"
rx="14.69"
/>
<path
fill="#ed8a06"
d="M105.14 295.53a3.71 3.71 0 0 1 3.71 3.71v91.14a3.71 3.71 0 0 1-3.71 3.71H28.08v-21.5a77.06 77.06 0 0 1 77.06-77.06zM215.96 394.08H138.9a3.71 3.71 0 0 1-3.71-3.71v-91.14a3.71 3.71 0 0 1 3.71-3.71 77.06 77.06 0 0 1 77.06 77.09v21.47z"
/>
<path
fill="#ffac3e"
d="M192.67 394v-28.71c0-40.24-26.54-72.86-59.27-72.86h-21.66C79 292.42 52.47 325 52.47 365.29V394z"
/>
<path
fill="#fff"
d="M89 301.69a9 9 0 0 0 3.25 3.31c-.16.23-.32.46-.46.71a9.07 9.07 0 0 0 7.6 13.59 9.05 9.05 0 0 0 13.13 9.6 9.05 9.05 0 0 0 16.19 1.25 9.05 9.05 0 0 0 13.19-2.79 9 9 0 0 0 1.21-4.33h.7a9.05 9.05 0 0 0 8-13.23l.32-.16a9.06 9.06 0 0 0 3.45-12.11 49.61 49.61 0 0 0-22.05-5.21h-21.61a49.87 49.87 0 0 0-24 6.23 9 9 0 0 0 1.08 3.14z"
/>
<path
fill="#722415"
d="M146.69 294.09a48.91 48.91 0 0 0-13.28-1.84h-21.65a49 49 0 0 0-15.33 2.47 25.14 25.14 0 0 0 50.27-.63z"
/>
<path
fill="#260024"
d="M220.42 250.28a7.38 7.38 0 0 0-3.15-6 7.38 7.38 0 0 0-4.4-11.37 7.37 7.37 0 0 0-9.17-8.67 7.38 7.38 0 0 0-11.32-5.12 7.39 7.39 0 0 0-13.14-2.12 7.38 7.38 0 0 0-13.13 2.06 7.38 7.38 0 0 0-13 4.84v.29a7.36 7.36 0 0 0-9.28 8.42 7.37 7.37 0 0 0-4.12 11.44 7.39 7.39 0 0 0 1.16 13 7.37 7.37 0 0 0 5.13 11.17 7.37 7.37 0 0 0 8.78 9 7.38 7.38 0 0 0 10.56 5.08 7.37 7.37 0 0 0 10.48 2 7.33 7.33 0 0 0 10 1.8 7.38 7.38 0 0 0 11-3.74 7.37 7.37 0 0 0 10.4-5 7.39 7.39 0 0 0 6.43-9.51 7.37 7.37 0 0 0 3.34-11.4 7.38 7.38 0 0 0 3.43-6.17z"
/>
<path
fill="#260024"
d="M182.84 195.72c.25-.11.5-.23.74-.37a8.5 8.5 0 0 0 1.49-13.74c.22-.17.46-.31.67-.5a8.52 8.52 0 0 0 .52-12 8.43 8.43 0 0 0-2.14-1.65q.27-.33.52-.68a8.51 8.51 0 0 0-4.64-13c.12-.24.24-.49.34-.75a8.51 8.51 0 0 0-7.44-11.62c.07-.26.12-.53.16-.81a8.51 8.51 0 0 0-9.87-9.65v-.82a8.51 8.51 0 0 0-11.78-7.18c-.06-.27-.12-.53-.21-.8a8.51 8.51 0 0 0-13.1-4.35c-.12-.25-.24-.49-.38-.73a8.51 8.51 0 0 0-11.44-3.13 8.36 8.36 0 0 0-12.15 2.36q-.31-.29-.66-.56a8.51 8.51 0 0 0-13.22 4c-.24-.14-.48-.26-.73-.38a8.51 8.51 0 0 0-12 6.83c-.26-.08-.53-.15-.8-.2a8.51 8.51 0 0 0-10.15 9.35h-.82a8.51 8.51 0 0 0-7.79 11.39c-.27 0-.54.1-.81.17a8.51 8.51 0 0 0-5 12.85c-.25.1-.5.22-.75.34a8.5 8.5 0 0 0-2 13.68c-.23.16-.47.29-.68.48a8.52 8.52 0 0 0-.94 12 8.43 8.43 0 0 0 2.08 1.72q-.29.32-.55.66a8.51 8.51 0 0 0 4.18 13.15c-.13.24-.26.48-.37.74a8.51 8.51 0 0 0 7 11.87c-.08.26-.14.53-.19.8a8.51 8.51 0 0 0 9.52 10v.82A8.51 8.51 0 0 0 91 233.5c0 .27.11.54.18.81a8.51 8.51 0 0 0 12.94 4.8c.11.25.22.5.36.74a8.5 8.5 0 0 0 13.71 1.73c.16.23.3.46.49.68a8.52 8.52 0 0 0 12 .73 8.43 8.43 0 0 0 1.68-2.11q.32.28.67.53a8.51 8.51 0 0 0 13.11-4.41c.24.13.49.25.75.35a8.51 8.51 0 0 0 11.75-7.24c.26.07.53.13.81.18a8.51 8.51 0 0 0 9.82-9.7h.83a8.51 8.51 0 0 0 7.38-11.66c.27-.05.54-.12.8-.19a8.51 8.51 0 0 0 4.57-13z"
/>
<path
fill="#7d2b15"
d="M102.92 260.25h37.4v34.87a18.7 18.7 0 0 1-18.7 18.7 18.7 18.7 0 0 1-18.7-18.7v-34.87z"
/>
<path
fill="#521a1d"
d="M102.92 279.59a18.7 18.7 0 0 0 37.4 0v-7.52h-37.4z"
/>
<rect
width="21.03"
height="21.03"
x="54.81"
y="221.16"
fill="#7d2b15"
rx="10.52"
/>
<path
fill="#722415"
d="M65.33 238.71A10.51 10.51 0 0 1 55 229.93a10.46 10.46 0 0 0 10.36 12.26 10.46 10.46 0 0 0 10.36-12.26 10.51 10.51 0 0 1-10.39 8.78z"
/>
<rect
width="7.64"
height="7.64"
x="61.51"
y="227.85"
fill="#561a26"
rx="3.82"
transform="rotate(45 65.376 231.676)"
/>
<rect
width="21.03"
height="21.03"
x="167.4"
y="221.16"
fill="#7d2b15"
rx="10.52"
/>
<path
fill="#722415"
d="M177.91 238.71a10.51 10.51 0 0 1-10.36-8.78 10.46 10.46 0 0 0 10.36 12.26 10.46 10.46 0 0 0 10.36-12.26 10.51 10.51 0 0 1-10.36 8.78z"
/>
<rect
width="7.64"
height="7.64"
x="174.09"
y="227.85"
fill="#561a26"
rx="3.82"
transform="rotate(45 177.973 231.66)"
/>
<path
fill="#7d2b15"
d="M170 235.21V190c0-22.32-19-40.42-42.42-40.42h-12.16C92 149.54 73 167.64 73 190v45.25c.16 5.67-1.66 19.64 10.86 34 4.62 5.31 19.15 21 37.67 21s33-15.73 37.67-21c12.51-14.4 10.69-28.37 10.8-34.04z"
/>
<path
fill="#722415"
d="M170 235.21v-.42a42.42 42.42 0 0 1-10.86 28.6c-4.62 5.31-19.15 21-37.67 21s-33-15.73-37.67-21a42.42 42.42 0 0 1-10.8-28.6v.42c.16 5.67-1.66 19.64 10.86 34 4.62 5.31 19.15 21 37.67 21s33-15.73 37.67-21c12.51-14.36 10.69-28.33 10.8-34z"
/>
<path
fill="#521a1d"
d="M126.79 243.42a2.09 2.09 0 0 1 0-3.11 2.48 2.48 0 0 1 3.33 0 2.09 2.09 0 0 1 0 3.11 2.48 2.48 0 0 1-3.33 0zM115.06 243.42a2.09 2.09 0 0 1 0-3.11 2.48 2.48 0 0 1 3.33 0 2.09 2.09 0 0 1 0 3.11 2.48 2.48 0 0 1-3.33 0z"
/>
<path
fill="#700d0d"
d="M105.61 253.58a17.07 17.07 0 0 0-32.22-7.85 42 42 0 0 0 10.55 23.5l.89 1a17 17 0 0 0 20.78-16.66zM137.51 253.6a17.07 17.07 0 0 1 32.22-7.85 42 42 0 0 1-10.55 23.5l-.89 1a17 17 0 0 1-20.78-16.66z"
/>
<path
fill="#9e0741"
d="M104.35 251.76h34.33a.46.46 0 0 1 .46.46v.78a17 17 0 0 1-17 17h-1.34a16.92 16.92 0 0 1-16.92-16.92v-.86a.46.46 0 0 1 .47-.46z"
/>
<rect
width="25.03"
height="12.66"
x="109"
y="252.01"
fill="#470513"
rx="5.65"
/>
<path
fill="#fff"
d="M106.64 252.15h30v4.11a2 2 0 0 1-2 2h-26a2 2 0 0 1-2-2v-4.11z"
/>
<path fill="#cdddec" d="M106.64 251.8h29.97v2.86h-29.97z" />
<path
fill="#f12761"
d="M119.92 260.27a5.87 5.87 0 0 0-5.87 5.87v2.45a16.84 16.84 0 0 0 6.76 1.41h1.32a17 17 0 0 0 15.36-9.73z"
/>
<rect
width="11.32"
height="2.29"
x="118.84"
y="262.38"
fill="#f36688"
rx="1.14"
/>
<rect
width="21.58"
height="7.98"
x="86.75"
y="206.32"
fill="#681b11"
rx="3.99"
/>
<rect
width="22.13"
height="9.13"
x="86.48"
y="202.66"
fill="#260024"
rx="4.56"
/>
<rect
width="11.68"
height="2.89"
x="91.7"
y="202.66"
fill="#3b003d"
rx="1.44"
/>
<rect
width="9.65"
height="14.7"
x="91.71"
y="218.71"
fill="#000004"
rx="4.53"
/>
<rect
width="14.42"
height="4.75"
x="85.37"
y="218.91"
fill="#000004"
rx="2.2"
/>
<rect
width="9.65"
height="14.7"
x="141.87"
y="218.62"
fill="#000004"
rx="4.53"
transform="rotate(180 146.7 225.97)"
/>
<rect
width="14.42"
height="4.75"
x="143.45"
y="218.81"
fill="#000004"
rx="2.2"
transform="rotate(180 150.66 221.185)"
/>
<path
fill="#681b11"
d="M127.63 149.54h-12.21a43.74 43.74 0 0 0-22.78 6.33 7.91 7.91 0 0 0 1.47 4 7.94 7.94 0 0 0 1.25 14 7.93 7.93 0 0 0 5.45 12 7.93 7.93 0 0 0 9.44 9.69 7.93 7.93 0 0 0 11.36 5.44 7.93 7.93 0 0 0 11.27 2.15 7.88 7.88 0 0 0 10.78 1.93 7.94 7.94 0 0 0 11.88-4 7.92 7.92 0 0 0 11.19-5.36 7.9 7.9 0 0 0 3.32-1.06V190c-.05-22.36-18.99-40.46-42.42-40.46z"
/>
<path
fill="#303"
d="M177.87 165.72a7.38 7.38 0 0 0-3.15-6 7.38 7.38 0 0 0-4.4-11.37 7.37 7.37 0 0 0-9.17-8.67 7.38 7.38 0 0 0-11.32-5.12 7.39 7.39 0 0 0-13.14-2.06 7.38 7.38 0 0 0-13.13 2.06 7.38 7.38 0 0 0-13 4.84v.29a7.36 7.36 0 0 0-9.28 8.42 7.37 7.37 0 0 0-4.12 11.44 7.39 7.39 0 0 0 1.16 13 7.37 7.37 0 0 0 5.07 11.12 7.37 7.37 0 0 0 8.78 9 7.38 7.38 0 0 0 10.56 5.08 7.37 7.37 0 0 0 10.48 2 7.33 7.33 0 0 0 10 1.8 7.38 7.38 0 0 0 11-3.74 7.37 7.37 0 0 0 10.4-5 7.39 7.39 0 0 0 6.43-9.51 7.37 7.37 0 0 0 3.34-11.4 7.38 7.38 0 0 0 3.49-6.18z"
/>
<circle cx="122.61" cy="161.64" r="10.37" fill="#3b003d" />
<circle cx="140.32" cy="186.43" r="6.88" fill="#3b003d" />
<rect
width="21.58"
height="7.98"
x="134.91"
y="206.23"
fill="#681b11"
rx="3.99"
transform="rotate(180 145.7 210.22)"
/>
<rect
width="22.13"
height="9.13"
x="134.64"
y="202.56"
fill="#260024"
rx="4.56"
transform="rotate(180 145.7 207.125)"
/>
<rect
width="11.68"
height="2.89"
x="139.86"
y="202.56"
fill="#3b003d"
rx="1.44"
transform="rotate(180 145.7 204.005)"
/>
<circle cx="68.13" cy="242.28" r="5.7" fill="#cdddec" />
<circle cx="172.29" cy="242.28" r="5.7" fill="#cdddec" />
</g>
</g>
</svg>
More icons in the same style and category