Add icons to this collection by clicking the heart icon.
Baby Hat icon - also known as hat, fashion, childhood, babies, baby clothing, baby clothes, kid and baby, and baby hat. Created in a clean flat style with a white, silver, gray, teal, 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="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 0c-141.385 0-256-114.615-256-256 0-98.623 55.778-184.206 137.5-226.962H-96l17.5-16.758C-53.761-507.682-27.386-512 0-512c27.386 0 53.761 4.318 78.5 12.28L96-482.962h22.5C200.222-440.206 256-354.623 256-256 256-114.615 141.385 0 0 0"
transform="translate(256 512)"
fill="#a7dde2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-55.228-44.772-100-100-100S-200-55.228-200 0s44.772 100 100 100S0 55.228 0 0"
transform="translate(482 412)"
fill="#fff5f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-55.229 0-100-44.771-100-100 0-55.228 44.771-100 100-100-11.046 0-20 8.954-20 20s8.954 20 20 20v120c-11.046 0-20 8.954-20 20S-11.046 0 0 0"
transform="translate(382 512)"
fill="#fff2b4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-33.084 0-60 26.916-60 60s26.916 60 60 60 60-26.916 60-60S33.084 0 0 0"
transform="translate(382 352)"
fill="#ffdf8e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-55.228-44.772-100-100-100S-200-55.228-200 0s44.772 100 100 100S0 55.228 0 0"
transform="translate(230 412)"
fill="#fff5f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-55.229 0-100-44.771-100-100 0-55.228 44.771-100 100-100-11.046 0-20 8.954-20 20s8.954 20 20 20v120c-11.046 0-20 8.954-20 20S-11.046 0 0 0"
transform="translate(130 512)"
fill="#fff2b4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-33.084 0-60 26.916-60 60s26.916 60 60 60 60-26.916 60-60S33.084 0 0 0"
transform="translate(130 352)"
fill="#ffdf8e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M352 129H160v199h192z"
fill="#0680ae"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c43.354 0 78.5-35.146 78.5-78.5V-189h60.75c33.551 0 60.75 27.199 60.75 60.75V-32c0 110.457-89.543 200-200 200Z"
transform="translate(256 288)"
fill="#3691bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-110.457 0-200-89.543-200-200v-96.25c0-33.551 27.199-60.75 60.75-60.75h60.75v110.5c0 43.354 35.146 78.5 78.5 78.5z"
transform="translate(256 456)"
fill="#0680ae"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 43.354 35.146 78.5 78.5 78.5S157 43.354 157 0h40v128c0 65.446-53.054 118.5-118.5 118.5S-40 193.446-40 128V0Z"
transform="translate(177.5 209.5)"
fill="#6caac9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 35.346 28.654 64 64 64C-1.446 64-54.5 10.946-54.5-54.5v-128h40c0 43.354 35.146 78.5 78.5 78.5v40C28.654-64 0-35.346 0 0"
transform="translate(192 392)"
fill="#3691bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-65.658.378-119.193-52.926-119.193-118.498V-298.96a254.343 254.343 0 0 1 40-16.758v196.235c0 43.284 34.621 79.162 77.905 79.483 43.627.323 79.095-34.945 79.095-78.498v-197.22a254.383 254.383 0 0 1 40 16.758v179.158C117.807-54.412 65.388-.376 0 0"
transform="translate(256.693 327.998)"
fill="#88b9d3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.046 8.954 20 20 20C-45.341 20-98.5-33.159-98.5-98.5v-180.462a254.383 254.383 0 0 1 40-16.758V-98.5C-58.5-55.146-23.354-20 20-20 8.954-20 0-11.046 0 0"
transform="translate(236 308)"
fill="#6caac9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category