Add icons to this collection by clicking the heart icon.
Learning Online icon - also known as computer, education, user, study, online, student, working, course, learning online, and work from home. 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 90 90"
>
<linearGradient id="a">
<stop offset="0" stop-color="#8bc53f" />
<stop offset="1" stop-color="#017f25" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="60"
y1="59"
y2="59"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="37"
x2="55"
y1="60"
y2="60"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="4"
x2="27"
y1="55"
y2="55"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="64.286"
x2="85.714"
y1="58.5"
y2="58.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="12"
x2="21.082"
y1="55"
y2="55"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="14"
x2="82"
y1="34.5"
y2="34.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="47"
x2="49"
y1="26"
y2="26"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="47"
x2="49"
y1="22"
y2="22"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="42.219"
x2="53.665"
y1="10.375"
y2="10.375"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="44.175"
x2="51.707"
y1="14.378"
y2="14.378"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="47"
x2="49"
y1="18"
y2="18"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="4"
x2="85.714"
y1="41.315"
y2="41.315"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M59 44H36c-2.206 0-4 1.794-4 4v22c0 2.206 1.794 4 4 4h23a1 1 0 0 0 1-1V45a1 1 0 0 0-1-1zm-20 2h3v4h-3zm-3 0h1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5h14v20H34V48c0-1.103.897-2 2-2zm0 26c-1.103 0-2-.897-2-2v-2h24v4z"
/>
<path
fill="url(#c)"
d="M40 63h12c1.654 0 3-1.346 3-3s-1.346-3-3-3H40c-1.654 0-3 1.346-3 3s1.346 3 3 3zm0-4h12a1.001 1.001 0 0 1 0 2H40c-.551 0-1-.449-1-1s.449-1 1-1z"
/>
<path
fill="url(#d)"
d="M23 44H8c-2.206 0-4 1.794-4 4v14c0 2.206 1.794 4 4 4h15c2.206 0 4-1.794 4-4V48c0-2.206-1.794-4-4-4zm2 18c0 1.103-.897 2-2 2H8c-1.103 0-2-.897-2-2V48c0-1.103.897-2 2-2h15c1.103 0 2 .897 2 2z"
/>
<path
fill="url(#e)"
d="m85.214 48.077-6.928-4a.998.998 0 0 0-1.366.366l-11 19.052-1.5 2.598a1 1 0 0 0-.1.759l1.464 5.464a1 1 0 0 0 1.225.707l5.464-1.464a.995.995 0 0 0 .607-.466l12.5-21.65a1 1 0 0 0-.366-1.366zm-7.062-1.768 5.195 3-1 1.731-5.195-3zm-4.804 20.32-1.732-1 8-13.856 1.732 1zm-5.196-3 8-13.856 1.732 1-8 13.856zm-.695 7.204-1.098-4.098.793-1.373 5.195 3-.793 1.373z"
/>
<path
fill="url(#f)"
d="M20.582 54.134 13.5 50.045a.998.998 0 0 0-1.5.867v8.177a.998.998 0 0 0 1.5.866l7.082-4.088a1 1 0 0 0 0-1.733zM14 57.356v-4.713L18.082 55z"
/>
<path
fill="url(#g)"
d="M15 40a1 1 0 0 0 1-1v-8h31v8a1 1 0 1 0 2 0v-8h31v8a1 1 0 1 0 2 0v-9a1 1 0 0 0-1-1H15a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1z"
/>
<circle cx="48" cy="26" r="1" fill="url(#h)" />
<circle cx="48" cy="22" r="1" fill="url(#i)" />
<path
fill="url(#j)"
d="M43.775 11.949c.178-.118 4.407-2.874 8.299-.023a.998.998 0 0 0 1.398-.216 1 1 0 0 0-.216-1.397c-5.043-3.693-10.373-.174-10.597-.022a.999.999 0 0 0 1.116 1.658z"
/>
<path
fill="url(#k)"
d="M51.514 15.404a1 1 0 0 0-.216-1.397c-3.183-2.332-6.541-.118-6.682-.022a1 1 0 1 0 1.12 1.657c.023-.016 2.315-1.534 4.381-.022a1 1 0 0 0 1.397-.216z"
/>
<circle cx="48" cy="18" r="1" fill="url(#l)" />
<g fill="url(#m)">
<path
d="M59 44H36c-2.206 0-4 1.794-4 4v22c0 2.206 1.794 4 4 4h23a1 1 0 0 0 1-1V45a1 1 0 0 0-1-1zm-20 2h3v4h-3zm-3 0h1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5h14v20H34V48c0-1.103.897-2 2-2zm0 26c-1.103 0-2-.897-2-2v-2h24v4z"
/>
<path
d="M40 63h12c1.654 0 3-1.346 3-3s-1.346-3-3-3H40c-1.654 0-3 1.346-3 3s1.346 3 3 3zm0-4h12a1.001 1.001 0 0 1 0 2H40c-.551 0-1-.449-1-1s.449-1 1-1zM23 44H8c-2.206 0-4 1.794-4 4v14c0 2.206 1.794 4 4 4h15c2.206 0 4-1.794 4-4V48c0-2.206-1.794-4-4-4zm2 18c0 1.103-.897 2-2 2H8c-1.103 0-2-.897-2-2V48c0-1.103.897-2 2-2h15c1.103 0 2 .897 2 2zM85.214 48.077l-6.928-4a.998.998 0 0 0-1.366.366l-11 19.052-1.5 2.598a1 1 0 0 0-.1.759l1.464 5.464a1 1 0 0 0 1.225.707l5.464-1.464a.995.995 0 0 0 .607-.466l12.5-21.65a1 1 0 0 0-.366-1.366zm-7.062-1.768 5.195 3-1 1.731-5.195-3zm-4.804 20.32-1.732-1 8-13.856 1.732 1zm-5.196-3 8-13.856 1.732 1-8 13.856zm-.695 7.204-1.098-4.098.793-1.373 5.195 3-.793 1.373z"
/>
<path
d="M20.582 54.134 13.5 50.045a.998.998 0 0 0-1.5.867v8.177a.998.998 0 0 0 1.5.866l7.082-4.088a1 1 0 0 0 0-1.733zM14 57.356v-4.713L18.082 55zM15 40a1 1 0 0 0 1-1v-8h31v8a1 1 0 1 0 2 0v-8h31v8a1 1 0 1 0 2 0v-9a1 1 0 0 0-1-1H15a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1z"
/>
<circle cx="48" cy="26" r="1" />
<circle cx="48" cy="22" r="1" />
<path
d="M43.775 11.949c.178-.118 4.407-2.874 8.299-.023a.998.998 0 0 0 1.398-.216 1 1 0 0 0-.216-1.397c-5.043-3.693-10.373-.174-10.597-.022a.999.999 0 0 0 1.116 1.658zM51.514 15.404a1 1 0 0 0-.216-1.397c-3.183-2.332-6.541-.118-6.682-.022a1 1 0 1 0 1.12 1.657c.023-.016 2.315-1.534 4.381-.022a1 1 0 0 0 1.397-.216z"
/>
<circle cx="48" cy="18" r="1" />
</g>
</svg>
More icons in the same style and category