Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, childhood, baby, baby clothing, baby clothes, kid and baby, and baby hat. Created in a clean lineal color style, 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 511 511"
>
<circle cx="127.5" cy="87.5" r="80" fill="#f0b582" />
<circle cx="127.5" cy="87.5" r="48" fill="#fee95d" />
<path
d="M95.5 160.843c-28.254-12.345-48-40.538-48-73.343 0-44.183 35.817-80 80-80 29.611 0 55.465 16.088 69.297 40"
fill="none"
stroke="#000"
stroke-width="15"
stroke-miterlimit="10"
/>
<path
d="M111.5 132.769c-18.643-6.589-32-24.369-32-45.269 0-26.51 21.49-48 48-48 17.767 0 33.279 9.653 41.578 24"
fill="none"
stroke="#000"
stroke-width="15"
stroke-miterlimit="10"
/>
<circle cx="383.5" cy="87.5" r="80" fill="#f0b582" />
<path
d="M383.5 7.5a80.48 80.48 0 0 0-10 .645c39.459 4.924 70 38.562 70 79.355s-30.541 74.431-70 79.355c3.278.409 6.611.645 10 .645 44.183 0 80-35.817 80-80s-35.817-80-80-80z"
fill="#d69660"
/>
<path
d="M415.5 160.843c28.254-12.345 48-40.538 48-73.343 0-44.183-35.817-80-80-80-29.611 0-55.465 16.088-69.297 40"
fill="none"
stroke="#000"
stroke-width="15"
stroke-miterlimit="10"
/>
<circle cx="383.5" cy="87.5" r="48" fill="#fee95d" />
<path
d="M383.5 39.5c-3.43 0-6.774.367-10 1.05 21.709 4.602 38 23.87 38 46.95s-16.291 42.348-38 46.949a48.164 48.164 0 0 0 10 1.051c26.51 0 48-21.49 48-48s-21.49-48-48-48z"
fill="#fcad42"
/>
<path
d="M399.5 132.769c18.643-6.589 32-24.369 32-45.269 0-26.51-21.49-48-48-48-17.767 0-33.279 9.653-41.578 24"
fill="none"
stroke="#000"
stroke-width="15"
stroke-miterlimit="10"
/>
<path
d="M415.5 247.5h-320v-48c0-88.365 71.634-160 160-160 88.365 0 160 71.634 160 160v48z"
fill="#f0b582"
/>
<path
d="M255.5 39.5c-3.36 0-6.692.116-10 .32 83.706 5.164 150 74.674 150 159.68v48h20v-48c0-88.366-71.634-160-160-160z"
fill="#d69660"
/>
<path
d="M290.529 132.471c-6.627-6.627-17.373-6.627-24 0L255.5 143.5l-11.029-11.029c-6.627-6.627-17.373-6.627-24 0s-6.627 17.373 0 24L255.5 191.5l35.029-35.029c6.628-6.628 6.628-17.373 0-24z"
fill="#f696c3"
/>
<path
d="M290.529 132.471c-6.627-6.627-17.373-6.627-24 0L255.5 143.5l-11.029-11.029c-6.627-6.627-17.373-6.627-24 0s-6.627 17.373 0 24L255.5 191.5l35.029-35.029c6.628-6.628 6.628-17.373 0-24z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-miterlimit="10"
/>
<path
d="M95.5 223.5v-24c0-88.365 71.634-160 160-160 88.365 0 160 71.634 160 160v48"
fill="none"
stroke="#000"
stroke-width="15"
stroke-miterlimit="10"
/>
<path
d="M439.5 343.5h-368a8 8 0 0 1-8-8v-80a8 8 0 0 1 8-8h368a8 8 0 0 1 8 8v80a8 8 0 0 1-8 8z"
fill="#fee95d"
/>
<path
d="M439.5 247.5h-20a8 8 0 0 1 8 8v80a8 8 0 0 1-8 8h20a8 8 0 0 0 8-8v-80a8 8 0 0 0-8-8z"
fill="#fcad42"
/>
<path
d="M343.5 343.5h-272a8 8 0 0 1-8-8v-80a8 8 0 0 1 8-8h368a8 8 0 0 1 8 8v80a8 8 0 0 1-8 8h-80M127.5 247.5v96M191.5 247.5v96M255.5 247.5v96M319.5 247.5v96M383.5 247.5v96"
fill="none"
stroke="#000"
stroke-width="15"
stroke-miterlimit="10"
/>
<circle cx="95.5" cy="471.5" r="32" fill="#fff" />
<path
d="M95.5 439.5c-3.494 0-6.853.567-10 1.603 12.774 4.2 22 16.218 22 30.397s-9.226 26.197-22 30.397a31.946 31.946 0 0 0 10 1.603c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32z"
fill="#a4fef1"
/>
<circle
cx="95.5"
cy="471.5"
r="32"
fill="none"
stroke="#000"
stroke-width="15"
stroke-miterlimit="10"
/>
<path
d="M95.5 343.5v96"
fill="none"
stroke="#000"
stroke-width="15"
stroke-miterlimit="10"
/>
<circle cx="415.5" cy="471.5" r="32" fill="#fff" />
<path
d="M415.5 439.5c-3.494 0-6.853.567-10 1.603 12.774 4.2 22 16.218 22 30.397s-9.226 26.197-22 30.397a31.946 31.946 0 0 0 10 1.603c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32z"
fill="#a4fef1"
/>
<circle
cx="415.5"
cy="471.5"
r="32"
fill="none"
stroke="#000"
stroke-width="15"
stroke-miterlimit="10"
/>
<path
d="M415.5 343.5v96"
fill="none"
stroke="#000"
stroke-width="15"
stroke-miterlimit="10"
/>
<path
d="M327.5 215.5h16M359.5 215.5h16"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category