Add icons to this collection by clicking the heart icon.
Elearning icon - also known as computer, education, book, online, laptop, 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 502 502"
>
<linearGradient
id="a"
x1="251"
x2="251"
y1="418.437"
y2="103.112"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#495560" />
<stop offset="1" stop-color="#5b778e" />
</linearGradient>
<linearGradient
id="b"
x1="251"
x2="251"
y1="418.888"
y2="125.923"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdd943" />
<stop offset="1" stop-color="#fdedac" />
</linearGradient>
<linearGradient
id="c"
x1="251"
x2="251"
y1="434.561"
y2="57.291"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00d2e9" />
<stop offset="1" stop-color="#a3eaf5" />
</linearGradient>
<linearGradient
id="d"
x1="368.402"
x2="368.402"
y1="279.045"
y2="134.183"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7081" />
<stop offset="1" stop-color="#ffa0ab" />
</linearGradient>
<linearGradient
id="e"
x1="251"
x2="251"
y1="445.797"
y2="345.293"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d1dbdb" />
<stop offset="1" stop-color="#f2f2f2" />
</linearGradient>
<linearGradient
id="f"
x1="251"
x2="251"
y1="409.315"
y2="363.963"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c3cccc" />
<stop offset="1" stop-color="#e6e6e6" />
</linearGradient>
<path
fill="url(#a)"
d="M100.224 412.739c-37.444 0-67.907-30.463-67.907-67.907V155.868c0-37.444 30.463-67.907 67.907-67.907h301.553c37.444 0 67.907 30.463 67.907 67.907v188.964c0 37.444-30.463 67.907-67.907 67.907z"
/>
<path
fill="#3a4d5e"
d="m104.078 158.681-57.287 57.287c-6.539 6.538-11.431 14.283-14.475 22.732v42.048c3.044 8.448 7.936 16.193 14.474 22.732l57.287 57.287V158.681z"
/>
<path
fill="url(#b)"
d="M401.776 126.962H100.224c-15.965 0-28.907 12.942-28.907 28.907v35.574l20.815 65.931-20.815 70.632v16.827c0 15.965 12.942 28.907 28.907 28.907h301.553c15.965 0 28.907-12.942 28.907-28.907V155.868c-.001-15.964-12.943-28.906-28.908-28.906z"
/>
<path
fill="#fdc515"
d="m109.724 153.035-38.408 38.408v45.255l61.035-61.035c6.248-6.248 6.248-16.379 0-22.627-6.248-6.249-16.378-6.249-22.627-.001zM162.306 238.596H71.317v89.409l45.734 45.734h45.255z"
/>
<path
fill="url(#c)"
d="m289.972 60.298 139.434 139.434c15.902 15.902 15.902 41.685 0 57.587L266.44 420.286c-15.902 15.902-41.685 15.902-57.587 0L69.418 280.852c-11.669-11.669-11.669-30.588 0-42.256L247.716 60.298c11.669-11.669 30.587-11.669 42.256 0z"
/>
<path
fill="#00c5da"
d="M208.631 341.712a11.463 11.463 0 0 1-8.132-3.368l-41.473-41.473c-4.491-4.491-4.491-11.772 0-16.264 4.491-4.491 11.772-4.491 16.264 0l41.473 41.473c4.491 4.491 4.491 11.772 0 16.264a11.468 11.468 0 0 1-8.132 3.368z"
/>
<path
fill="url(#d)"
d="M352.641 247.925v-21.404c0-7.658-6.208-13.866-13.866-13.866h-21.404c-14.628 0-21.954-17.686-11.61-28.029l48.236-48.236c9.306-9.306 24.394-9.306 33.699 0l41.21 41.21c9.306 9.306 9.306 24.394 0 33.699l-48.237 48.237c-10.342 10.343-28.028 3.017-28.028-11.611z"
/>
<path
fill="url(#e)"
d="M472.335 373.739H297.331l-47.901 11.737-44.76-11.737H29.666C13.282 373.739 0 387.087 0 403.552v17.089c0 16.465 13.282 29.813 29.665 29.813h442.669c16.384 0 29.665-13.348 29.665-29.813v-17.089c.001-16.465-13.281-29.813-29.664-29.813z"
/>
<path
fill="url(#f)"
d="M297.331 373.739H204.67v9.621c0 11.392 9.235 20.627 20.627 20.627h51.406c11.392 0 20.627-9.235 20.627-20.627v-9.621z"
/>
<path
fill="#fdaece"
d="M180.18 214.025c-4.688 4.688-13.216 3.759-19.049-2.074s-6.762-14.362-2.074-19.049c4.688-4.688 13.216-3.759 19.049 2.074 5.833 5.832 6.761 14.361 2.074 19.049z"
/>
<ellipse
cx="293.907"
cy="327.752"
fill="#fdaece"
rx="12.003"
ry="14.936"
transform="rotate(-45 293.868 327.83)"
/>
<circle cx="208.668" cy="200.627" r="29.618" fill="#fff" />
<circle cx="296.743" cy="288.702" r="29.618" fill="#fff" />
<g fill="#383842">
<circle
cx="208.668"
cy="200.627"
r="17.652"
transform="rotate(-45 208.647 200.68)"
/>
<circle
cx="296.743"
cy="288.702"
r="17.652"
transform="rotate(-48.01 296.57 288.744)"
/>
<path
d="m245.947 272.516-.192-.003c-11.667-.441-20.456-9.23-20.896-20.896a5 5 0 0 1 4.808-5.186 4.995 4.995 0 0 1 5.186 4.808c.242 6.4 4.881 11.039 11.281 11.281a5.002 5.002 0 0 1 4.808 5.186 5.004 5.004 0 0 1-4.995 4.81z"
/>
</g>
<g fill="#fff">
<path
d="M469.683 428.658h-38.248c-5.523 0-10-4.477-10-10s4.477-10 10-10h38.248c5.523 0 10 4.477 10 10s-4.477 10-10 10zM390.664 428.658h-9.449c-5.523 0-10-4.477-10-10s4.477-10 10-10h9.449c5.523 0 10 4.477 10 10s-4.477 10-10 10z"
/>
</g>
</svg>
More icons in the same style and category