Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, accessories, cap, and clothes. Created in a clean lineal color style with a white, silver, 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="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 0h308.183l-22.62 91.352c-5.288 21.355-23.25 40-50.001 40h-44.748c-13.366 0-13.607-17.25-36.723-17.25s-23.358 17.25-36.724 17.25H72.619c-26.75 0-44.712-18.645-50-40z"
transform="translate(101.908 344.648)"
fill="#fff3db"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-308.183l-14.127-57.055c5.909-1.635 11.499-3.865 16.54-6.693 11.727-6.575 33.32-6.575 45.045 0 23.913 13.409 60.199 13.411 84.112 0 11.724-6.575 33.319-6.575 45.044 0 23.912 13.411 60.198 13.409 84.111 0 11.726-6.575 33.318-6.575 45.044 0 5.042 2.828 10.633 5.058 16.542 6.691z"
transform="translate(410.09 344.648)"
fill="#d1a184"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-23.913 13.41-60.198 13.409-84.111 0-11.726-6.575-33.319-6.575-45.045 0-5.041 2.827-10.632 5.058-16.541 6.69-22.12 6.124-48.695 3.892-67.57-6.69-9.623-5.393-13.05-17.566-7.657-27.187 5.394-9.622 17.568-13.05 27.191-7.657 11.726 6.576 33.318 6.576 45.044 0 23.914-13.409 60.197-13.409 84.111 0 11.725 6.576 33.318 6.576 45.045 0 23.914-13.409 60.196-13.409 84.11 0 11.726 6.576 33.319 6.576 45.045 0 23.914-13.409 60.197-13.409 84.11 0 11.727 6.576 33.316 6.576 45.045 0 9.623-5.393 21.797-1.965 27.191 7.657 5.393 9.621 1.966 21.794-7.657 27.187-18.876 10.582-45.45 12.814-67.57 6.69-5.909-1.632-11.5-3.863-16.542-6.69-11.725-6.575-33.318-6.575-45.044 0-23.913 13.409-60.199 13.41-84.111 0C33.319-6.575 11.725-6.575 0 0"
transform="translate(233.477 280.9)"
fill="#fff3db"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-13.807 0-25-11.193-25-25s11.193-25 25-25 25 11.193 25 25S13.807 0 0 0"
transform="translate(251.651 137.5)"
fill="#d1a184"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-9.623-5.393-21.797-1.965-27.19 7.656-5.394 9.622-1.966 21.795 7.657 27.188 23.917 13.408 60.194 13.411 84.11 0 11.727-6.575 33.319-6.575 45.045 0 23.913 13.408 60.198 13.41 84.111 0 11.725-6.575 33.32-6.575 45.044 0 23.912 13.41 60.199 13.408 84.112 0 11.725-6.575 33.318-6.575 45.044 0 23.918 13.411 60.193 13.408 84.111 0 9.623-5.393 13.051-17.566 7.657-27.188-5.393-9.621-17.567-13.049-27.19-7.656-11.73 6.576-33.319 6.576-45.045 0-23.913-13.41-60.196-13.41-84.111 0-11.726 6.576-33.319 6.576-45.044 0-23.915-13.41-60.197-13.41-84.111 0-11.726 6.576-33.319 6.576-45.045 0-23.914-13.41-60.197-13.41-84.111 0C33.318 6.576 11.727 6.576 0 0Z"
transform="translate(39.744 246.057)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 36.482 147.342c5.289 21.356 23.25 40 50 40h44.748c13.367 0 13.608-17.25 36.724-17.25 23.116 0 23.358 17.25 36.724 17.25h44.748c26.751 0 44.713-18.644 50.001-40L335.923-.056"
transform="translate(88.045 288.658)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h107.592m-305.177 0H-90"
transform="translate(300.996 344.648)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c13.77 0 25 11.23 25 25 0 13.769-11.23 25-25 25s-25-11.231-25-25C-25 11.23-13.77 0 0 0Z"
transform="translate(251.651 87.5)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-6.144-6.832-12.17-17.099-12.17-30.276 0-12.427 10.073-22.5 22.5-22.5s22.5 10.073 22.5 22.5c0 13.258-6.101 23.571-12.284 30.402"
transform="translate(241.321 88.777)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c61.267 9.201 110.534 57.778 119.188 120.796m-280.664 0C-153.234 60.776-108.152 13.85-50.95 1.571"
transform="translate(277.144 113.412)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.007"
transform="translate(255.992 344.648)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category