Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, accessories, clothing, and accessory. Created in a clean lineal color style with a white, silver, black, and pink 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="a" 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 0-191.925-53.273L-383.85 0v101.929c0 64.617 52.382 116.999 116.999 116.999h149.852C-52.382 218.928 0 166.546 0 101.929Z"
transform="translate(447.923 204.55)"
fill="#ecb9a1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 .033-92.437 3.523-4.378 33.283 9.239V14.353c0 64.617-52.382 116.999-116.999 116.999h-6.041C-31.839 114.674 0 54.932 0 0"
transform="translate(411.084 292.126)"
fill="#e7ab8a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v60.256c-40.173-9.963-100.912-18.213-191.925-18.213s-151.751 8.25-191.925 18.213V0l191.925-53.273z"
transform="translate(447.923 204.55)"
fill="#f0f0f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-52.796 65.607c-40.174-9.966-100.92-18.22-191.958-18.22s-151.786 8.254-191.958 18.22L-489.509 0c-6.897-8.57-3.915-21.344 6.073-25.953 32.77-15.121 101.182-33.948 238.682-33.948S-38.844-41.074-6.073-25.953C3.915-21.344 6.897-8.57 0 0"
transform="translate(500.753 148.423)"
fill="#e7ab8a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 .019-50.781c.001-4.027 1.279-7.928 3.595-11.199l33.213 9.219V7.495C26.088 4.832 13.863 2.293 0 0"
transform="translate(411.097 257.311)"
fill="#e0dde2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-52.796 65.607c-10.743-2.665-22.972-5.205-36.842-7.5a19.436 19.436 0 0 1 4.291-12.172l48.508-60.289c5.983-7.434 4.523-18.023-2.487-23.71 13.892 4.033 24.804 8.209 33.305 12.135C3.943-21.327 6.881-8.551 0 0"
transform="translate(500.753 148.423)"
fill="#df9874"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-52.796 65.607c-40.174-9.966-100.92-18.22-191.958-18.22s-151.786 8.254-191.958 18.22L-489.509 0c-6.897-8.57-3.915-21.344 6.073-25.953 32.77-15.121 101.182-33.948 238.682-33.948S-38.844-41.074-6.073-25.953C3.915-21.344 6.897-8.57 0 0Z"
transform="translate(500.753 148.423)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-18.596 12.455-40.962 19.718-65.024 19.718h-149.852c-64.617 0-116.999-52.382-116.999-116.999v-92.456"
transform="translate(395.949 403.76)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v92.457c0 27.285-9.34 52.388-24.997 72.287"
transform="translate(447.923 214.023)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-13.458 2.25-25.343 4.734-35.827 7.334"
transform="translate(99.9 257.472)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-40.173-9.963-100.912-18.212-191.925-18.212-47.815 0-87.274 2.276-119.785 5.883"
transform="translate(447.923 264.806)"
fill="none"
stroke="#000"
stroke-width="15"
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