Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, summer, fashion, protection, beach, holidays, sun, accessory, and sunhat. 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="640"
height="640"
viewBox="0 -99 480.027 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#2dced9" />
<stop offset=".155" stop-color="#45cdc4" />
<stop offset=".484" stop-color="#83ca8d" />
<stop offset=".956" stop-color="#e5c636" />
<stop offset="1" stop-color="#efc62d" />
</linearGradient>
<linearGradient
id="b"
x1="-7.975"
x2="496.089"
y1="141.31"
y2="141.31"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-7.978"
x2="496.086"
y1="228.01"
y2="228.01"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M475.273 200.703 338.13 139.75a79.702 79.702 0 0 0 5.894-27.734c0-59.664-48.597-112-104-112-55.398 0-104 52.336-104 112a78.787 78.787 0 0 0 5.657 27.015L5.496 184.43a8.004 8.004 0 0 0-2.398 13.922 481.753 481.753 0 0 0 104.207 57.87 333.151 333.151 0 0 0 124.066 26.4 217.684 217.684 0 0 0 92-19.329c100.543-46.422 148.215-47.277 148.652-47.277a7.998 7.998 0 0 0 7.829-6.344 7.995 7.995 0 0 0-4.579-8.969zm-315.726-59.426-1.195-3.254a236.09 236.09 0 0 1-3.16-9.082 464.065 464.065 0 0 0 89.18 8.801c26.948.086 53.839-2.597 80.245-8a243.858 243.858 0 0 1-2.953 8.383l-1.152 3.113a8 8 0 0 0 4.265 10.063l3.008 1.336a420.04 420.04 0 0 1-174.894-.504l1.664-.559a8.014 8.014 0 0 0 4.672-4.105 8.009 8.009 0 0 0 .32-6.215zm89.848-53.261a24.042 24.042 0 0 1 22.628-16h6.633a24.058 24.058 0 0 1-22.633 16zm-1.372 24a8 8 0 1 1-16 0 8 8 0 0 1 16 0zm-24-24a24.053 24.053 0 0 1-22.628-16h6.628a24.047 24.047 0 0 1 22.633 16zm16-72c46.883 0 88 44.855 88 96 0 .191-.039.375-.046.566a366.471 366.471 0 0 1-65.856 8.8 23.578 23.578 0 0 0 .23-18.007c19.352-3.102 33.606-19.766 33.672-39.36 0-4.421-3.578-8-8-8h-16a39.86 39.86 0 0 0-32 16.247 39.849 39.849 0 0 0-32-16.246h-16c-4.418 0-8 3.578-8 8 .07 19.593 14.325 36.257 33.672 39.359a23.32 23.32 0 0 0 .082 17.535 453.548 453.548 0 0 1-65.754-8.894c0-51.16 41.13-96 88-96zm76.649 232.734c-115.047 53.105-249.79-26.45-291.094-54.16l98.774-32.922a458.731 458.731 0 0 0 120.195 16 379.812 379.812 0 0 0 106.68-14.606l45.277 20.122a788.477 788.477 0 0 0-87.688 33.52c-49.96 22.206-107.199 15.437-107.757 15.374l-1.993 15.871a208.948 208.948 0 0 0 24.168 1.223 232.402 232.402 0 0 0 92.079-17.848 671.9 671.9 0 0 1 104-37.992l23.914 10.625a599.977 599.977 0 0 0-126.555 44.793zm0 0"
/>
<path
fill="url(#c)"
d="m164.445 231.168 7.157-14.309 16 8-7.157 14.309zm0 0"
/>
</svg>
More icons in the same style and category