Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, uniform, flight attendant, and air hostess. Created in a clean gradient style with a white 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="437.019"
y2="74.981"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0065a3" />
<stop offset="1" stop-color="#005285" />
</linearGradient>
<linearGradient
id="b"
x1="194.299"
x2="362.586"
y1="87.411"
y2="255.698"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f40000" />
<stop offset=".234" stop-color="#db0000" />
<stop offset=".508" stop-color="#c40000" />
<stop offset=".769" stop-color="#b70000" />
<stop offset="1" stop-color="#b20000" />
</linearGradient>
<linearGradient
id="c"
x1="115.281"
x2="382.392"
y1="132.976"
y2="400.087"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f40000" />
<stop offset=".234" stop-color="#ea0000" />
<stop offset=".626" stop-color="#d10000" />
<stop offset="1" stop-color="#b20000" />
</linearGradient>
<path
fill="url(#a)"
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(#b)"
d="m419.82 198.465-153.082 1.64L255 196.348l-127.488-39.676c28.172-37.805 71.136-61.984 118.097-66.68 3.051-.234 6.106-.472 9.391-.707 72.55-3.05 139.465 40.617 164.82 109.18zm0 0"
/>
<path
fill="url(#c)"
d="M428.977 192.36h-25.59c-49.778 0-99.551-3.993-148.387-12.212-46.488-7.746-92.27-19.015-137.117-34.043l-11.738-3.992-51.497 184.543 43.438 27.473c48.129 29.816 101.973 44.844 156.914 44.844s109.258-15.028 157.387-44.844l42.968-27.004zm0 0"
/>
<path
fill="#deecf1"
d="m329.191 285.566-62.453 20.899v15.027h-23.476v-15.027l-62.453-20.899 7.511-22.07 54.942 18.316v-30.757h23.476v30.757l54.942-18.316zm0 0"
/>
</svg>
More icons in the same style and category