Add icons to this collection by clicking the heart icon.
Hat icon - also known as christmas, hat, fashion, costume, masculine, antique, accesory, and cultures. Created in a clean flat style with a 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M391.156 24.778h-284.12c-19.666 0-35.609 15.942-35.609 35.609v332.499h355.338V60.387c0-19.666-15.943-35.609-35.609-35.609z"
fill="#333e48"
/>
<path d="M71.423 284.05h355.34v108.836H71.423z" fill="#ff6d68" />
<path
d="M391.156 24.778h-60.688c21.887.001 39.63 17.745 39.63 39.634v328.475h56.667v-332.5c0-19.666-15.942-35.609-35.609-35.609z"
opacity=".15"
/>
<path
d="M467.118 392.886H31.074C13.912 392.886 0 406.798 0 423.959v32.189c0 17.161 13.912 31.073 31.074 31.073h436.044c17.161 0 31.073-13.912 31.073-31.073v-32.189c0-17.161-13.912-31.073-31.073-31.073z"
fill="#333e48"
/>
<path
d="M467.118 392.886H351.104l-7.688 8.727s66.169 10.511 95.534 46.608v4.416c0 19.1-15.484 34.585-34.585 34.585h62.751c17.161 0 31.073-13.912 31.073-31.073v-32.188c.002-17.163-13.91-31.075-31.071-31.075zM317.82 382.696H200.691c-10.565 0-19.129-8.565-19.129-19.129v-69.903c0-10.565 8.565-19.129 19.129-19.129H317.82c10.565 0 19.13 8.565 19.13 19.129v69.903c0 10.565-8.565 19.129-19.13 19.129zm-97.999-38.26h78.869v-31.643h-78.869v31.643z"
opacity=".15"
/>
<path
d="M307.656 373.085H190.527c-10.565 0-19.129-8.565-19.129-19.129v-69.903c0-10.565 8.565-19.129 19.129-19.129h117.129c10.565 0 19.129 8.565 19.129 19.129v69.903c.001 10.565-8.564 19.129-19.129 19.129zm-97.998-38.258h78.869v-31.643h-78.869v31.643z"
fill="#f9be00"
/>
<path
d="M291.2 264.924H190.527c-10.565 0-19.129 8.565-19.129 19.129v69.903c0 10.565 8.565 19.129 19.129 19.129H291.2c10.565 0 19.13-8.565 19.13-19.129v-69.903c.001-10.565-8.564-19.129-19.13-19.129zm-2.673 69.903h-95.325v-31.643h95.325v31.643z"
opacity=".1"
/>
<path
d="M498.304 237.099c-26.145 6.883-54.313 4.143-78.897-8.253-1.131-.572-1.772-.281-2.092 1.315-4.131 20.468-14.028 40.014-29.731 56.037-15.674 15.998-34.972 26.281-55.314 30.837-1.394.306-1.974 1.015-1.158 2.573 13.302 25.36 16.223 54.777 8.679 81.935-.173.631.278 1.033.872.856 27.002-8.091 56.47-5.77 82.098 7.018 1.572.785 2.268.184 2.545-1.211 4.144-20.428 14.034-39.931 29.71-55.927 15.702-16.023 35.045-26.316 55.422-30.858 1.59-.353 1.867-.999 1.275-2.124-12.894-24.325-16.203-52.429-9.852-78.706.869-3.595-.505-4.293-3.557-3.492z"
fill="#00b288"
/>
<path
d="M399.499 349.063a8.292 8.292 0 0 1-5.907-2.463 8.316 8.316 0 0 1 .053-11.761l46.258-45.841c3.261-3.233 8.527-3.208 11.761.053a8.316 8.316 0 0 1-.053 11.761l-46.258 45.841a8.286 8.286 0 0 1-5.854 2.41z"
opacity=".2"
/>
</svg>
More icons in the same style and category