Add icons to this collection by clicking the heart icon.
Online Education icon - also known as graduation, education, student, mortarboard, website, online education, online learning, and web browser. Created in a clean grey 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 32 32"
>
<g id="_75_online_school">
<rect fill="#95a4b6" height="28" rx="1" width="28" x="2" y="2" />
<path
d="m6 30h-3a1 1 0 0 1 -1-1v-26a1 1 0 0 1 1-1h3a1 1 0 0 0 -1 1v26a1 1 0 0 0 1 1z"
opacity=".1"
/>
<path
d="m30 3v26a1 1 0 0 1 -1 1h-3a1 1 0 0 0 1-1v-26a1 1 0 0 0 -1-1h3a1 1 0 0 1 1 1z"
fill="#fff"
opacity=".2"
/>
<path
d="m30 3v26a1 1 0 0 1 -1 1h-1a1 1 0 0 0 1-1v-26a1 1 0 0 0 -1-1h1a1 1 0 0 1 1 1z"
fill="#fff"
opacity=".2"
/>
<g opacity=".1"><path d="m2 9h28v2h-28z" /></g>
<g opacity=".1">
<path d="m13 7a1 1 0 0 1 -1 1h-10v-2h10a1 1 0 0 1 1 1z" />
</g>
<g opacity=".1"><circle cx="23" cy="7" r="1" /></g>
<g opacity=".1"><circle cx="20" cy="7" r="1" /></g>
<g opacity=".1"><circle cx="26" cy="7" r="1" /></g>
<g opacity=".1"><circle cx="23" cy="27" r="1" /></g>
<g opacity=".1"><circle cx="26" cy="27" r="1" /></g>
<g opacity=".1"><circle cx="6" cy="23" r="1" /></g>
<g opacity=".1"><circle cx="9" cy="23" r="1" /></g>
<g opacity=".1">
<path d="m26 16h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2z" />
</g>
<g opacity=".1">
<path d="m26 20h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2z" />
</g>
<g opacity=".1">
<path d="m26 24h-14a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2z" />
</g>
<g opacity=".1">
<path d="m20 28h-14a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2z" />
</g>
<path
d="m29 2h-26a1 1 0 0 0 -1 1v26a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-26a1 1 0 0 0 -1-1zm-1 6h-11v-4h11zm-13-4v4h-11v-1h8a1 1 0 0 0 0-2h-8v-1zm-11 24v-18h24v18zm18-22a1 1 0 1 1 1 1 1 1 0 0 1 -1-1zm-3 0a1 1 0 1 1 1 1 1 1 0 0 1 -1-1zm5 20a1 1 0 1 1 -1-1 1 1 0 0 1 1 1zm1-20a1 1 0 1 1 1 1 1 1 0 0 1 -1-1zm2 20a1 1 0 1 1 -1-1 1 1 0 0 1 1 1zm-22-4a1 1 0 1 1 1 1 1 1 0 0 1 -1-1zm3 0a1 1 0 1 1 1 1 1 1 0 0 1 -1-1zm19-8a1 1 0 0 1 -1 1h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 1 1zm0 4a1 1 0 0 1 -1 1h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 1 1zm0 4a1 1 0 0 1 -1 1h-14a1 1 0 0 1 0-2h14a1 1 0 0 1 1 1zm-6 4a1 1 0 0 1 -1 1h-14a1 1 0 0 1 0-2h14a1 1 0 0 1 1 1z"
fill="#012d4a"
/>
<path
d="m15.61 14a1 1 0 0 0 -.88-.16l-2.73.78-2.73-.75a1 1 0 0 0 -.88.16 1 1 0 0 0 -.39.8v3.17c0 .53.3 1.22 1.72 1.54a11.43 11.43 0 0 0 2.28.21c2.69 0 4-.57 4-1.75v-3.17a1 1 0 0 0 -.39-.83z"
fill="#fff"
/>
<path
d="m18.27 13-6-1.66a1 1 0 0 0 -.54 0l-6 1.66a1 1 0 0 0 0 1.92l6 1.66a.93.93 0 0 0 .54 0l6-1.66a1 1 0 0 0 0-1.92z"
fill="#95a4b6"
/>
<g fill="#012d4a">
<path
d="m18.27 13-6-1.66a1 1 0 0 0 -.54 0l-6 1.66a1 1 0 0 0 0 1.92l2.27.67v2.41c0 .53.3 1.22 1.72 1.54a11.43 11.43 0 0 0 2.28.21c2.69 0 4-.57 4-1.75v-2.41l2.27-.59a1 1 0 0 0 0-1.92zm-6.27.38 2.24.62-2.24.62-2.24-.62zm2 4.18a10.76 10.76 0 0 1 -4 0v-1.42l1.73.48a.93.93 0 0 0 .54 0l1.73-.48z"
/>
<path d="m19 14v2a1 1 0 0 1 -2 0v-2a1 1 0 0 1 2 0z" />
</g>
</g>
</svg>
More icons in the same style and category