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 outline color 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="63"
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="url(#c)"
d="M42 63H22a3.27 3.27 0 0 0 2.22-.86C25.58 60.94 25.29 60.2 26 51h12c.29 3.78.14 1.79.7 9a3.32 3.32 0 0 0 3.3 3z"
/>
<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"
/>
<path fill="#adb3c4" d="M38.23 54H25.77l.23-3h12z" />
<path fill="#42455e" d="M3 41h58v2H3z" />
<path
d="M57 6h-1V5a1 1 0 0 0-1-1h-3V1a1 1 0 0 0-1-1c-9 0-13.88-.86-19 3.65C26.85-.88 22 0 13 0a1 1 0 0 0-1 1v3H9a1 1 0 0 0-1 1v1H7a5 5 0 0 0-5 5v36a5 5 0 0 0 5 5h17.92l-.62 7.92A2.31 2.31 0 0 1 22 62h-2a1 1 0 0 0 0 2h24a1 1 0 0 0 0-2h-2a2.3 2.3 0 0 1-2.3-2.07L39.08 52H57a5 5 0 0 0 5-5V11a5 5 0 0 0-5-5zm-3 0v30H34.84c3.95-2.54 6.81-2 16.16-2a1 1 0 0 0 1-1V6zm-4-4v30c-8.16 0-12.26-.66-17 2.83V5.42A12.56 12.56 0 0 1 41.66 2zM14 2c7.83 0 12.48-.82 17 3.42v29.41C26.16 31.27 21.91 32 14 32zm-4 4h2v27a1 1 0 0 0 1 1c9.28 0 12.21-.54 16.16 2H10zM7 8h1v29a1 1 0 0 0 1 1h46a1 1 0 0 0 1-1V8h1a3 3 0 0 1 3 3v31H4V11a3 3 0 0 1 3-3zm31.35 54H25.64c.77-1.21.61-1.38 1.29-10h10.15c.6 7.84.44 8.69 1.27 10zM60 47a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-3h56z"
/>
<path
d="M31 48h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM18 8h9a1 1 0 0 0 0-2h-9a1 1 0 0 0 0 2zM18 13h9a1 1 0 0 0 0-2h-9a1 1 0 0 0 0 2zM18 18h9a1 1 0 0 0 0-2h-9a1 1 0 0 0 0 2zM18 23h9a1 1 0 0 0 0-2h-9a1 1 0 0 0 0 2zM18 28h9a1 1 0 0 0 0-2h-9a1 1 0 0 0 0 2zM37 8h9a1 1 0 0 0 0-2h-9a1 1 0 0 0 0 2zM37 13h9a1 1 0 0 0 0-2h-9a1 1 0 0 0 0 2zM37 18h9a1 1 0 0 0 0-2h-9a1 1 0 0 0 0 2zM37 23h9a1 1 0 0 0 0-2h-9a1 1 0 0 0 0 2zM37 28h9a1 1 0 0 0 0-2h-9a1 1 0 0 0 0 2z"
/>
</g>
</svg>
More icons in the same style and category