Add icons to this collection by clicking the heart icon.
Graduation Hat icon - also known as graduation, education, hat, student, and graduation hat. Created in a clean flat style with a gray, teal, navy, 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 512 512"
>
<path
fill="#414d5a"
d="M236 361c-41.505 0-80.724-4.978-110.432-14.015-15.353-4.671-27.646-10.282-36.54-16.679C74.128 319.588 71 308.109 71 300.366v-132.24a15 15 0 0 1 15-15h300c8.284 0 15 6.716 15 15v132.239c0 7.743-3.128 19.222-18.029 29.94-8.893 6.396-21.187 12.008-36.539 16.679C316.724 356.022 277.505 361 236 361z"
/>
<path
fill="#343a43"
d="M386 153.127H236V361c41.505 0 80.724-4.978 110.432-14.015 15.353-4.671 27.646-10.282 36.539-16.679C397.872 319.588 401 308.109 401 300.366V168.127c0-8.284-6.716-15-15-15z"
/>
<path
fill="#56616c"
d="M236 251c-2.109 0-4.218-.445-6.184-1.334l-221-100a15 15 0 0 1 0-27.332l221-100a15.003 15.003 0 0 1 12.367 0l221 100a14.998 14.998 0 0 1 .001 27.332l-221 100A15.005 15.005 0 0 1 236 251z"
/>
<path
fill="#414d5a"
d="m463.184 122.334-221-100A15.005 15.005 0 0 0 236 21v230c2.109 0 4.218-.445 6.184-1.334l221-100a14.999 14.999 0 0 0 0-27.332z"
/>
<path
fill="#1fa5ff"
d="M457 361c-8.284 0-15-6.716-15-15V151H236c-8.284 0-15-6.716-15-15s6.716-15 15-15h221c8.284 0 15 6.716 15 15v210c0 8.284-6.716 15-15 15z"
/>
<path
fill="#0d8ef0"
d="M457 121H236v30h206v195c0 8.284 6.716 15 15 15s15-6.716 15-15V136c0-8.284-6.716-15-15-15z"
/>
<path
fill="#ffc814"
d="M497 491h-80a15.003 15.003 0 0 1-14.956-16.15l7.699-100.088C411.63 350.222 432.388 331 457 331s45.37 19.222 47.257 43.762l7.699 100.088A15.001 15.001 0 0 1 497 491z"
/>
</svg>
More icons in the same style and category