Add icons to this collection by clicking the heart icon.
Elearning icon - also known as computer, education, online, student, mortarboard, learning, graduation cap, electronics, and elearning. Created in a clean lineal color style with a white, silver, gray, and black 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 0v-340h-492V0c0 11.05 8.95 20 20 20h452C-8.95 20 0 11.05 0 0"
transform="translate(502 482)"
fill="#9de3d1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30h5.15c18.71 0 37.14-2.56 54.85-7.48V-150l90-30 90 30v112.52A204.831 204.831 0 0 0 294.85-30H300V0Z"
transform="translate(106 442)"
fill="#6d92ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-46c0-11.05 8.95-20 20-20h166v-66h120v66h166c11.05 0 20 8.95 20 20V0Z"
transform="translate(10 142)"
fill="#ecf3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-46c0-11.05-8.95-20-20-20h-452c-11.05 0-20 8.95-20 20v386c0 11.05 8.95 20 20 20h452c11.05 0 20-8.95 20-20z"
transform="translate(502 142)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-66"
transform="translate(196 76)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v66"
transform="translate(316 10)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h240"
transform="translate(136 10)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a204.826 204.826 0 0 1-54.85 7.48H-60v30h300v-30h-5.15C216.14 7.48 197.71 4.92 180 0a204.805 204.805 0 0 1-90-52.52A204.85 204.85 0 0 1 23.54-8.11C15.87-4.94 8.01-2.23 0 0Z"
transform="translate(166 404.52)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-112.52l90-30 90 30V0"
transform="translate(166 404.52)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v120"
transform="translate(406 292)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h240"
transform="translate(136 202)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-5.522-4.477-10-10-10-5.522 0-10 4.478-10 10 0 5.523 4.478 10 10 10C-4.477 10 0 5.523 0 0"
transform="translate(265.999 142)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h200.999"
transform="translate(10 142)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h201.001"
transform="translate(300.999 142)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category