Add icons to this collection by clicking the heart icon.
Graduation Hat icon - also known as graduation, education, school, hat, and graduation hat. Created in a clean lineal 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="100"
height="100"
viewBox="0 0 494.95 494.95"
>
<linearGradient
id="a"
x1="-17.883"
x2="-17.883"
y1="670.594"
y2="610.977"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.134 5721.996)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M247.475 447.515a291.125 291.125 0 0 1-115.908-21.333l-7.117 15.514a304.064 304.064 0 0 0 123.025 22.886 372.493 372.493 0 0 0 61.141-4.898l-2.816-16.836a355.123 355.123 0 0 1-58.325 4.667z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-31.371"
x2="-31.371"
y1="670.594"
y2="610.977"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.134 5721.996)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="m100.531 404.345-13.312 10.684a81.138 81.138 0 0 0 19.046 16.717l9.387-14.268a64.82 64.82 0 0 1-15.121-13.133z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-14.257"
x2="-14.257"
y1="670.594"
y2="610.977"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.134 5721.996)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M490.223 158.278 251.29 38.811a8.515 8.515 0 0 0-7.629 0L4.727 158.278c-4.215 2.099-5.931 7.228-3.831 11.443a8.536 8.536 0 0 0 3.831 3.831l89.148 44.57v135.526c0 43.068 67.473 76.8 153.6 76.8s153.6-33.732 153.6-76.8V218.122l42.667-21.333v115.763c-13.286 4.651-20.284 19.2-15.633 32.478a25.442 25.442 0 0 0 6.042 9.609l-15.36 38.511a8.536 8.536 0 0 0 4.762 11.093 8.373 8.373 0 0 0 3.123.606h51.2a8.53 8.53 0 0 0 8.533-8.533 8.559 8.559 0 0 0-.606-3.166l-15.36-38.511c9.95-9.958 9.95-26.095-.009-36.045a25.498 25.498 0 0 0-9.626-6.042V188.255l29.414-14.66c4.215-2.099 5.931-7.228 3.831-11.443a8.536 8.536 0 0 0-3.831-3.831l.001-.043zm-106.214 195.37c0 28.851-54.861 59.733-136.533 59.733S110.942 382.5 110.942 353.648V346.6c25.284 24.653 76.297 41.182 136.533 41.182s111.249-16.529 136.533-41.182v7.048zm0-42.666c0 28.851-54.861 59.733-136.533 59.733s-136.533-30.882-136.533-59.733v-84.326l132.719 66.406a8.515 8.515 0 0 0 7.629 0l132.719-66.406v84.326zm68.266 17.066a8.536 8.536 0 0 1 8.533 8.533c0 4.71-3.823 8.533-8.533 8.533s-8.533-3.823-8.533-8.533a8.536 8.536 0 0 1 8.533-8.533zm12.996 59.734h-25.993l10.351-25.865c.853.085 1.707.264 2.645.264s1.766-.179 2.645-.264l10.352 25.865zm-14.6-213.538-162.679-16.265c-5.342-10.436-20.89-17.664-40.516-17.664-24.329 0-42.667 11.008-42.667 25.6 0 14.592 18.338 25.6 42.667 25.6 18.867 0 34.014-6.665 39.919-16.444l134.682 13.466-174.601 87.305L27.622 165.915 247.475 55.989l219.853 109.926-16.657 8.329zm-177.596-8.329c0 2.125-9.079 8.533-25.6 8.533s-25.6-6.409-25.6-8.533c0-2.125 9.079-8.533 25.6-8.533s25.6 6.408 25.6 8.533z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="9.744"
x2="9.744"
y1="670.594"
y2="610.977"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.134 5721.996)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="m439.927 118.077 7.638-15.266 17.066 8.533-7.637 15.267z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-.756"
x2="-.756"
y1="670.594"
y2="610.977"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.134 5721.996)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="m294.861 45.552 7.629-15.266 128.008 64-7.637 15.266z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category