Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, accessory, baby clothing, and kid and baby. Created in a clean flat style with a white, silver, gray, 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
fill="#f0f0f0"
d="M256 152.467c-112.471 0-203.647 80.484-203.647 179.767C52.353 431.516 143.529 512 256 512s203.647-80.484 203.647-179.767c0-99.282-91.176-179.766-203.647-179.766zm0 318.326c-89.569 0-162.44-62.158-162.44-138.559s72.871-138.56 162.44-138.56 162.44 62.158 162.44 138.559-72.871 138.56-162.44 138.56z"
/>
<path
fill="#dfe3e5"
d="M235.396 491.396c0-11.379 9.225-20.604 20.604-20.604-89.569 0-162.44-62.158-162.44-138.559S166.431 193.674 256 193.674v-41.207c-112.471 0-203.647 80.484-203.647 179.767C52.353 431.516 143.529 512 256 512c-11.379 0-20.604-9.225-20.604-20.604z"
/>
<path
fill="#93bce8"
d="M494.659 285.076c0 63.915-106.851 88.735-238.659 88.735s-238.659-24.82-238.659-88.735S124.193 142.356 256 142.356s238.659 78.806 238.659 142.72z"
/>
<path
fill="#7dadd8"
d="M159.432 302.096c0-55.937 69.146-121.5 168.245-151.885A331.165 331.165 0 0 0 256 142.355c-131.808 0-238.659 78.806-238.659 142.721 0 57.413 86.223 83.276 199.299 87.945-35.898-16.629-57.208-39.878-57.208-70.925z"
/>
<path
fill="#bed6f1"
d="M256 283.911c58.764 0 112.559-4.937 154.142-16.071 18.761-5.023 31.806-22.019 31.806-41.441v-40.451C441.948 83.676 358.271 0 256 0S70.052 83.676 70.052 185.947v40.451c0 19.422 13.045 36.418 31.806 41.441 41.583 11.134 95.378 16.072 154.142 16.072z"
/>
<path
fill="#93bce8"
d="M162.443 278.876c-18.761-5.023-31.806-22.019-31.806-41.441v-51.487c0-91.961 67.66-168.873 155.655-183.449A185.14 185.14 0 0 0 256 0C153.729 0 70.052 83.676 70.052 185.947v40.451c0 19.422 13.045 36.418 31.806 41.441 18.229 4.881 38.806 8.57 61.119 11.175-.176-.046-.357-.091-.534-.138z"
/>
<path
fill="#ffa1ac"
d="M403.693 15.579c-7.381-18.089-31.57-21.014-46.911-5.673l-16.825 16.825c-15.341 15.341-12.415 39.53 5.673 46.911l34.707 14.162 37.518-37.518z"
/>
<path
fill="#ff8a98"
d="M382.063 74.677c-18.089-7.381-21.014-31.57-5.673-46.911l16.825-16.825a35.513 35.513 0 0 1 4.69-3.945c-10.391-9.958-28.671-9.541-41.124 2.911l-16.825 16.825c-15.341 15.341-12.416 39.53 5.673 46.911l34.707 14.162 9.823-9.823z"
/>
<path
fill="#ffa1ac"
d="M474.343 86.229c18.089 7.381 21.014 31.57 5.673 46.911l-16.825 16.825c-15.341 15.341-39.53 12.416-46.911-5.673l-14.162-34.707 37.518-37.518z"
/>
<ellipse
cx="409.86"
cy="79.809"
fill="#ffbfc7"
rx="34.776"
ry="29.668"
transform="rotate(-45 409.876 79.89)"
/>
<ellipse cx="164.749" cy="185.421" fill="#fff" rx="33.67" ry="26.813" />
<ellipse cx="347.251" cy="185.421" fill="#fff" rx="33.67" ry="26.813" />
<path
fill="#495560"
d="M283.146 164.82c0-16.777-12.154-18.353-27.146-18.353s-27.146 1.576-27.146 18.353c0 16.776 12.154 30.376 27.146 30.376s27.146-13.6 27.146-30.376zM170.378 160.91a7.499 7.499 0 0 1-7.5-7.5v-13.749c0-4.143 3.357-7.5 7.5-7.5s7.5 3.357 7.5 7.5v13.749c0 4.143-3.357 7.5-7.5 7.5zM341.622 160.91a7.499 7.499 0 0 1-7.5-7.5v-13.749c0-4.143 3.357-7.5 7.5-7.5s7.5 3.357 7.5 7.5v13.749c0 4.143-3.357 7.5-7.5 7.5z"
/>
</svg>
More icons in the same style and category