Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, oriental, asian, korea, and cultures. Created in a clean lineal color style with a black, red, yellow, teal, 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="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 0h-467c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(489.5 191.337)"
fill="#00bcd4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15H0c8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
transform="translate(489.5 221.337)"
fill="#00acc1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-244l4.366 65.902C-235.529 127.851-184.084 176-122 176S-8.471 127.851-4.366 65.902Z"
transform="translate(378 221.337)"
fill="#f44336"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.104 61.948-55.55 110.098-117.634 110.098-5.078 0-10.084-.328-15-.954C-77.452 102.122-33.769 56.881-30 0l4.366-65.902h30z"
transform="translate(373.634 287.24)"
fill="#e53935"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-48.568c-8.128 0-14.716 6.589-14.716 14.716v.568c0 8.128 6.588 14.716 14.716 14.716H0c8.128 0 14.716-6.588 14.716-14.716v-.568C14.716 6.589 8.128 0 0 0"
transform="translate(280.284 397.522)"
fill="#ffd54f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c8.128 0 14.716-6.588 14.716-14.716v-.568C-15.284-23.411-21.872-30-30-30H0c8.128 0 14.716 6.589 14.716 14.716v.568C14.716-6.588 8.128 0 0 0"
transform="translate(280.284 427.522)"
fill="#ffb300"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s-103.874 54.091-181.221-9.918c-99.26-82.145-40.522-183.731-40.522-183.731s-2.45 79.56 70.398 145.809C-120.659-19.935-48.145 14.369 0 0"
transform="translate(256.5 448.15)"
fill="#00bcd4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-30.354-27.604-47.628-57.514-57.46-83.021 1.901-36.57 17.061-62.789 17.061-62.789S-42.849-66.249 30 0c22.804 20.738 68.708 45.003 110.544 50.206C92.932 57.276 28.468 25.889 0 0"
transform="translate(75.155 400.31)"
fill="#00acc1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c31.609-2.662 57.871-12.798 69.278-17.828 12.787 1.152 25.093.421 36.118-2.87C105.396-20.698 56.018 5.009 0 0"
transform="translate(151.103 468.848)"
fill="#00acc1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.389-7.61-17-17-17-9.389 0-17 7.611-17 17s7.611 17 17 17C-7.61 17 0 9.389 0 0"
transform="translate(152.036 149.5)"
fill="#ffb300"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.389-7.611-17-17-17S-34-9.389-34 0s7.611 17 17 17S0 9.389 0 0"
transform="translate(173.997 101.174)"
fill="#ffb300"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.389-7.61-17-17-17-9.389 0-17 7.611-17 17s7.611 17 17 17C-7.61 17 0 9.389 0 0"
transform="translate(218.036 68.849)"
fill="#ffb300"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.389 7.61-17 17-17 9.389 0 17 7.611 17 17s-7.611 17-17 17C7.61 17 0 9.389 0 0"
transform="translate(359.964 149.5)"
fill="#ffb300"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.389 7.611-17 17-17S34-9.389 34 0s-7.611 17-17 17S0 9.389 0 0"
transform="translate(338.003 101.174)"
fill="#ffb300"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.389 7.61-17 17-17 9.389 0 17 7.611 17 17s-7.611 17-17 17C7.61 17 0 9.389 0 0"
transform="translate(293.964 68.849)"
fill="#ffb300"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.389-7.611-17-17-17S-34-9.389-34 0s7.611 17 17 17S0 9.389 0 0"
transform="translate(273 59.5)"
fill="#ffb300"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.405-9.246-20.65-20.651-20.65-11.406 0-20.652 9.245-20.652 20.65s9.246 20.651 20.652 20.651C-9.246 20.651 0 11.405 0 0"
transform="translate(58.704 241.987)"
fill="#ffb300"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.405-9.246-20.651-20.651-20.651-11.406 0-20.652 9.246-20.652 20.651s9.246 20.651 20.652 20.651C-9.246 20.651 0 11.405 0 0"
transform="translate(276.651 448.174)"
fill="#ffb300"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-41.064c-8.285 0-15 6.716-15 15 0 8.284 6.715 15 15 15h467c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15H33.23"
transform="translate(63.565 191.337)"
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 0 2.538-38.314h-244l4.366 65.902c4.105 61.948 55.55 110.098 117.634 110.098 60.603 0 111.066-45.878 117.259-105.685"
transform="translate(375.462 259.651)"
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-3.08 5.81-5.58 11.77-7.591 17.74"
transform="translate(148.11 115.66)"
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-7.78.68-14.99 1.83-21.689 3.39"
transform="translate(239.05 60.7)"
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-5.02-4.58-10.729-8.79-17.22-12.49"
transform="translate(343.55 88.61)"
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.271-6.609.261-15.24-.689-24.93"
transform="translate(379.35 191.34)"
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-2-5.99-4.49-11.99-7.59-17.83"
transform="translate(371.78 133.3)"
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-6.69-1.55-13.91-2.68-21.69-3.35h-.01"
transform="translate(294.65 64.04)"
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-6.43 3.71-12.1 7.92-17.1 12.52"
transform="translate(185.76 76.29)"
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-1 9.54-1.11 18.13-.9 24.91"
transform="translate(133.49 166.43)"
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 0h-48.568c-8.128 0-14.716 6.589-14.716 14.716v.568c0 8.128 6.588 14.716 14.716 14.716H0c8.128 0 14.716-6.588 14.716-14.716v-.568C14.716 6.589 8.128 0 0 0Z"
transform="translate(280.284 397.522)"
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 0c1.511 21.71 11.07 84.18 70.131 137.899 26.5 24.101 84.21 52.971 130.46 51.151"
transform="translate(35.02 262.41)"
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 0c56.84 47.039 128.01 30.3 161.75 18.109"
transform="translate(75.28 438.23)"
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-9.826 21.677-33.711 90.124 20.598 153.823"
transform="translate(31.27 261.5)"
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 0c0-9.389-7.61-17-17-17-9.389 0-17 7.611-17 17s7.611 17 17 17C-7.61 17 0 9.389 0 0Z"
transform="translate(152.036 149.5)"
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 0c0-9.389-7.611-17-17-17S-34-9.389-34 0s7.611 17 17 17S0 9.389 0 0Z"
transform="translate(173.997 101.174)"
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 0c0-9.389-7.61-17-17-17-9.389 0-17 7.611-17 17s7.611 17 17 17C-7.61 17 0 9.389 0 0Z"
transform="translate(218.036 68.849)"
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 0c0-9.389 7.61-17 17-17 9.389 0 17 7.611 17 17s-7.611 17-17 17C7.61 17 0 9.389 0 0Z"
transform="translate(359.964 149.5)"
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 0c0-9.389 7.611-17 17-17S34-9.389 34 0s-7.611 17-17 17S0 9.389 0 0Z"
transform="translate(338.003 101.174)"
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 0c0-9.389 7.61-17 17-17 9.389 0 17 7.611 17 17s-7.611 17-17 17C7.61 17 0 9.389 0 0Z"
transform="translate(293.964 68.849)"
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 0c0-9.389-7.611-17-17-17S-34-9.389-34 0s7.611 17 17 17S0 9.389 0 0Z"
transform="translate(273 59.5)"
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 0c0-11.405-9.246-20.65-20.651-20.65-11.406 0-20.652 9.245-20.652 20.65s9.246 20.651 20.652 20.651C-9.246 20.651 0 11.405 0 0Z"
transform="translate(58.704 241.987)"
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 0c0-11.405-9.246-20.651-20.651-20.651-11.406 0-20.652 9.246-20.652 20.651s9.246 20.651 20.652 20.651C-9.246 20.651 0 11.405 0 0Z"
transform="translate(276.651 448.174)"
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