Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as education, smartphone, question, test, and online learning. 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="652"
height="652"
viewBox="-11 0 489 489.598"
>
<linearGradient id="a">
<stop offset="0" stop-color="#3bb2d4" />
<stop offset="1" stop-color="#42e695" />
</linearGradient>
<linearGradient
id="b"
x1="326.403"
x2="123.403"
y1="337.076"
y2="86.076"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="415.334"
x2="212.334"
y1="265.152"
y2="14.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="380.097"
x2="177.097"
y1="293.651"
y2="42.651"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="275.644"
x2="72.644"
y1="378.128"
y2="127.128"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="321.757"
x2="118.757"
y1="340.834"
y2="89.834"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="299.585"
x2="96.585"
y1="358.766"
y2="107.766"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="282.858"
x2="79.858"
y1="372.294"
y2="121.294"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="332.502"
x2="129.502"
y1="332.143"
y2="81.143"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="338.998"
x2="135.998"
y1="326.89"
y2="75.89"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="436.051"
x2="233.051"
y1="248.397"
y2="-2.603"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="401.981"
x2="198.981"
y1="275.951"
y2="24.951"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="470.382"
x2="267.382"
y1="220.631"
y2="-30.369"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="434.659"
x2="231.66"
y1="249.522"
y2="-1.478"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M116.55 301.422c0 17.152 13.958 31.11 31.11 31.11h32.82c3.313 0 6-2.688 6-6s-2.687-6-6-6h-32.82c-10.535 0-19.11-8.571-19.11-19.11v-11.637h50.727c3.317 0 6-2.687 6-6s-2.683-6-6-6h-50.726V54.75h196.347c.024 0 .04.004.059.004 3.313 0 6-2.688 6-6V31.117C330.957 13.961 316.997 0 299.84 0H147.66c-17.152 0-31.11 13.96-31.11 31.117v28.664c-5.187.043-10.32 1.66-14.6 4.75L48.464 103.09c-3.996-8.672-12.77-14.711-22.93-14.711-13.914 0-25.234 11.32-25.234 25.238v133.91c0 13.918 11.32 25.243 25.234 25.243 9.172 0 17.215-4.918 21.633-12.258 6.16 6.992 15.176 11.418 25.207 11.418h44.176zm12-270.305c0-10.539 8.571-19.117 19.11-19.117h152.18c10.543 0 19.117 8.578 19.117 19.117V42.75H128.551zm-89.777 216.41c0 7.301-5.937 13.243-13.238 13.243-7.297 0-13.234-5.942-13.234-13.243v-133.91c0-7.3 5.937-13.238 13.234-13.238 7.3 0 13.238 5.937 13.238 13.238zm51.973 12.403H72.375c-11.91 0-21.598-9.688-21.598-21.594 0-.016-.004-.027-.004-.04V116.22l58.192-41.953a13.268 13.268 0 0 1 7.586-2.48v37.644l-37.078 26.738a6 6 0 1 0 7.015 9.734l30.063-21.675V259.93zm0 0"
/>
<path
fill="url(#c)"
d="M246.465 22.27h-45.426a6.001 6.001 0 0 0 0 12h45.426a6 6 0 1 0 0-12zm0 0"
/>
<path
fill="url(#d)"
d="M171.59 22.27h-12.246a6.001 6.001 0 0 0 0 12h12.246c3.312 0 6-2.688 6-6s-2.688-6-6-6zm0 0"
/>
<path
fill="url(#e)"
d="M340.125 447.918c5.809-5.48 9.445-13.234 9.445-21.828v-94.906c0-.204-.011-.407-.03-.61-.618-12.582-10.763-22.703-23.36-23.281a6.004 6.004 0 0 0 4.777-5.875V243.84a6.001 6.001 0 0 0-12 0v33.945h-70.656c-3.313 0-6 2.688-6 6s2.687 6 6 6h70.656v11.633a6.001 6.001 0 0 0 4.8 5.879 24.39 24.39 0 0 0-14.237 5.52c-4.168-7.622-12.258-12.801-21.536-12.801a24.401 24.401 0 0 0-15.265 5.351c-4.121-8.11-12.446-13.8-21.79-13.8-4.538 0-8.835 1.343-12.527 3.652v-61.942c0-13.523-11.004-24.523-24.527-24.523s-24.527 11-24.527 24.523v131.547c0 4.324-3.567 7.844-7.95 7.844-2.168 0-4.18-.86-5.668-2.422-.023-.023-.05-.039-.074-.062-.023-.024-.039-.051-.062-.075L154.8 349.668c-4.633-4.637-10.793-7.188-17.348-7.188-6.55 0-12.71 2.551-17.344 7.184-9.558 9.566-9.558 25.129.004 34.691l71.18 71.18a22.608 22.608 0 0 0-3.031 11.32c0 12.54 10.203 22.743 22.746 22.743H327.55c12.539 0 22.746-10.2 22.75-22.743 0-7.894-4.047-14.859-10.176-18.937zm-211.527-72.047c-4.887-4.883-4.887-12.836 0-17.719 2.363-2.367 5.511-3.672 8.855-3.672s6.492 1.305 8.895 3.708l20.832 20.476c.02.024.043.035.062.055a19.917 19.917 0 0 0 14.153 5.949c10.792 0 19.585-8.57 19.921-19.223.02-.203.032-.41.032-.617v-131.55c0-6.907 5.62-12.524 12.527-12.524s12.523 5.617 12.523 12.523v98.961c0 3.313 2.688 6 6 6 3.317 0 6-2.687 6-6v-15.504c0-.011.004-.023.004-.039 0-7.117 5.735-13.129 12.524-13.129 6.793 0 12.527 6.012 12.527 13.13v21c0 3.312 2.688 6 6 6s6-2.688 6-6v-13.094c0-.02.004-.036.004-.055 0-6.91 5.617-12.531 12.523-12.531s12.528 5.62 12.528 12.53v20.997a6.001 6.001 0 0 0 12 0v-13.656c0-.032.004-.067.004-.098 0-6.906 5.62-12.523 12.527-12.523s12.527 5.617 12.527 12.523v94.3c0 9.938-8.086 18.02-18.023 18.02-.04 0-.074.004-.113.008H211.004a22.57 22.57 0 0 0-11.2 2.961zm198.953 101.73H211.004c-5.922 0-10.742-4.82-10.742-10.742 0-5.925 4.82-10.742 10.742-10.742h116.55c5.926 0 10.747 4.817 10.747 10.738-.004 5.926-4.824 10.747-10.75 10.747zm0 0"
/>
<path
fill="url(#f)"
d="M195.676 178.992a6 6 0 0 0-3.586 7.692l3.773 10.363a6.001 6.001 0 1 0 11.278-4.106l-3.774-10.363a5.997 5.997 0 0 0-7.691-3.586zm0 0"
/>
<path
fill="url(#g)"
d="M187.738 213.902a5.997 5.997 0 0 0-2.191-8.195l-9.555-5.516a5.999 5.999 0 0 0-8.195 2.196 5.998 5.998 0 0 0 2.195 8.195l9.551 5.516a5.961 5.961 0 0 0 2.996.804 5.988 5.988 0 0 0 5.2-3zm0 0"
/>
<path
fill="url(#h)"
d="m177.203 229.363-10.863 1.918a6.001 6.001 0 0 0 1.035 11.91c.348 0 .7-.03 1.05-.093l10.864-1.914a6.003 6.003 0 0 0-2.086-11.82zm0 0"
/>
<path
fill="url(#i)"
d="m248.46 241.184 10.86 1.914a6.005 6.005 0 0 0 6.953-4.867 6.001 6.001 0 0 0-4.867-6.95l-10.863-1.918a6.001 6.001 0 0 0-2.082 11.82zm0 0"
/>
<path
fill="url(#j)"
d="m224.383 182.578-3.774 10.363a6.002 6.002 0 0 0 5.637 8.055 6.001 6.001 0 0 0 5.64-3.95l3.774-10.362a6.002 6.002 0 0 0-3.586-7.692 6.004 6.004 0 0 0-7.691 3.586zm0 0"
/>
<path
fill="url(#k)"
d="M446.57 60.281H261.285c-11.039 0-20.015 8.98-20.015 20.02v126.37c0 11.04 8.976 20.02 20.015 20.02h8.606v27.059c0 .035.004.066.004.102.003.12.007.246.02.367.007.078.01.156.019.234.015.113.035.227.054.34.016.086.028.172.047.258.024.097.05.195.078.293.028.097.051.195.086.293.028.082.059.164.09.246.04.11.082.215.129.316a8.5 8.5 0 0 0 .273.54c.02.03.032.062.051.09.016.03.04.054.055.081.105.168.219.332.34.492l.093.125c.145.176.297.344.461.504.055.055.114.102.168.153.118.105.239.207.364.304.066.051.132.102.203.153.144.101.297.199.453.293.039.023.078.05.121.074.203.11.414.21.629.297.043.02.09.03.133.047.176.07.351.125.535.175.062.02.125.036.187.051.168.04.344.074.52.098.062.012.125.023.191.031.211.023.43.04.649.04.02 0 .035.003.054.003.028 0 .055-.004.082-.004.207-.004.415-.02.618-.043.078-.008.16-.023.238-.035.168-.027.336-.059.5-.102.07-.015.14-.035.21-.054a5.953 5.953 0 0 0 1.356-.578c.024-.012.047-.024.067-.036l53.867-32.207H446.57c11.04 0 20.02-8.98 20.02-20.02V80.302c-.004-11.04-8.985-20.02-20.02-20.02zm8.016 146.39c0 4.423-3.598 8.02-8.016 8.02H331.18c-.028 0-.055.004-.082.004-.141.004-.282.012-.418.024-.063.004-.125.008-.184.015a6.389 6.389 0 0 0-.953.188c-.074.023-.152.043-.227.07a2.92 2.92 0 0 0-.308.113 4.91 4.91 0 0 0-.254.102 5.901 5.901 0 0 0-.274.133c-.09.047-.175.09-.261.14-.04.02-.082.04-.117.06l-46.211 27.632v-22.48c0-3.313-2.688-6-6-6h-14.606c-4.422 0-8.015-3.598-8.015-8.02V80.3c0-4.422 3.593-8.02 8.015-8.02H446.57c4.418 0 8.016 3.598 8.016 8.02zm0 0"
/>
<path
fill="url(#l)"
d="M299.867 97.637c-13.887 0-25.183 11.297-25.183 25.18v60.515a6.001 6.001 0 0 0 12 0v-25.168h26.363v25.168a6.001 6.001 0 0 0 12 0v-60.516c0-13.882-11.297-25.18-25.18-25.18zm13.18 48.527h-26.36v-23.348c0-7.265 5.91-13.18 13.18-13.18s13.18 5.915 13.18 13.18zm0 0"
/>
<path
fill="url(#m)"
d="M407.992 109.64c7.266 0 13.18 5.91 13.18 13.18a6.001 6.001 0 0 0 12 0c0-13.886-11.297-25.18-25.18-25.18-13.887 0-25.183 11.294-25.183 25.18v41.332c0 13.883 11.296 25.18 25.183 25.18 13.883 0 25.18-11.297 25.18-25.18 0-3.312-2.688-6-6-6s-6 2.688-6 6c0 7.27-5.914 13.18-13.18 13.18-7.27 0-13.183-5.91-13.183-13.18V122.82c0-7.27 5.914-13.18 13.183-13.18zm0 0"
/>
<path
fill="url(#n)"
d="M353.906 97.637h-19.812c-3.313 0-6 2.687-6 6v79.258c0 3.316 2.687 6 6 6h19.812c14.235 0 25.813-11.579 25.813-25.81 0-7.952-3.617-15.077-9.29-19.815 5.673-4.739 9.29-11.864 9.29-19.82 0-14.235-11.578-25.813-25.813-25.813zm0 79.258h-13.812v-27.622h13.812c7.617 0 13.813 6.196 13.813 13.813 0 7.613-6.196 13.809-13.813 13.809zm13.813-53.446c0 7.621-6.196 13.824-13.813 13.824h-13.812v-27.636h13.812c7.617 0 13.813 6.195 13.813 13.812zm0 0"
/>
</svg>
More icons in the same style and category