Add icons to this collection by clicking the heart icon.
Onesie icon - also known as clothes, body, baby clothing, baby clothes, overall, onesie, garment, and kid and baby. Created in a clean 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#7fd8f7" />
<stop offset="1" stop-color="#6aa9ff" />
</linearGradient>
<linearGradient
id="f"
x1="255"
x2="255"
y1=".778"
y2="69.891"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#3887e5" stop-opacity="0" />
<stop offset=".942" stop-color="#3887e5" stop-opacity=".942" />
<stop offset="1" stop-color="#3887e5" />
</linearGradient>
<linearGradient
id="g"
x1="255"
x2="255"
y1="-9.611"
y2="82.409"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="195.842"
x2="195.842"
y1="-.489"
y2="98.103"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="314.158"
x2="314.158"
y1="-.489"
y2="98.103"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="116.366"
x2="361.249"
y1="143.367"
y2="475.072"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#7fd8f7" />
<stop offset=".288" stop-color="#77c6fa" />
<stop offset=".718" stop-color="#6db1fe" />
<stop offset="1" stop-color="#6aa9ff" />
</linearGradient>
<linearGradient
id="k"
x1="203.705"
x2="203.705"
y1="109"
y2="81.333"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="255"
x2="255"
y1="109"
y2="81.333"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="306.295"
x2="306.295"
y1="109"
y2="81.333"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="130"
x2="94.441"
y1="420.962"
y2="420.962"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="130"
x2="94.441"
y1="369.667"
y2="369.667"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="130"
x2="94.441"
y1="318.371"
y2="318.371"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="130"
x2="94.441"
y1="267.076"
y2="267.076"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="130"
x2="94.441"
y1="215.78"
y2="215.78"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="416.667"
x2="381.108"
y1="420.962"
y2="420.962"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="416.667"
x2="381.108"
y1="369.667"
y2="369.667"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="u"
x1="416.667"
x2="381.108"
y1="318.371"
y2="318.371"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="v"
x1="416.667"
x2="381.108"
y1="267.076"
y2="267.076"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="w"
x1="416.667"
x2="381.108"
y1="215.78"
y2="215.78"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="x"
x1="407.471"
x2="252.193"
y1="413.152"
y2="247.3"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="y"
x1="255"
x2="255"
y1="370.701"
y2="453.1"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="z"
x1="157.503"
x2="173.086"
y1="443.383"
y2="522.784"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="A"
x1="164.844"
x2="164.844"
y1="483.124"
y2="510.644"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="B"
x1="331.392"
x2="353.654"
y1="444.534"
y2="503.157"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="C"
x1="345.156"
x2="345.156"
y1="483.124"
y2="510.644"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fef17d" />
<stop offset="1" stop-color="#ffd746" />
</linearGradient>
<linearGradient
id="D"
x1="240.661"
x2="312.482"
y1="246.674"
y2="318.495"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#feb454" stop-opacity="0" />
<stop offset="1" stop-color="#db841d" />
</linearGradient>
<linearGradient
id="E"
x1="255"
x2="255"
y1="326.176"
y2="144.061"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="F"
x1="255"
x2="255"
y1="220.431"
y2="238.998"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="G"
x1="255"
x2="255"
y1="297.792"
y2="349.215"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<path
fill="url(#f)"
d="M306.203 14.139v72.719H203.797V14.139h15.227c.134 16.83 13.814 30.421 30.666 30.421h10.619c16.852 0 30.532-13.591 30.666-30.421z"
/>
<path
fill="url(#g)"
d="M306.203 14.139v72.719H203.797V14.139h15.227c.134 16.83 13.814 30.421 30.666 30.421h10.619c16.852 0 30.532-13.591 30.666-30.421z"
/>
<path
fill="url(#h)"
d="M211.711 108.522h-31.738c-5.694 0-10.311-4.616-10.311-10.311v-87.9C169.662 4.616 174.278 0 179.973 0h31.738c5.694 0 10.311 4.616 10.311 10.311v87.901c-.001 5.694-4.617 10.31-10.311 10.31z"
/>
<path
fill="url(#i)"
d="M330.027 108.522h-31.738c-5.694 0-10.311-4.616-10.311-10.311v-87.9C287.978 4.616 292.595 0 298.289 0h31.738c5.694 0 10.311 4.616 10.311 10.311v87.901c0 5.694-4.616 10.31-10.311 10.31z"
/>
<path
fill="url(#j)"
d="M403.4 168.709c-31.273-13.163-54.905-40.892-62.402-74.695-2.218-9.996-10.915-17.214-21.154-17.214H190.156c-10.24 0-18.937 7.217-21.154 17.214-7.497 33.802-31.13 61.532-62.402 74.695-9.192 3.869-15.218 12.809-15.218 22.781v287.411h146.386v-66.87c0-9.517 7.715-17.232 17.232-17.232s17.232 7.715 17.232 17.232v66.87h146.386V191.49c0-9.972-6.026-18.912-15.218-22.781z"
/>
<path
fill="url(#k)"
d="M218.409 103H189a8 8 0 0 1 0-16h29.409a8 8 0 0 1 0 16z"
/>
<path
fill="url(#l)"
d="M269.705 103h-29.409a8 8 0 0 1 0-16h29.409a8 8 0 0 1 0 16z"
/>
<path
fill="url(#m)"
d="M321 103h-29.409a8 8 0 0 1 0-16H321a8 8 0 0 1 0 16z"
/>
<path
fill="url(#n)"
d="M109 398.258a8 8 0 0 0-8 8v29.409a8 8 0 0 0 16 0v-29.409a8 8 0 0 0-8-8z"
/>
<path
fill="url(#o)"
d="M109 346.962a8 8 0 0 0-8 8v29.409a8 8 0 0 0 16 0v-29.409a8 8 0 0 0-8-8z"
/>
<path
fill="url(#p)"
d="M109 295.667a8 8 0 0 0-8 8v29.409a8 8 0 0 0 16 0v-29.409a8 8 0 0 0-8-8z"
/>
<path
fill="url(#q)"
d="M109 244.371a8 8 0 0 0-8 8v29.409a8 8 0 0 0 16 0v-29.409a8 8 0 0 0-8-8z"
/>
<path
fill="url(#r)"
d="M109 193.076a8 8 0 0 0-8 8v29.409a8 8 0 0 0 16 0v-29.409a8 8 0 0 0-8-8z"
/>
<path
fill="url(#s)"
d="M395.667 398.258a8 8 0 0 0-8 8v29.409a8 8 0 0 0 16 0v-29.409a8 8 0 0 0-8-8z"
/>
<path
fill="url(#t)"
d="M395.667 346.962a8 8 0 0 0-8 8v29.409a8 8 0 0 0 16 0v-29.409a8 8 0 0 0-8-8z"
/>
<path
fill="url(#u)"
d="M395.667 295.667a8 8 0 0 0-8 8v29.409a8 8 0 0 0 16 0v-29.409a8 8 0 0 0-8-8z"
/>
<path
fill="url(#v)"
d="M395.667 244.371a8 8 0 0 0-8 8v29.409a8 8 0 0 0 16 0v-29.409a8 8 0 0 0-8-8z"
/>
<path
fill="url(#w)"
d="M395.667 193.076a8 8 0 0 0-8 8v29.409a8 8 0 0 0 16 0v-29.409a8 8 0 0 0-8-8z"
/>
<path
fill="url(#x)"
d="M338.483 218.576H197.675v96.84L361.16 478.902h57.458v-180.19z"
/>
<path
fill="url(#y)"
d="M91.382 327.289v151.612h146.386v-66.87c0-9.517 7.715-17.232 17.232-17.232s17.232 7.715 17.232 17.232v66.87h146.386V327.289z"
/>
<path
fill="url(#z)"
d="M241.862 510H87.824c-7.256 0-13.138-5.882-13.138-13.138v-32.159c0-7.256 5.882-13.138 13.138-13.138h154.038c7.256 0 13.138 5.882 13.138 13.138v32.159c0 7.256-5.882 13.138-13.138 13.138z"
/>
<path
fill="url(#A)"
d="M255 476.446v20.414c0 7.257-5.877 13.135-13.135 13.135H87.823c-7.257 0-13.135-5.877-13.135-13.135v-20.414z"
/>
<path
fill="url(#B)"
d="M422.176 510H268.138c-7.256 0-13.138-5.882-13.138-13.138v-32.159c0-7.256 5.882-13.138 13.138-13.138h154.038c7.256 0 13.138 5.882 13.138 13.138v32.159c0 7.256-5.882 13.138-13.138 13.138z"
/>
<path
fill="url(#C)"
d="M435.312 476.446v20.414c0 7.257-5.877 13.135-13.135 13.135H268.135c-7.258 0-13.135-5.877-13.135-13.135v-20.414z"
/>
<path
fill="url(#D)"
d="M262.776 335.081h-15.553c-39.967 0-72.367-32.4-72.367-72.367v-33.378h160.287v33.378c.001 39.967-32.399 72.367-72.367 72.367z"
/>
<path
fill="url(#E)"
d="M174.856 229.336v13.357l92.248 92.248c37.951-2.24 68.039-33.714 68.039-72.227v-33.378z"
/>
<path
fill="url(#F)"
d="M329.429 244.178H180.571c-6.23 0-11.28-5.05-11.28-11.28v-7.864c0-6.23 5.05-11.28 11.28-11.28h148.858c6.23 0 11.28 5.05 11.28 11.28v7.864c0 6.229-5.05 11.28-11.28 11.28z"
/>
<path
fill="url(#G)"
d="M176.818 279.426c7.546 31.906 36.193 55.655 70.406 55.655h15.553c34.213 0 62.859-23.749 70.406-55.655z"
/>
</svg>
More icons in the same style and category