Add icons to this collection by clicking the heart icon.
Rattle icon - also known as sound, jingle, tools, tool, children, baby, rattle, rattles, 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="#ffdd7d" />
<stop offset="1" stop-color="#ff8945" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="113.11"
x2="262.28"
y1="268.45"
y2="119.28"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f3edee" />
<stop offset="1" stop-color="#a3ebfe" />
</linearGradient>
<path
d="m255.251 243.423-54.074 54.074-60.257 13.952a49.014 49.014 0 0 0-23.624 13.11c-19.146 19.146-19.146 50.299 0 69.445s50.299 19.146 69.445 0a48.964 48.964 0 0 0 13.106-23.62l13.956-60.261 54.074-54.074-12.626-12.626zm-72.8 122.935a31.16 31.16 0 0 1-8.338 15.021c-12.18 12.18-32.008 12.184-44.192 0s-12.18-32.012 0-44.192a31.168 31.168 0 0 1 15.021-8.338l48.814-11.305-11.305 48.814z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="308.349"
x2="457.519"
y1="463.689"
y2="314.519"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f3edee" />
<stop offset="1" stop-color="#a3ebfe" />
</linearGradient>
<path
d="m381.513 142.414-12.627-12.626 18.94-18.94 12.626 12.627z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="264.062"
x2="384.602"
y1="375.402"
y2="254.862"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#05ceff" />
<stop offset="1" stop-color="#01538d" />
</linearGradient>
<path
d="m381.514 129.786-.001.001c-34.87-34.87-91.394-34.87-126.263 0-34.87 34.87-34.87 91.394 0 126.264h.002c34.87 34.869 91.393 34.868 126.262-.001 34.87-34.87 34.87-91.394 0-126.264z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="264.06"
x2="384.6"
y1="375.4"
y2="254.86"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#70e2ff" />
<stop offset="1" stop-color="#0391c6" />
</linearGradient>
<circle cx="318.38" cy="192.92" r="53.57" fill="url(#e)" />
<linearGradient
id="f"
x1="242.07"
x2="391.23"
y1="397.4"
y2="248.23"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f3edee" />
<stop offset="1" stop-color="#a3ebfe" />
</linearGradient>
<path
d="m324.696 186.605-75.758-75.758-12.627 12.626 75.758 75.758 75.759 75.758 12.626-12.626z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category