Add icons to this collection by clicking the heart icon.
Graduation Hat icon - also known as graduation, education, school, hat, fashion, student, and graduation hat. Created in a clean 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="b"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9cdd05" />
<stop offset="1" stop-color="#79ab03" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ff9100" />
<stop offset="1" stop-color="#ff5d00" />
</linearGradient>
<linearGradient
id="c"
x1="382.676"
x2="438.027"
y1="365.02"
y2="420.372"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="372.99"
x2="447.713"
y1="205.847"
y2="280.571"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="386.63"
x2="434.073"
y1="305.438"
y2="352.881"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdbf00" />
<stop offset="1" stop-color="#ff9f00" />
</linearGradient>
<linearGradient
id="f"
x1="180.802"
x2="325.198"
y1="161.486"
y2="305.882"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6f5654" />
<stop offset="1" stop-color="#3e322e" />
</linearGradient>
<linearGradient
id="g"
x1="109.818"
x2="396.182"
y1="89.846"
y2="255.179"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#68544f" />
<stop offset="1" stop-color="#3e322e" />
</linearGradient>
<path
fill="url(#b)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="url(#c)"
d="m443.332 415.066-22.371-67.117-10.61 3.543-10.609-3.543-22.37 67.117 21.214 7.082 11.766-35.296 11.765 35.296zm0 0"
/>
<path fill="url(#d)" d="M399.164 179.672h22.371v127.074h-22.37zm0 0" />
<path
fill="url(#e)"
d="M421.54 297.574c-3.58-1.344-7.161-2.015-11.188-2.015-4.028 0-7.606.671-11.188 2.015-12.973 4.473-22.371 17-22.371 31.543 0 18.57 14.988 33.559 33.559 33.559 18.57 0 33.558-14.988 33.558-33.559 0-14.543-9.394-27.07-22.37-31.543zm0 0"
/>
<path
fill="url(#f)"
d="M253 189.96H152.324V262c0 31.992 43.18 55.934 100.676 55.934S353.676 293.992 353.676 262v-72.04zm0 0"
/>
<path
fill="url(#g)"
d="M253 96 62.09 172.512 253 249.023l146.164-58.39 22.371-8.95 22.375-9.171zm0 0"
/>
</svg>
More icons in the same style and category