Add icons to this collection by clicking the heart icon.
Online Education icon - also known as computer, education, online, teacher, web, video, online education, online learning, elearning, and video lesson. Created in a clean lineal color style with a white, silver, black, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h492.001v280c0 11-8.999 20-19.999 20H20c-11 0-20-9-20-20Z"
transform="translate(9.999 130.001)"
fill="#9ea6bf"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-492.001v-20c0-11.001 9-20 20-20H-19.999C-8.999-40 0-31.001 0-20Z"
transform="translate(502 130.001)"
fill="#cfd3df"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-100.001l-20-80H20.001Z"
transform="translate(306 90.001)"
fill="#9ea6bf"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-12.109 41.6-50.519 72-96.027 72-45.509 0-83.917-30.4-96.028-72a100.05 100.05 0 0 1-3.972-28c0-55.228 44.771-100 100-100 55.228 0 100 44.772 100 100C3.973-18.28 2.586-8.885 0 0"
transform="translate(458.026 430.001)"
fill="#ff7d97"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0 16.568-13.432 30-30 30-16.568 0-30-13.432-30-30 0-16.568 13.432-30 30-30C-13.432-30 0-16.568 0 0"
transform="translate(197.603 334.149)"
fill="#fff"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-25.501 40.929-64.268 71.966-109.588 87.96-4.655-33.849 11.891-34.898-22.16-72.788-18.587-20.683-.737-42.63 29.503-29.897C-61.964 2.237-18.933-26.021 0 0"
transform="translate(190.203 187.32)"
fill="#88df8e"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-157.348h205.059a212.086 212.086 0 0 1-24.855 57.318c-18.933-26.021-61.965 2.237-102.245-14.724-30.241-12.733-48.091 9.213-29.503 29.897 34.05 37.889 17.505 38.939 22.159 72.788C48.389-4.226 24.587 0 0 0"
transform="translate(9.999 287.35)"
fill="#66e0f7"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h125.979M318.02 0h23.981C353.001 0 362-9 362-20v-300c0-11-8.999-20-19.999-20h-452.002c-11 0-19.999 9-19.999 20v300c0 11 8.999 20 19.999 20H-90"
transform="translate(140 430.001)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h487.318"
transform="translate(12.34 130.001)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 18.677 74.705M159.298-2.824H-20.707M119.98 74.441 138.635-.177"
transform="translate(186.704 12.825)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-36.176"
transform="translate(421.997 128.09)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c96.085 0 180.19-64.537 205.059-157.348"
transform="translate(9.999 287.35)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c16.523 0 30 13.477 30 30S16.523 60 0 60s-30-13.477-30-30S-16.523 0 0 0Z"
transform="translate(167.603 304.149)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-4.654-33.849 11.891-34.899-22.159-72.788-18.588-20.684-.738-42.63 29.503-29.897 40.28 16.961 83.311-11.296 102.244 14.725"
transform="translate(80.614 275.28)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-99.999"
transform="translate(421.997 180.004)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-99.999"
transform="translate(421.997 226.002)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c55.078 0 100 44.921 100 100 0 55.078-44.922 100-100 100s-100-44.922-100-100C-100 44.921-55.078 0 0 0Z"
transform="translate(361.999 302.002)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.008"
transform="translate(411.499 390.047)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.007"
transform="translate(361.992 402.001)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.008"
transform="translate(352.907 350.247)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.007"
transform="translate(94.996 430.001)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category