Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, flower, flowers, and hats. Created in a clean flat style with a white, gray, yellow, navy, orange, and pink 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"
>
<path
fill="#61729b"
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="#47568c"
d="m326.887 144.066-103.18 103.176-23.8-23.8L93.843 329.503l181.758 181.754c110.238-8.348 200.964-86.512 228.093-190.38zm0 0"
/>
<path
fill="#ffda2d"
d="M353.16 196.746c-1.094-.434-2.402-.434-3.71-.434l-6.337-.218-3.054-5.457c-3.711-6.77-10.918-11.137-18.559-11.137s-14.848 4.367-18.559 11.137l-3.054 5.675h-6.551c-5.895 0-10.918 1.747-14.629 5.024a22.587 22.587 0 0 0-4.586 5.457c-.875 1.746-1.527 3.492-1.965 5.457H168.012c-2.836 0-5.457-1.09-7.203-3.273-1.532-1.532-2.403-3.711-2.621-5.68 0-.652.218-1.309.218-1.961C163.863 152.207 205.566 114 256 114c48.254 0 88.863 34.496 96.941 81.875zM442.313 264.648l-.731 14.192C435.254 341.504 369.316 376 256 376S76.746 341.504 70.418 278.84l-.73-14.192 20.597 3.715c23.145 4.149 49.125 8.95 67.465-15.941v-1.309c0-5.242 4.367-9.605 9.61-9.605h106.546c-1.969 3.492-2.62 7.203-2.183 10.914 0 3.058.87 6.336 2.402 8.953 4.148 6.77 10.48 10.262 19.43 10.48l6.332.22 3.058 5.456c3.711 6.77 10.918 11.137 18.559 11.137s14.844-4.367 18.558-11.137l3.055-5.457 6.113-.219c4.586 0 12.23-1.308 17.688-7.64 16.594 10.695 32.094 8.078 52.836 4.363zm0 0"
/>
<path
fill="#eebf00"
d="m442.313 264.648-.731 14.192C435.254 341.504 369.316 376 256 376V241.508h17.902c-1.965 3.492-2.617 7.203-2.183 10.914 0 3.058.875 6.336 2.402 8.953 4.149 6.77 10.48 10.262 19.434 10.48l6.332.22 3.058 5.456c3.711 6.77 10.914 11.137 18.559 11.137 7.64 0 14.844-4.367 18.555-11.137l3.058-5.457 6.113-.219c4.586 0 12.227-1.308 17.684-7.64 16.598 10.695 32.098 8.078 52.84 4.363zm0 0"
/>
<path
fill="#47568c"
d="m274.559 228.406 3.277 5.676-3.277 5.68c-.22.652-.657 1.09-.657 1.746-1.964 3.492-2.617 7.058-2.183 10.77H157.75V212.25c0-3.059.219-6.113.438-8.953 0-.652.218-1.309.218-1.961h120.301a22.587 22.587 0 0 0-4.586 5.457c-.871 1.746-1.527 3.492-1.965 5.457-1.308 5.238-.437 11.137 2.403 16.156zm0 0"
/>
<path
fill="#eebf00"
d="M272.156 212.25H256V114c48.254 0 88.863 34.496 96.941 81.875l.22.871c-1.095-.434-2.403-.434-3.712-.434l-6.336-.218-3.054-5.457c-3.711-6.77-10.918-11.137-18.559-11.137s-14.848 4.367-18.559 11.137l-3.054 5.675h-6.551c-5.895 0-10.918 1.747-14.629 5.024a22.587 22.587 0 0 0-4.586 5.457c-.875 1.742-1.527 3.492-1.965 5.457zm0 0"
/>
<path
fill="#2c3b73"
d="m274.559 228.406 3.277 5.676-3.277 5.68c-.22.652-.657 1.09-.657 1.746-1.964 3.492-2.617 7.058-2.183 10.77H256v-50.942h22.707a22.587 22.587 0 0 0-4.586 5.457c-.875 1.746-1.527 3.492-1.965 5.457-1.308 5.238-.437 11.137 2.403 16.156zm0 0"
/>
<path
fill="#fa5e97"
d="M321.5 299.582c-11.906 0-22.527-6.629-28.145-16.746-12.378-.258-22.62-5.684-28.582-16.004-5.96-10.32-5.523-22.824.426-32.75-5.949-9.926-6.387-22.43-.426-32.75 5.957-10.32 16.079-15.988 28.582-16 5.618-10.117 16.235-16.75 28.145-16.75s22.527 6.633 28.145 16.75c12.152.129 22.62 5.68 28.582 16 5.96 10.32 5.523 22.824-.426 32.75 5.949 9.926 6.387 22.43.426 32.75-5.957 10.309-16.555 15.629-28.582 16.004-5.618 10.117-16.239 16.746-28.145 16.746zm0 0"
/>
<path fill="#e0f4ff" d="M310.582 223.168h21.832V245h-21.832zm0 0" />
</svg>
More icons in the same style and category