Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as computer, education, study, knowledge, school, university, monitor, online learning, and e learning. Created in a clean flat gradient style with a silver and gray 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 64 64"
>
<linearGradient
id="b"
x1="32"
x2="32"
y1="51"
y2="7"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#474f72" />
<stop offset="1" stop-color="#878c9f" />
</linearGradient>
<linearGradient
id="a"
x1="32"
x2="32"
y1="51"
y2="43"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4d8e1" />
<stop offset="1" stop-color="#f3f4f5" />
</linearGradient>
<linearGradient
id="c"
x1="32"
x2="32"
y1="61"
y2="51"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#949aaf" />
<stop offset="1" stop-color="#c6ccda" />
</linearGradient>
<linearGradient
id="d"
x1="32"
x2="32"
y1="37"
y2="5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#da5466" />
<stop offset="1" stop-color="#f4929c" />
</linearGradient>
<linearGradient id="e" x1="13" x2="32" y1="19" y2="19" href="#a" />
<linearGradient id="f" x1="32" x2="51" y1="19" y2="19" href="#a" />
<g>
<path
fill="url(#b)"
d="M55 7h2a4 4 0 0 1 4 4v36a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V11a4 4 0 0 1 4-4h2"
/>
<path fill="url(#a)" d="M3 43h58v4a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4v-4z" />
<path
fill="#c7cdd8"
d="M61 45v2a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4v-2a4 4 0 0 0 4 4h50a4 4 0 0 0 4-4z"
/>
<path fill="#adb3c4" d="M33 48h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path
fill="url(#c)"
d="M42 61H22a3.66 3.66 0 0 0 2.22-.72c1.36-1 1.07-1.61 1.78-9.28h12c.29 3.15.14 1.49.7 7.51A3.16 3.16 0 0 0 42 61z"
/>
<path fill="#8288a1" d="M44 63H20a1 1 0 0 1 0-2h24a1 1 0 0 1 0 2z" />
<path fill="url(#d)" d="M13 5H9v32h46V5h-4" />
<path fill="#cf4055" d="M13 35H9v2h46v-2h-4" />
<path
fill="url(#e)"
d="M32 5v32a13.65 13.65 0 0 0-9.66-4H13V1h9.34A13.65 13.65 0 0 1 32 5z"
/>
<path
fill="url(#f)"
d="M32 5v32a13.65 13.65 0 0 1 9.66-4H51V1h-9.34A13.65 13.65 0 0 0 32 5z"
/>
<path
fill="#c7cdd8"
d="M32 34v3a13.65 13.65 0 0 0-9.66-4H13v-3h9.34A13.65 13.65 0 0 1 32 34zM51 30v3h-9.34A13.65 13.65 0 0 0 32 37v-3a13.65 13.65 0 0 1 9.66-4z"
/>
<g fill="#9ca0ad">
<path
d="M27 8h-9a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2zM27 13h-9a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2zM27 18h-9a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2zM27 23h-9a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2zM27 28h-9a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2zM46 8h-9a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2zM46 13h-9a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2zM46 18h-9a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2zM46 23h-9a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2zM46 28h-9a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2z"
/>
</g>
<path fill="#adb3c4" d="M38.23 54H25.77l.23-3h12z" />
<path fill="#42455e" d="M3 41h58v2H3z" />
</g>
</svg>
More icons in the same style and category