Add icons to this collection by clicking the heart icon.
Graduation Cap icon - also known as school, hat, fashion, graduate, and graduation cap. Created in a clean lineal color style with a white, silver, gray, yellow, 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 60 60"
>
<path
fill="#607d8b"
d="M52 19.27V49a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V19.34z"
/>
<path
fill="#37474f"
d="M49 19.275V49a4 4 0 0 1-4 4h3a4 4 0 0 0 4-4V19.27z"
/>
<path
fill="#607d8b"
d="M17.23 21.7 8 19.34l-5.59-1.43a2 2 0 0 1 0-3.82l27-6.91a1.979 1.979 0 0 1 1.18 0l27 6.82a2 2 0 0 1 0 3.82L52 19.27l-21.41 5.55a1.979 1.979 0 0 1-1.18 0l-7.13-1.83z"
/>
<path
fill="#37474f"
d="m57.59 14-27-6.82a1.979 1.979 0 0 0-1.18 0l-.9.231L54.59 14a2 2 0 0 1 0 3.82L49 19.27l-20.5 5.315.915.235a1.979 1.979 0 0 0 1.18 0L52 19.27l5.59-1.45a2 2 0 0 0 0-3.82z"
/>
<path
fill="#f5f5f5"
d="m31.13 16.65-12.7 9.1a1.015 1.015 0 0 0-.43.83v10.96a3.974 3.974 0 0 0-4 0V26.58a4.985 4.985 0 0 1 2.17-4.12l12.7-9.11a2 2 0 1 1 2.26 3.3z"
/>
<path
fill="#cfd8dc"
d="M14 37.132v.408a4.114 4.114 0 0 1 .5-.242 4.068 4.068 0 0 0-.5-.166zM31.65 13.87a2.006 2.006 0 0 0-2.78-.52l-.411.295a1.947 1.947 0 0 1-.329 3l-12.7 9.1a1.015 1.015 0 0 0-.43.83v10.557A3.928 3.928 0 0 1 16 37a3.989 3.989 0 0 1 2 .54V26.58a1.015 1.015 0 0 1 .43-.83l12.7-9.1a2.006 2.006 0 0 0 .52-2.78z"
/>
<path fill="#ffdf00" d="M20 41a4.01 4.01 0 1 1-2-3.46A4 4 0 0 1 20 41z" />
<path
fill="#fec108"
d="M18 37.54a3.953 3.953 0 0 0-3.5-.242 4.114 4.114 0 0 1 .5.242 3.993 3.993 0 0 1-.5 7.164A4 4 0 0 0 18 37.54z"
/>
<path
d="M2.163 18.879 7 20.116V49a5.006 5.006 0 0 0 5 5h36a5.006 5.006 0 0 0 5-5V20.042l4.884-1.267a3 3 0 0 0-.049-5.745l-26.944-6.8a2.931 2.931 0 0 0-1.729-.016l-27.047 6.92a3 3 0 0 0 .048 5.745zM51 49a3 3 0 0 1-3 3H12a3 3 0 0 1-3-3V20.628l5.96 1.524A5.983 5.983 0 0 0 13 26.58v10.446a5 5 0 1 0 6 0l.012-10.463 3.471-2.488 6.625 1.7a3 3 0 0 0 .9.139 2.744 2.744 0 0 0 .829-.124L51 20.56zM16 38a3 3 0 1 1-3 3 3 3 0 0 1 3-3zm-1-1.9v-9.52a4 4 0 0 1 1.753-3.308l12.68-9.095a1 1 0 1 1 1.114 1.66l-12.692 9.095A2.016 2.016 0 0 0 17 26.58v9.52a5 5 0 0 0-2 0zM2.658 15.059l27.053-6.925a1.047 1.047 0 0 1 .634.016L57.3 14.956a.967.967 0 0 1 .7.954.952.952 0 0 1-.661.942l-27.05 7.014a1.041 1.041 0 0 1-.63-.015l-5.053-1.3 7.094-5.079a3 3 0 1 0-3.412-4.934l-11.262 8.078-14.321-3.661A.968.968 0 0 1 2 16a.951.951 0 0 1 .658-.941z"
/>
</svg>
More icons in the same style and category