Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, traditional, travel, accesory, and garment. Created in a clean filled style with a white and black 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<mask id="a">
<rect width="100%" height="100%" fill="#fff" />
<path
d="M0 0h-312.539l16.674 207.373c3.071 38.204 41.86 62.843 77.747 49.385l41.595-15.598a57.678 57.678 0 0 1 40.506 0l41.595 15.598c35.887 13.458 74.676-11.181 77.748-49.385z"
transform="matrix(1.33333 0 0 -1.33333 549.693 486.537)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-38.292-31.042-69.333-69.333-69.333h-343.334C-450.958-69.333-482-38.292-482 0Z"
transform="matrix(1.33333 0 0 -1.33333 662.667 450.981)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h546"
transform="matrix(1.33333 0 0 -1.33333 -22.667 426.667)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h384"
transform="matrix(1.33333 0 0 -1.33333 85.333 312.889)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</mask>
<g mask="url(#a)">
<g
clip-path="url(#b)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0h-312.539l16.674 207.373c3.071 38.204 41.86 62.843 77.747 49.385l41.595-15.598a57.678 57.678 0 0 1 40.506 0l41.595 15.598c35.887 13.458 74.676-11.181 77.748-49.385z"
transform="translate(412.27 147.097)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-312.539l16.674 207.373c3.071 38.204 41.86 62.843 77.747 49.385l41.595-15.598a57.678 57.678 0 0 1 40.506 0l41.595 15.598c35.887 13.458 74.676-11.181 77.748-49.385z"
transform="translate(412.27 147.097)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-38.292-31.042-69.333-69.333-69.333h-343.334C-450.958-69.333-482-38.292-482 0Z"
transform="translate(497 173.764)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-38.292-31.042-69.333-69.333-69.333h-343.334C-450.958-69.333-482-38.292-482 0Z"
transform="translate(497 173.764)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h546"
transform="translate(-17 192)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h384"
transform="translate(64 277.333)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</svg>
More icons in the same style and category