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 color omission style with a white, silver, teal, and orange 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"
>
<g>
<rect width="25" height="28" x="5" y="2" fill="#55ace3" rx="1" />
<path
d="M30 3v26a1 1 0 0 1-1 1h-3a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h3a1 1 0 0 1 1 1z"
opacity=".07"
/>
<path
fill="#fff"
d="M30 3v26a1 1 0 0 1-1 1h-1a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h1a1 1 0 0 1 1 1z"
opacity=".2"
/>
<path
d="M5 9h25v2H5zM13 7a1 1 0 0 1-1 1H2V6h10a1 1 0 0 1 1 1z"
opacity=".1"
/>
<circle cx="23" cy="7" r="1" opacity=".1" />
<circle cx="20" cy="7" r="1" opacity=".1" />
<circle cx="26" cy="7" r="1" opacity=".1" />
<circle cx="23" cy="27" r="1" opacity=".1" />
<circle cx="26" cy="27" r="1" opacity=".1" />
<circle cx="6" cy="23" r="1" opacity=".1" />
<circle cx="9" cy="23" r="1" opacity=".1" />
<path
d="M26 16h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM26 20h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM26 24H12a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2zM20 28H6a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2z"
opacity=".1"
/>
<path
fill="#1a5083"
d="M29 2H3a1 1 0 0 0-1 1v26a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm-1 6H17V4h11zM15 4v4H4V7h8a1 1 0 0 0 0-2H4V4zM4 28V10h24v18zM22 6a1 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 1zM5 22a1 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 1H12a1 1 0 0 1 0-2h14a1 1 0 0 1 1 1zm-6 4a1 1 0 0 1-1 1H6a1 1 0 0 1 0-2h14a1 1 0 0 1 1 1z"
/>
<path
fill="#ffc10e"
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.8V18c0 .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"
/>
<path
fill="#55ace3"
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"
/>
<g fill="#1a5083">
<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.67V18c0 .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.62L9.76 14zm2 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