Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, emotion, happy, smile, face, emoticon, smiley, happiness, smileys, feeling, and emoji. Created in a clean lineal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0s41.513 19.012 61.951 74.898c0 0 81.493-59.281 14.872-179.953"
transform="translate(-138.427 422.102)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c64.537-36.763 111.931-108.164 111.931-187.576 0-117.883-96.517-212.781-214.754-212.781s-216.886 95.563-216.886 213.446c0 79.344 48.322 149.817 112.767 186.605"
transform="translate(359.711 415.312)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-17.922-14.573-32.452-32.549-32.452S-65.098-17.922-65.098 0c0 17.922 14.573 32.451 32.549 32.451S0 17.922 0 0Z"
transform="translate(208.632 280.364)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-17.922-14.573-32.452-32.549-32.452S-65.098-17.922-65.098 0c0 17.922 14.573 32.451 32.549 32.451S0 17.922 0 0Z"
transform="translate(368.828 280.364)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-63.449-60.115-114.885-134.27-114.885-74.154 0-134.269 51.436-134.269 114.885z"
transform="translate(391.164 192.733)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h236.177"
transform="translate(138.8 138.007)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-67.123 66.922-22.693 152.1 36.346 152.1 77.833 0 75.338-62.249 170.911-62.249h.095c95.573 0 93.079 62.249 170.911 62.249 59.04 0 103.469-85.178 36.346-152.1"
transform="translate(48.648 285.842)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0s122.921-12.23 220.451.384"
transform="translate(145.444 440.46)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 21.069 71.025c-.022-.394 4.132 2.7 8.848 2.7h172.315a10.64 10.64 0 0 0 10.283-7.87L230.341-.627"
transform="translate(140.314 423.32)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category