Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, summer, fashion, top hat, accessory, and sunhat. Created in a clean outline color style, 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 512 512"
>
<path
fill="#a5e0fa"
d="M466.647 319.307c-40.072 44.451-116.822 90.42-210.502 88.812-93.636 1.608-170.385-44.361-210.502-88.812-41.68-45.075-46.729-88.676-33.549-97.343 29.53-17.334 123.88 62.722 244.052 57.718 120.172 4.958 214.478-75.052 244.007-57.718 13.178 8.666 8.175 52.223-33.506 97.343z"
/>
<path
fill="#fff"
d="M268.013 408.054c-3.89.107-7.888.107-11.885.053-93.64 1.599-170.385-44.342-210.464-88.79-41.677-45.088-46.74-88.684-33.576-97.371 5.916-3.464 14.496-3.037 25.315-.107-.053.053-.16.053-.214.107-13.164 8.687-8.101 52.283 33.576 97.371 38.215 42.317 109.63 86.019 197.248 88.737z"
opacity=".5"
/>
<path
d="M466.645 319.317c-40.079 44.449-116.823 90.389-210.517 88.79-6.022.107-11.938 0-17.801-.267 85.592-3.997 155.25-46.9 192.716-88.523 38.799-41.997 45.834-82.662 35.921-95.079 14.656-4.904 25.901-6.555 33.203-2.292 13.165 8.688 8.155 52.23-33.522 97.371z"
opacity=".15"
/>
<path
fill="#a5e0fa"
d="m359.342 126.477 46.043 138.629c3.876 11.671-1.891 24.479-13.299 29.073-90.638 36.499-181.277 36.499-271.914 0-11.407-4.594-17.175-17.402-13.299-29.073l46.043-138.629c7.015-21.12 32.656-29.502 50.56-16.282 35.103 25.92 70.205 25.92 105.308 0 17.901-13.22 43.543-4.838 50.558 16.282z"
/>
<path
fill="#fff"
d="M266.575 321.396c-48.765 1.493-97.583-7.568-146.403-27.235-11.405-4.582-17.161-17.374-13.324-29.046l46.047-138.621c5.969-17.853 25.156-26.648 41.783-20.892-9.379 3.091-17.374 10.445-20.838 20.892l-46.047 138.621c-3.89 11.671 1.866 24.463 13.271 29.046 41.89 16.843 83.673 25.956 125.511 27.235z"
opacity=".5"
/>
<path
d="M392.085 294.162c-49.725 20.039-99.396 29.046-149.121 27.128 40.931-1.599 81.862-10.659 122.739-27.128 11.405-4.582 17.161-17.374 13.324-29.046L332.98 126.494c-3.144-9.434-9.966-16.308-18.12-19.826 17.161-7.727 38.213.959 44.502 19.826l46.047 138.621c3.836 11.672-1.919 24.463-13.324 29.047z"
opacity=".15"
/>
<path
fill="#efefef"
d="M392.08 294.181c-90.615 36.492-181.288 36.492-271.903 0-11.422-4.569-17.162-17.396-13.297-29.052l12.067-36.374c91.434 37.136 182.928 37.136 274.362 0l12.067 36.374c3.866 11.656-1.874 24.483-13.296 29.052z"
/>
<path
d="M502.848 217.368c-18.026-10.582-50.846 7.178-98.955 26.329L364.4 124.794c-8.253-24.836-38.173-34.112-58.781-18.887-33.304 24.592-65.68 24.587-98.977 0-20.74-15.303-50.582-5.817-58.786 18.887l-39.504 118.944c-46.964-18.715-80.757-37.051-99.186-26.23-21.893 14.408-1.995 68.047 32.521 105.367 40.492 44.87 118.223 92.012 214.368 90.571 1.65.026 3.282.042 4.918.042 94.193 0 169.848-46.493 209.611-90.592 37.594-40.707 52.703-92.134 32.264-105.528zm-102.53 49.434c3.025 9.118-1.523 18.93-10.228 22.432-88.885 35.797-179.04 35.797-267.93 0-8.774-3.529-13.222-13.382-10.221-22.432l10.287-31.004c88.882 34.699 178.917 34.71 267.806 0zM157.974 128.156c5.885-17.741 27.356-24.742 42.334-13.672 37.036 27.345 74.598 27.345 111.639 0 14.953-11.031 36.439-4.102 42.334 13.672l32.364 97.435c-86.633 33.959-174.399 33.959-261.033 0zm304.757 187.533-.047.047c-38.873 43.131-113.487 88.681-206.629 87.053-92.923 1.514-167.532-43.922-206.499-87.099-40.253-43.526-43.374-83.425-34.764-89.129 12.724-7.443 48.094 10.549 90.19 27.324l-3.169 9.54c-4.756 14.326 2.337 30.091 16.374 35.704 90.435 36.418 183.857 37.053 275.868.005 14.014-5.608 21.155-21.343 16.389-35.709l-3.186-9.592c39.252-15.598 77.431-34.8 89.963-27.412 9.632 6.296 4.63 46.927-34.49 89.268z"
/>
</svg>
More icons in the same style and category