Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, boat, sea, ocean, ship, sailboat, marine, and miscellaneous. Created in a clean flat style with a white, black, teal, navy, 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 58 54"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#ecf0f1"
d="M58 18c0-9.941-8.059-18-18-18H18C8.059 0 0 8.059 0 18v5c0 4.47 1.6 9.75 3.37 11.52l-.05.29-.26 1.56a3.461 3.461 0 0 0 .27 2.13A2.686 2.686 0 0 0 5.95 40H6v7.28a4.987 4.987 0 0 0 3.83 4.86A84.779 84.779 0 0 0 29 54c6.44.11 12.871-.514 19.17-1.86A4.987 4.987 0 0 0 52 47.28V40h.05a2.686 2.686 0 0 0 2.62-1.5c.314-.663.408-1.41.27-2.13l-.26-1.56-.05-.29C56.4 32.75 58 27.47 58 23z"
/>
<path
fill="#f29c1f"
d="M54.68 34.81C50.25 32.76 41.9 30 29 30S7.75 32.76 3.32 34.81l.05-.29.34-2.07a2.981 2.981 0 0 1 1.64-2.2C8.27 28.85 15.85 26 29 26s20.73 2.85 23.65 4.25a2.981 2.981 0 0 1 1.64 2.2l.34 2.07z"
/>
<path
fill="#285680"
d="M6 40h-.05a2.686 2.686 0 0 1-2.62-1.5 3.461 3.461 0 0 1-.27-2.13l.26-1.56C7.75 32.76 16.1 30 29 30s21.25 2.76 25.68 4.81l.26 1.56c.138.72.044 1.467-.27 2.13a2.686 2.686 0 0 1-2.62 1.5z"
/>
<rect width="18" height="18" x="20" y="4" fill="#2c3e50" rx="2" />
<path
fill="#f29c1f"
d="M34 19h-1a3 3 0 0 1-3-3v-.111l-5.24-4.995a.982.982 0 0 1-.141-.168l-1.45-2.17a1 1 0 0 1 1.662-1.112l1.389 2.078 5.47 5.214a1 1 0 0 1 .31.724V16a1 1 0 0 0 1 1h1a1 1 0 0 1 0 2z"
/>
<path
fill="#f29c1f"
d="M25 19h-1a1 1 0 0 1 0-2h1a1 1 0 0 0 1-1v-.54a1 1 0 0 1 .31-.724l5.47-5.214 1.389-2.078a1 1 0 0 1 1.662 1.112l-1.45 2.17a.982.982 0 0 1-.141.168L28 15.889V16a3 3 0 0 1-3 3z"
/>
<circle cx="29" cy="12" r="4" fill="#f0c419" />
<circle cx="29" cy="12" r="1" fill="#2c3e50" />
<path
fill="#2c2f38"
d="M48 36.43c1.21.37 2.14.73 2.79 1A1.988 1.988 0 0 1 52 39.27v8.01a4.987 4.987 0 0 1-3.83 4.86A84.779 84.779 0 0 1 29 54a84.779 84.779 0 0 1-19.17-1.86A4.987 4.987 0 0 1 6 47.28v-8.01a1.988 1.988 0 0 1 1.21-1.84c.65-.27 1.58-.63 2.79-1"
/>
<path
fill="#2c3e50"
d="M48 36.43v10.85a1 1 0 0 1-.75.97A80.932 80.932 0 0 1 29 50a80.932 80.932 0 0 1-18.25-1.75 1 1 0 0 1-.75-.97V36.43A65.006 65.006 0 0 1 29 34a65.006 65.006 0 0 1 19 2.43z"
/>
</g>
</svg>
More icons in the same style and category