Add icons to this collection by clicking the heart icon.
Elearning icon - also known as computer, education, monitor, ebook, open book, online learning, 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 0-74.162-30-4.285-21.138C-81.143-64.439-92.836-74-106.408-74H32.246Z"
transform="translate(278.081 81.5)"
fill="#50ebd1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-10.366 51.138-46 30-46-30-6.081-30h74.162L-30 0c2.696-13.301 14.39-22.862 27.961-22.862h30C14.39-22.862 2.696-13.301 0 0"
transform="translate(312.366 30.362)"
fill="#49d1c1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30v-378H0c16.568 0 30 13.432 30 30v318C30-13.432 16.568 0 0 0"
transform="translate(474.5 459.5)"
fill="#50ebd1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v60l-60 129L0 318c0 16.568-13.432 30-30 30h-407c-16.568 0-30-13.432-30-30V0c0-16.568 13.432-30 30-30h407C-13.432-30 0-16.568 0 0"
transform="translate(474.5 111.5)"
fill="#8ffaec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30h-30l-45 90Z"
transform="translate(474.5 201.5)"
fill="#9587ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30h407v90Z"
transform="translate(37.5 201.5)"
fill="#a3a9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-60-114L0-228h30V0Z"
transform="translate(444.5 429.5)"
fill="#626a7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M37.5 201.5h407v228h-407z"
fill="#77839d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-128.5v-213L45-258v228H30C30-13.5 16.5 0 0 0"
transform="translate(226 504.5)"
fill="#e5faff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-128.5v-30L30-60l15 15-15 15C30-13.5 16.5 0 0 0"
transform="translate(226 291.5)"
fill="#a3ebff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-158.5v30H-30C-13.5 30 0 16.5 0 0"
transform="translate(256 231.5)"
fill="#5cdaff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30l-45-15v60Z"
transform="translate(414.5 291.5)"
fill="#44c5eb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-16.5 0-30-28.5-30-45v-30L98.5-45V0Z"
transform="translate(286 306.5)"
fill="#5cdaff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30h-30l-15 15 15 15z"
transform="translate(414.5 261.5)"
fill="#37b0d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30h-128.5c0 16.5 13.5 30 30 30z"
transform="translate(384.5 261.5)"
fill="#44c5eb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-213h-30l-45 106.5L-30 0Z"
transform="translate(414.5 504.5)"
fill="#5cdaff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h98.5v-213H0c-16.5 0-30-13.5-30-30v213C-30-13.5-16.5 0 0 0"
transform="translate(286 504.5)"
fill="#a3ebff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0"
transform="translate(271 126.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-13.572 0-25.265 9.561-27.961 22.862L-38.327 74"
transform="translate(340.327 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10.366-51.138C-13.062-64.439-24.755-74-38.327-74h15"
transform="translate(210 81.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-317"
transform="translate(414.5 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h60c16.568 0 30-13.432 30-30v-318c0-16.568-13.432-30-30-30h-437c-16.568 0-30 13.432-30 30v318c0 16.568 13.432 30 30 30h60"
transform="translate(414.5 459.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v198h60"
transform="translate(37.5 231.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-437v-30H0v258h-60"
transform="translate(474.5 201.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0Z"
transform="translate(271 126.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 16.5 13.5 30 30 30h128.5v-273h-317V30H-30C-13.5 30 0 16.5 0 0v-243"
transform="translate(256 474.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h68.5"
transform="translate(142.5 458)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h68.5"
transform="translate(142.5 428)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h68.5"
transform="translate(142.5 398)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h68.5"
transform="translate(142.5 338)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h68.5"
transform="translate(142.5 368)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h128.5c16.5 0 30-13.5 30-30"
transform="translate(97.5 261.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 16.5 13.5 30 30 30h128.5"
transform="translate(256 231.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h128.5c16.5 0 30-13.5 30-30"
transform="translate(97.5 291.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 16.5 13.5 30 30 30h128.5"
transform="translate(256 261.5)"
fill="none"
stroke="#000"
stroke-width="15"
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