Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, australian, clothing, masculine, accessory, and hats. Created in a clean flat style with a white, red, 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M512 377.031c0 39.322-114.606 71.2-256 71.2-141.382 0-256-31.879-256-71.2 0-17.847 23.616-34.161 62.634-46.659 17.449-5.582 37.976-10.416 60.843-14.266h265.058c22.867 3.85 43.394 8.672 60.831 14.254C488.384 342.859 512 359.184 512 377.031z"
fill="#2c8cf4"
/>
<path
d="M459.337 352.455c0 39.322-91.037 71.2-203.337 71.2s-203.337-31.879-203.337-71.2c0-7.7 3.499-15.132 9.971-22.083 17.449-5.582 37.976-10.416 60.843-14.266h265.058c22.867 3.85 43.394 8.672 60.831 14.254 6.472 6.963 9.971 14.383 9.971 22.095z"
fill="#1780ce"
/>
<path
d="M388.523 100.633v276.398c0 9.514-12.955 18.175-34.219 24.716-24.248 7.466-59.31 12.148-98.304 12.148-27.794 0-53.587-2.387-74.898-6.46-34.804-6.636-57.625-17.777-57.625-30.404V100.633c0 12.627 22.821 23.769 57.625 30.404 21.311 4.073 47.104 6.448 74.898 6.448 38.994 0 74.056-4.681 98.304-12.136 21.264-6.542 34.219-15.213 34.219-24.716z"
fill="#f95428"
/>
<path
d="M181.102 131.037v276.398c-34.804-6.636-57.625-17.777-57.625-30.404V100.633c0 12.627 22.82 23.768 57.625 30.404zM388.523 100.633v276.398c0 9.514-12.955 18.175-34.219 24.716V125.349c21.264-6.542 34.219-15.213 34.219-24.716z"
fill="#db3e1f"
/>
<path
d="M388.523 100.633v135.589c0 1.381-.269 2.75-.819 4.096-3.125 7.899-15.237 15.038-33.4 20.632-.714.222-1.451.445-2.188.655h-.012c-18.409 5.395-42.61 9.234-69.866 10.755-2.703.152-5.43.281-8.192.386a480.177 480.177 0 0 1-36.092 0 450.864 450.864 0 0 1-8.192-.386c-17.765-.995-34.243-2.973-48.66-5.723-7.689-1.463-14.792-3.148-21.194-5.032-19.403-5.676-32.358-13.084-35.612-21.288a10.749 10.749 0 0 1-.819-4.096V100.633c0 9.023 265.046 9.023 265.046 0z"
fill="#2c8cf4"
/>
<path
d="M388.523 100.633v135.589c0 1.381-.269 2.75-.819 4.096-3.125 7.899-15.237 15.038-33.4 20.632V125.349c21.264-6.53 34.219-15.202 34.219-24.716zM181.102 131.037v135.601c-30.977-5.91-52.476-15.401-56.806-26.32a10.749 10.749 0 0 1-.819-4.096V100.633c0 12.627 22.82 23.768 57.625 30.404z"
fill="#1780ce"
/>
<path
d="M388.523 100.633v20.258c-33.728 46.226-107.14 75.881-110.58 77.251l-9.784 3.897-7.794-19.567 9.784-3.897c.211-.082 22.13-8.894 46.636-23.745 16.396-9.936 30.088-20.211 40.749-30.521 0 0 .012.012.012 0 19.333-6.391 30.977-14.653 30.977-23.676zM251.635 182.471l-7.794 19.567-9.784-3.897c-3.441-1.369-76.853-31.024-110.58-77.251v-20.258c0 9.023 11.644 17.285 30.989 23.687 10.661 10.299 24.354 20.574 40.749 30.509 24.506 14.851 46.425 23.663 46.636 23.745l9.784 3.898zM252.594 219.733l-5.945 8.684c-.41.597-10.228 14.71-31.094 24.447-14.476 6.753-29.515 9.292-43.933 9.292-3.956 0-7.876-.187-11.715-.55-19.403-5.676-32.358-13.084-35.612-21.287a10.749 10.749 0 0 1-.819-4.096v-4.728l3.511 1.241c71.785 25.395 101.113-14.57 102.318-16.279l5.957-8.695 17.332 11.971zM388.523 231.494v4.728c0 1.381-.269 2.75-.819 4.096-3.125 7.899-15.237 15.038-33.4 20.632-.714.222-1.451.445-2.188.655 0 0 0 .012-.012 0-3.839.363-7.759.55-11.726.55-14.43 0-29.456-2.54-43.933-9.292-20.866-9.737-30.685-23.85-31.095-24.447l-5.945-8.684 17.379-11.902 5.922 8.648c1.416 1.989 30.779 41.557 102.306 16.255l3.511-1.239z"
fill="#fff"
/>
<path
d="M387.95 142.506c-.07 2.715-12.756 18.175-33.646 25.43-.796.269-1.592.538-2.411.784-14.593 4.494-33.213 7.888-53.833 9.842-5.138.492-10.427.889-15.822 1.205v-51.13l-8.496.316c-5.875.222-11.843.339-17.742.339s-11.867-.117-17.742-.339l-8.496-.316v51.13a432.41 432.41 0 0 1-15.822-1.205c-11.129-1.053-21.662-2.516-31.305-4.365a62.037 62.037 0 0 1-1.533-.304c-15.939-3.125-29.093-7.232-38.105-11.878-8.368-4.33-19.52-17.519-19.52-19.509V202.6c12.077 11.153 35.483 17.87 56.092 21.814.503.094 1.018.187 1.533.281 14.102 2.621 29.632 4.459 46.203 5.465l2.458.14v42.06c2.703.152 5.43.281 8.192.386a480.177 480.177 0 0 0 36.092 0c2.762-.105 5.489-.234 8.192-.386V230.3l2.458-.14c26.671-1.615 50.673-5.383 69.609-10.954a113.82 113.82 0 0 0 2.399-.714c14.57-4.471 25.196-9.784 31.82-15.904v-73.541l-.575 13.459z"
fill="#fff"
/>
<path
d="M388.523 152.125v34.114c-.257 9.397-13.166 17.964-34.219 24.424-18.221 5.617-42.575 9.655-70.1 11.317-3.335.199-6.729.363-10.158.492v50.275c-5.898.222-11.925 12.437-18.046 12.437-6.121 0-12.148-12.214-18.046-12.437v-50.275a462.968 462.968 0 0 1-10.158-.492c-17.016-1.03-32.803-2.961-46.694-5.617-34.804-6.647-57.625-17.788-57.625-30.416v-34.114c0 12.627 22.821 23.78 57.625 30.416 9.819 1.872 20.585 3.382 32.066 4.471a435.362 435.362 0 0 0 24.787 1.638v-51.212a480.177 480.177 0 0 0 36.092 0v51.212a437.61 437.61 0 0 0 24.798-1.638c21.51-2.036 40.539-5.582 55.46-10.17 21.052-6.461 33.961-15.027 34.218-24.425z"
fill="#f95428"
/>
<path
d="M388.523 152.125v34.114c-.257 9.397-13.166 17.964-34.219 24.424v-34.114c21.053-6.46 33.962-15.026 34.219-24.424zM181.102 182.249v34.114c-34.804-6.647-57.625-17.788-57.625-30.416v-34.114c0 12.627 22.82 23.78 57.625 30.416z"
fill="#db3e1f"
/>
<path
d="m256.645 290.739 11.932 30.224 31.07-9.516-16.191 28.173 26.811 18.36-32.122 4.907 2.364 32.409-23.864-22.054-23.865 22.054 2.363-32.409-32.122-4.907 26.811-18.36-16.191-28.173 31.072 9.516z"
fill="#fff"
/>
<path
d="M388.523 100.633c0 20.351-59.333 36.852-132.523 36.852s-132.523-16.501-132.523-36.852c0-20.363 59.333-36.864 132.523-36.864s132.523 16.501 132.523 36.864z"
fill="#1780ce"
/>
</svg>
More icons in the same style and category