Add icons to this collection by clicking the heart icon.
Bib icon - also known as fashion, children, baby, baby clothing, bib, baby bib, baby cloth, and kid and baby. Created in a clean gradient 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7daf93" />
<stop offset="1" stop-color="#006941" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="149"
x2="376.79"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff94cc" />
<stop offset="1" stop-color="#ff39a1" />
</linearGradient>
<path
d="M302.256 84.498H199.959L256 159.219c32.422 0 58.709 26.288 58.709 58.709S288.422 276.637 256 276.637l-42.698 75.433L256 427.502c37.848 0 73.542-14.851 100.508-41.817s41.817-62.661 41.817-100.509V180.567c0-25.544-10.025-49.636-28.229-67.84s-42.297-28.229-67.84-28.229z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="202.628"
x2="298.698"
y1="397.479"
y2="397.479"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f3edee" />
<stop offset="1" stop-color="#ffedba" />
</linearGradient>
<path
d="M256 73.823c23.583 0 42.698 19.114 42.698 42.698 0 23.583-19.114 42.698-42.698 42.698l-53.372-42.698L256 73.823z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="149"
x2="376.79"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff94cc" />
<stop offset="1" stop-color="#ff39a1" />
</linearGradient>
<path
d="M197.291 217.928c0-32.422 26.287-58.709 58.709-58.709V84.498h-46.256c-26.525 0-50.958 10.002-68.798 28.162-17.587 17.903-27.272 42.019-27.272 67.908v104.609c0 38.327 14.354 74.045 40.417 100.576 26.448 26.923 62.64 41.75 101.909 41.75V276.637c-32.422 0-58.709-26.287-58.709-58.709z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="103"
x2="409"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f3edee" />
<stop offset="1" stop-color="#ffedba" />
</linearGradient>
<path
d="M302.256 73.823h-92.512C148.302 73.823 103 121.858 103 180.567v104.609c0 84.15 64.936 153 153 153 84.15 0 153-68.85 153-153V180.567c0-58.709-48.035-106.744-106.744-106.744zm85.395 211.354c0 34.996-13.741 68.01-38.691 92.96-24.95 24.95-57.964 38.691-92.96 38.691-36.382 0-69.87-13.693-94.294-38.556-24.09-24.522-37.357-57.584-37.357-93.095v-104.61c0-23.073 8.599-44.533 24.212-60.427 15.817-16.101 37.545-24.968 61.183-24.968h92.512c22.692 0 44.104 8.915 60.292 25.103s25.103 37.6 25.103 60.292v104.61z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="234.651"
x2="277.349"
y1="397.48"
y2="397.48"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6b5e6e" />
<stop offset="1" stop-color="#523a4c" />
</linearGradient>
<circle cx="256" cy="116.52" r="21.349" fill="url(#f)" />
</svg>
More icons in the same style and category