Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, warm, spots, pattern, and pom pom. Created in a clean lineal color style with a yellow, purple, 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 60 60"
>
<path
fill="#9d27b0"
d="M48.78 50H3a2.006 2.006 0 0 0-2 2v5a2.006 2.006 0 0 0 2 2h54a2.006 2.006 0 0 0 2-2v-5a2.006 2.006 0 0 0-2-2h-.78"
/>
<path
fill="#6a1b9a"
d="M57 50h-3a2.006 2.006 0 0 1 2 2v5a2.006 2.006 0 0 1-2 2h3a2.006 2.006 0 0 0 2-2v-5a2.006 2.006 0 0 0-2-2z"
/>
<path
fill="#9d27b0"
d="M56 39.5V50H4V39.5a25.428 25.428 0 0 1 3.93-13.6c.34-.53.7-1.05 1.07-1.56a25.182 25.182 0 0 1 5.67-5.57c.43-.32.88-.62 1.33-.9a25.249 25.249 0 0 1 3.73-1.92A25.662 25.662 0 0 1 23 14.84c.67-.18 1.34-.33 2.03-.45A25.28 25.28 0 0 1 29.5 14h1a25.211 25.211 0 0 1 6.49.84H37a25.662 25.662 0 0 1 3.27 1.11A25.249 25.249 0 0 1 44 17.87a25.559 25.559 0 0 1 7 6.47 25.229 25.229 0 0 1 4.85 12.46 24.03 24.03 0 0 1 .15 2.7z"
/>
<path
fill="#6a1b9a"
d="M55.85 36.8A25.229 25.229 0 0 0 51 24.34a25.559 25.559 0 0 0-7-6.47 25.249 25.249 0 0 0-3.73-1.92A25.662 25.662 0 0 0 37 14.84h-.01A25.211 25.211 0 0 0 30.5 14h-1c-.289 0-.57.028-.856.037a25.077 25.077 0 0 1 5.346.8H34a25.662 25.662 0 0 1 3.27 1.11A25.249 25.249 0 0 1 41 17.87a25.559 25.559 0 0 1 7 6.47 25.229 25.229 0 0 1 4.85 12.46 24.03 24.03 0 0 1 .15 2.7V50h3V39.5a24.03 24.03 0 0 0-.15-2.7z"
/>
<path
fill="#9d27b0"
d="M41 12a11.039 11.039 0 0 1-.73 3.95A25.662 25.662 0 0 0 37 14.84h-.01A25.211 25.211 0 0 0 30.5 14h-1a25.28 25.28 0 0 0-4.47.39c-.69.12-1.36.27-2.03.45a25.662 25.662 0 0 0-3.27 1.11A11 11 0 1 1 41 12z"
/>
<path
fill="#6a1b9a"
d="M30 1a11.078 11.078 0 0 0-1.5.114 10.994 10.994 0 0 1 9.08 13.9 25.182 25.182 0 0 1 2.69.934A11.008 11.008 0 0 0 30 1z"
/>
<path
fill="#ffdf00"
d="M17 23a5 5 0 0 1-9.07 2.9c.34-.53.7-1.05 1.07-1.56a25.182 25.182 0 0 1 5.67-5.57A5 5 0 0 1 17 23z"
/>
<path
fill="#fec108"
d="M14.67 18.77c-.565.4-1.11.827-1.639 1.273a4.976 4.976 0 0 1-2.557 7.71 5 5 0 0 0 4.2-8.983z"
/>
<path
fill="#ffdf00"
d="M11 39.5A5.5 5.5 0 0 1 5.5 45a5.33 5.33 0 0 1-1.5-.21V39.5a25.5 25.5 0 0 1 .58-5.42A5.619 5.619 0 0 1 5.5 34a5.5 5.5 0 0 1 5.5 5.5z"
/>
<path
fill="#fec108"
d="M5.5 34a5.619 5.619 0 0 0-.92.08c-.022.1-.038.206-.058.308A5.5 5.5 0 0 1 4 44.788 5.33 5.33 0 0 0 5.5 45a5.5 5.5 0 0 0 0-11z"
/>
<circle cx="25" cy="35" r="7" fill="#ffdf00" />
<path
fill="#fec108"
d="M25 28a7 7 0 0 0-1.5.165 7 7 0 0 1 0 13.67A7 7 0 1 0 25 28z"
/>
<circle cx="41" cy="26" r="4" fill="#ffdf00" />
<path
fill="#fec108"
d="M41 22a3.984 3.984 0 0 0-1.5.3 3.992 3.992 0 0 1 0 7.406A4 4 0 1 0 41 22z"
/>
<path
fill="#ffdf00"
d="M39.87 50a3.657 3.657 0 0 0 .13-1 4 4 0 0 0-8 0 3.657 3.657 0 0 0 .13 1z"
/>
<path
fill="#fec108"
d="M36 45a3.983 3.983 0 0 0-1.5.3A4 4 0 0 1 37 49a3.657 3.657 0 0 1-.13 1h3a3.657 3.657 0 0 0 .13-1 4 4 0 0 0-4-4z"
/>
<path
fill="#ffdf00"
d="M56 39.5V50h-7.22a7.492 7.492 0 0 1 3.72-14 7.388 7.388 0 0 1 3.35.8 24.03 24.03 0 0 1 .15 2.7z"
/>
<path
fill="#fec108"
d="M55.85 36.8a7.388 7.388 0 0 0-3.35-.8 7.494 7.494 0 0 0-1.531.158 7.437 7.437 0 0 1 1.881.642 24.03 24.03 0 0 1 .15 2.7V50h3V39.5a24.03 24.03 0 0 0-.15-2.7z"
/>
<path
fill="#ffdf00"
d="M37 15a6 6 0 0 1-12 0 6.078 6.078 0 0 1 .03-.61A25.28 25.28 0 0 1 29.5 14h1a25.211 25.211 0 0 1 6.49.84.86.86 0 0 1 .01.16z"
/>
<path
fill="#fec108"
d="M36.99 14.84A25.211 25.211 0 0 0 30.5 14h-1c-.289 0-.57.028-.856.037a25.077 25.077 0 0 1 5.346.8A.86.86 0 0 1 34 15a6 6 0 0 1-4.5 5.8A5.978 5.978 0 0 0 37 15a.86.86 0 0 0-.01-.16z"
/>
<g>
<path
d="M57 49v-9.5a25.049 25.049 0 0 0-.155-2.8A26.18 26.18 0 0 0 41.5 15.418a12 12 0 1 0-23 0 25.843 25.843 0 0 0-3.03 1.6c-.51.317-.981.636-1.381.934a26.132 26.132 0 0 0-5.9 5.8c-.38.525-.752 1.061-1.106 1.613A26.439 26.439 0 0 0 3 39.5V49a3 3 0 0 0-3 3v5a3 3 0 0 0 3 3h54a3 3 0 0 0 3-3v-5a3 3 0 0 0-3-3zm-2-9.5V49h-5.922A6.483 6.483 0 0 1 52.5 37a6.358 6.358 0 0 1 2.4.477c.062.662.1 1.337.1 2.023zM30 2a10 10 0 0 1 9.643 12.644c-.77-.284-1.56-.549-2.384-.77l-.068-.016A26.334 26.334 0 0 0 30.5 13h-1a26.4 26.4 0 0 0-4.641.4c-.7.121-1.4.275-2.118.469-.824.221-1.615.486-2.384.771A10 10 0 0 1 30 2zm5.937 13.623a4.976 4.976 0 0 1-9.91-.357A24.534 24.534 0 0 1 29.5 15h1a24.379 24.379 0 0 1 5.437.623zM9.805 24.934a24.136 24.136 0 0 1 4.867-4.9 3.994 3.994 0 1 1-5.484 5.8c.204-.302.405-.609.617-.9zM5 39.5a24.594 24.594 0 0 1 .422-4.493c.025 0 .054-.007.078-.007a4.5 4.5 0 0 1 0 9 4.579 4.579 0 0 1-.5-.034zm0 6.465c.167.013.331.035.5.035a6.5 6.5 0 0 0 .392-12.98 24.261 24.261 0 0 1 2.231-5.447 6 6 0 0 0 8.206-8.724c.068-.044.131-.088.2-.132a24.255 24.255 0 0 1 3.586-1.844 24.542 24.542 0 0 1 3.142-1.067c.264-.071.516-.112.773-.171a6.994 6.994 0 0 0 13.864.521c.685.218 1.356.452 1.99.718a24.5 24.5 0 0 1 14.747 18.408A8.353 8.353 0 0 0 52.5 35a8.471 8.471 0 0 0-6.447 14H41a5 5 0 0 0-10 0H5zM39 49h-6a3 3 0 0 1 6 0zm19 8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1z"
/>
<path
d="M25 27a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8zm0 14a6 6 0 1 1 6-6 6.006 6.006 0 0 1-6 6zM41 31a5 5 0 1 0-5-5 5.006 5.006 0 0 0 5 5zm0-8a3 3 0 1 1-3 3 3 3 0 0 1 3-3z"
/>
</g>
</svg>
More icons in the same style and category