Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as computer, education, school, mortarboard, online education, online learning, training, and elearning. Created in a clean flat gradient style with a white and silver 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 32 32"
>
<linearGradient
id="a"
x1="15"
x2="17"
y1="23"
y2="23"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1565c0" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient
id="b"
x1="12"
x2="20"
y1="26"
y2="26"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#64b5f6" />
<stop offset="1" stop-color="#bbdefb" />
</linearGradient>
<linearGradient
id="c"
x1="2"
x2="30"
y1="12.5"
y2="12.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb74d" />
<stop offset="1" stop-color="#ffe0b2" />
</linearGradient>
<linearGradient id="d" x1="22" x2="27" y1="9" y2="9" href="#a" />
<linearGradient id="e" x1="22" x2="27" y1="12" y2="12" href="#a" />
<linearGradient id="f" x1="22" x2="27" y1="15" y2="15" href="#a" />
<linearGradient id="g" x1="11" x2="27" y1="18" y2="18" href="#a" />
<linearGradient id="h" x1="8" x2="10" y1="18" y2="18" href="#a" />
<linearGradient id="i" x1="5" x2="7" y1="18" y2="18" href="#a" />
<linearGradient id="j" x1="10" x2="22" y1="28" y2="28" href="#a" />
<linearGradient id="k" x1="19" x2="21" y1="11" y2="11" href="#a" />
<linearGradient id="l" x1="5" x2="21" y1="9.5" y2="9.5" href="#a" />
<g>
<path
fill="url(#a)"
d="M16 25a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1z"
/>
<path
fill="url(#b)"
d="M16 23a4 4 0 0 0-4 4v1a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-1a4 4 0 0 0-4-4z"
/>
<path
d="M19.28 24.72A4 4 0 0 0 13 28v1a1 1 0 0 1-1-1v-1a4 4 0 0 1 7.28-2.28z"
opacity=".1"
/>
<rect width="28" height="19" x="2" y="3" fill="url(#c)" rx="1" />
<path
fill="#fff"
d="M28.07 4H3.93a.91.91 0 0 0-.93.89v15.22a.91.91 0 0 0 .93.89h24.14a.91.91 0 0 0 .93-.89V4.89a.91.91 0 0 0-.93-.89z"
/>
<path
d="M26 11h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM26 14h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM26 17h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM26 20H12a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2z"
opacity=".1"
/>
<circle cx="9" cy="19" r="1" opacity=".1" />
<circle cx="6" cy="19" r="1" opacity=".1" />
<path fill="url(#d)" d="M26 10h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2z" />
<path fill="url(#e)" d="M26 13h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2z" />
<path fill="url(#f)" d="M26 16h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2z" />
<path fill="url(#g)" d="M26 19H12a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2z" />
<circle cx="9" cy="18" r="1" fill="url(#h)" />
<circle cx="6" cy="18" r="1" fill="url(#i)" />
<path fill="url(#j)" d="M21 29H11a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z" />
<path
fill="#64b5f6"
d="M17.57 9.32a1 1 0 0 0-.92-.11L13 10.59 9.35 9.21a1 1 0 0 0-1.35.93V14c0 1.2 1.52 1.45 2.09 1.55a18.52 18.52 0 0 0 2.91.2c4.41 0 5-.88 5-1.75v-3.86a1 1 0 0 0-.43-.82z"
/>
<path
d="M18 13v1c0 .87-.59 1.75-5 1.75a18.52 18.52 0 0 1-2.91-.2C9.52 15.45 8 15.2 8 14v-1c0 1.2 1.52 1.45 2.09 1.55a18.52 18.52 0 0 0 2.91.2c4.41 0 5-.88 5-1.75z"
opacity=".1"
/>
<path
fill="url(#k)"
d="M20 14a1 1 0 0 1-1-1V9a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z"
/>
<path
fill="url(#l)"
d="m20.23 8-7-1.66a.9.9 0 0 0-.46 0L5.77 8a1 1 0 0 0-.77.94 1 1 0 0 0 .64 1l7 2.66a.91.91 0 0 0 .7 0l7-2.66a1 1 0 0 0 .64-1 1 1 0 0 0-.75-.94z"
/>
<path
d="M21 8.94a1 1 0 0 1-.64 1l-7 2.66a.91.91 0 0 1-.7 0l-7-2.66a1 1 0 0 1-.64-1 1.07 1.07 0 0 1 .13-.44 1 1 0 0 0 .51.43l7 2.66a.91.91 0 0 0 .7 0l7-2.66a1 1 0 0 0 .51-.43 1.07 1.07 0 0 1 .13.44z"
opacity=".1"
/>
</g>
</svg>
More icons in the same style and category