Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, accessories, cap, vacation, beach vacation, and summer holidays. Created in a clean outline color style with a silver, 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 64 64"
>
<ellipse cx="32" cy="7" fill="#f78769" rx="3" ry="2" />
<path
fill="#a6e0d9"
d="M53.5 22.57A12 12 0 0 0 42 14H22a12 12 0 0 0-11.5 8.57A20 20 0 0 1 29 7c0 1.09 1.36 2 3 2s3-.88 3-2a20 20 0 0 1 18.5 15.57z"
/>
<path
fill="#f78769"
d="M54 36c-.13 0 0 0 0 .09C53.88 41 44.08 45 32 45s-21.88-4-22-8.91c0-.11.12-.09 0-.09 0-9.3-.15-10.6.5-13.43A12 12 0 0 1 22 14h20a12 12 0 0 1 11.5 8.57c.66 2.88.5 4.21.5 13.43z"
/>
<circle cx="32" cy="29" r="4" fill="#f8de40" />
<path
fill="#f8de40"
d="M59 49c0 6-10 10-27 10S5 55 5 49c0-3.85 1.83-8.59 5-12.91C10.12 41 19.92 45 32 45s21.88-4 22-8.91c3.17 4.32 5 9.06 5 12.91z"
/>
<g fill="#0a6b61">
<path
d="M18 43.71a5.9 5.9 0 0 1-1.47-.52 1 1 0 0 1 .86-1.8c.31.14.62.26.95.38a1 1 0 0 1-.34 1.94zM13.66 41.52c-.44 0-.75-.28-1.33-.73C10.45 39.31 9 37.38 9 35c0-3.74-.23-10.8.61-12.94A12.92 12.92 0 0 1 22 13h17a1 1 0 0 1 0 2H22a11 11 0 0 0-10.51 7.73c-.6 4-.49.9-.49 12.27 0 2 1.6 3.59 3.22 4.69a1 1 0 0 1-.56 1.83zM21.57 44.83a1 1 0 0 1-.74-1.2C21.27 41.79 23 44 32 44c7.61 0 14.67-1.83 18.43-4.79a5.84 5.84 0 0 0 2.57-3.8V27a19.16 19.16 0 0 0-.49-4.25A11 11 0 0 0 42.92 15a1 1 0 0 1 .16-2 12.94 12.94 0 0 1 11.34 9.09c.81 1.78.58 9.78.58 12.87 0 8.85-19 13.32-33.43 9.87z"
/>
<path
d="M9 27a14.35 14.35 0 0 1 .54-4.71 1 1 0 0 1 1.93.51A19 19 0 0 0 11 27a1 1 0 0 1-2 0zM53 27a19 19 0 0 0-.47-4.2 1 1 0 0 1 1.93-.51A14.41 14.41 0 0 1 55 27a1 1 0 0 1-2 0zM18 43.71a5.9 5.9 0 0 1-1.47-.52 1 1 0 0 1 .86-1.8c.31.14.62.26.95.38a1 1 0 0 1-.34 1.94z"
/>
<path
d="M4 48.5c0-3.25 2-8.4 5.15-13.44a1 1 0 0 1 1.87.35c.2 1.8 1.71 3.27 3.2 4.28a1 1 0 0 1-1.12 1.66 10.52 10.52 0 0 1-3.33-3.44C7.45 42 6 46 6 48.5c0 6 9.72 9.5 26 9.5 19 0 20.33-4.56 21.25-2.3a1 1 0 0 1-.55 1.3C41 61.79 4 62.33 4 48.5z"
/>
<path
d="M55.23 53.38A5.93 5.93 0 0 0 58 48.5c0-2.5-1.45-6.5-3.77-10.59-4.23 7.78-21.85 9.51-32.66 6.92a1 1 0 0 1-.74-1.2C21.27 41.79 23 44 32 44c7.61 0 14.67-1.83 18.43-4.79a5.84 5.84 0 0 0 2.57-3.8 1 1 0 0 1 1.89-.32C58 40.09 60 45.25 60 48.5a7.87 7.87 0 0 1-3.59 6.5 1 1 0 0 1-1.18-1.62zM52.5 22.73A10.92 10.92 0 0 0 42.92 15a1 1 0 0 1 .16-2 13.23 13.23 0 0 1 5.4 1.67 19.05 19.05 0 0 0-12.74-6.59c-1.3 2.55-6.18 2.56-7.48 0a19.05 19.05 0 0 0-12.74 6.63C19.47 12.45 21.22 13 39 13a1 1 0 0 1 0 2H22a11 11 0 0 0-10.51 7.73 1 1 0 0 1-1.92-.53A21 21 0 0 1 29 6a1 1 0 0 1 1 1c0 .41.8 1 2 1s2-.59 2-1a1 1 0 0 1 1-1 21 21 0 0 1 19.43 16.2 1 1 0 0 1-1.93.53z"
/>
<path
d="M28 7.06C28 3 36 3 36 7s-7.89 4-8 .06zM32 6c-1.2 0-2 .6-2 1s.8 1 2 1 2-.59 2-1c0-.4-.8-1-2-1zM32 34a5 5 0 1 1 5-5 5 5 0 0 1-5 5zm0-8a3 3 0 1 0 3 3 3 3 0 0 0-3-3zM42 30h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM24 30h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM31 21v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0zM31 39v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0zM37.66 24.34a1 1 0 0 1-.71-1.7l1.41-1.42a1 1 0 0 1 1.42 1.42c-1.54 1.53-1.6 1.7-2.12 1.7zM24.93 37.07a1 1 0 0 1-.71-1.71L25.64 34a1 1 0 0 1 1.41 1.41c-1.54 1.49-1.6 1.66-2.12 1.66zM26.34 24.34c-.6 0-.83-.41-2.12-1.7a1 1 0 0 1 1.42-1.42l1.41 1.42a1 1 0 0 1-.71 1.7zM39.07 37.07c-.6 0-.83-.41-2.12-1.71A1 1 0 0 1 38.36 34l1.42 1.41a1 1 0 0 1-.71 1.66z"
/>
</g>
</svg>
More icons in the same style and category