Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, bear, childhood, babies, baby clothing, baby clothes, kid and baby, and baby hat. Created in a clean outline color style with a white, silver, gray, olive, 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 64 64"
>
<circle cx="48" cy="17" r="9" fill="#ad6949" />
<circle cx="16" cy="17" r="9" fill="#ad6949" />
<path
fill="#a05b3d"
d="M51.224 25.395a8.999 8.999 0 0 0 3.32-2.229 27.12 27.12 0 0 0-14.22-10.847 8.93 8.93 0 0 0-1.279 3.789 23.1 23.1 0 0 1 12.18 9.287zM12.776 25.395a23.1 23.1 0 0 1 12.179-9.287 8.93 8.93 0 0 0-1.279-3.79 27.12 27.12 0 0 0-14.22 10.848 8.999 8.999 0 0 0 3.32 2.229z"
/>
<circle cx="48" cy="17" r="5" fill="#ffe27c" />
<path
fill="#ffd363"
d="M52.027 19.94a27.123 27.123 0 0 0-7.918-6.044 4.789 4.789 0 0 0-1.02 3.98 23.107 23.107 0 0 1 5.347 4.08 4.97 4.97 0 0 0 3.59-2.016z"
/>
<circle cx="16" cy="17" r="5" fill="#ffe27c" />
<path
fill="#ffd363"
d="M11.973 19.94a4.97 4.97 0 0 0 3.592 2.016 23.107 23.107 0 0 1 5.347-4.08 4.789 4.789 0 0 0-1.02-3.98 27.123 27.123 0 0 0-7.919 6.044z"
/>
<rect width="56" height="12" x="4" y="44" fill="#fff194" rx="3" />
<path
fill="#b97755"
d="M32 13a25 25 0 0 1 25 25v6H7v-6a25 25 0 0 1 25-25z"
/>
<path
fill="#d5aa8f"
d="M32 30c-4.97 0-9 6.268-9 14h18c0-7.732-4.03-14-9-14z"
/>
<path
fill="#575757"
d="M37 30c0 1.657-2.239 4-5 4s-5-2.343-5-4 2.239-2 5-2 5 .343 5 2z"
/>
<circle cx="44" cy="25" r="2" fill="#fff" />
<circle cx="20" cy="25" r="2" fill="#fff" />
<path
d="M58 43.142V38a25.837 25.837 0 0 0-3.661-13.284A9.99 9.99 0 1 0 38.876 12.93a25.888 25.888 0 0 0-13.752 0A9.992 9.992 0 1 0 9.66 24.716 25.837 25.837 0 0 0 6 38v5.142A3.996 3.996 0 0 0 3 47v6a4.005 4.005 0 0 0 4 4h50a4.005 4.005 0 0 0 4-4v-6a3.996 3.996 0 0 0-3-3.858zM48 9a8 8 0 0 1 5.245 14.04 26.221 26.221 0 0 0-1.23-1.616A5.916 5.916 0 0 0 54 17a5.978 5.978 0 0 0-11.323-2.697 25.857 25.857 0 0 0-1.866-.763A7.976 7.976 0 0 1 48 9zm2.678 10.94a26.155 26.155 0 0 0-6.213-4.75A3.98 3.98 0 0 1 52 17a3.936 3.936 0 0 1-1.322 2.94zM8 17a7.985 7.985 0 0 1 15.19-3.46c-.636.23-1.256.487-1.867.763A5.978 5.978 0 0 0 10 17a5.916 5.916 0 0 0 1.986 4.424c-.433.52-.84 1.062-1.231 1.616A7.99 7.99 0 0 1 8 17zm5.322 2.94A3.936 3.936 0 0 1 12 17a3.98 3.98 0 0 1 7.535-1.81 26.155 26.155 0 0 0-6.213 4.75zM32 14a24.027 24.027 0 0 1 24 24v5H41.956c-.207-4.63-1.82-8.85-4.365-11.424A3.603 3.603 0 0 0 38 30c0-3-4.205-3-6-3s-6 0-6 3a3.603 3.603 0 0 0 .41 1.576C23.863 34.15 22.25 38.37 22.043 43H8v-5a24.027 24.027 0 0 1 24-24zm0 19c-2.311 0-4-1.973-4-3 0-.645 1.42-1 4-1s4 .355 4 1c0 1.027-1.689 3-4 3zm-4.377.185a6.186 6.186 0 0 0 8.754 0c2.074 2.227 3.389 5.829 3.58 9.815H24.043c.191-3.986 1.506-7.588 3.58-9.815zM59 53a2.002 2.002 0 0 1-2 2H7a2.002 2.002 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h50a2.002 2.002 0 0 1 2 2z"
/>
<path
d="M53 47a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1zM47 47a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1zM41 47a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1zM35 47a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1zM29 47a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1zM23 47a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1zM17 47a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1zM11 47a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1zM44 28a3 3 0 1 0-3-3 3.003 3.003 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1.001 1.001 0 0 1 1-1zM20 28a3 3 0 1 0-3-3 3.003 3.003 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1.001 1.001 0 0 1 1-1z"
/>
</svg>
More icons in the same style and category