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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="c"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#99503d" />
<stop offset="1" stop-color="#804231" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#deecf1" />
<stop offset=".995" stop-color="#c6e2e7" />
</linearGradient>
<linearGradient
id="d"
x1="168.466"
x2="230.185"
y1="168.936"
y2="230.654"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="272.533"
x2="334.252"
y1="273.003"
y2="334.721"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="113.365"
x2="179.602"
y1="323.521"
y2="389.758"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff9ac9" />
<stop offset="1" stop-color="#ff5ca8" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#fdbf00" />
<stop offset="1" stop-color="#ff9f00" />
</linearGradient>
<linearGradient
id="g"
x1="349.995"
x2="413.06"
y1="88.823"
y2="151.889"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="178.073"
x2="241.189"
y1="91.031"
y2="154.147"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="264.021"
x2="327.137"
y1="67.59"
y2="130.707"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="372.293"
x2="435.41"
y1="174.746"
y2="237.863"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="349.969"
x2="413.086"
y1="260.695"
y2="323.811"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="193.725"
x2="256.791"
y1="246.396"
y2="309.462"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="url(#d)"
d="M194.637 256.824c-9.176-17.449-14.028-37.168-14.028-57.027 0-19.863 4.852-39.582 14.028-57.031l19.754 10.375c-7.598 14.476-11.457 30.164-11.457 46.656 0 16.488 3.859 32.176 11.457 46.652zm0 0"
/>
<path
fill="url(#e)"
d="M303.395 322.578c-19.864 0-39.583-4.851-57.032-14.027l10.375-19.754c28.953 15.195 64.36 15.195 93.309 0l10.379 19.754c-17.453 9.176-37.172 14.027-57.031 14.027zm0 0"
/>
<path
fill="url(#f)"
d="m238.43 318.336-88.75 101.203c-17.86 20.316-49.114 21.43-68.313 2.234-9.152-9.152-14.289-21.656-13.84-34.601.446-12.95 6.25-25.227 16.075-33.711l101.25-88.703zm0 0"
/>
<path
fill="url(#g)"
d="M413.004 88.879c-8.035-8.262-19.2-13.172-31.477-13.172-24.554 0-44.648 20.094-44.648 44.648 0 12.278 4.91 23.442 13.172 31.477 8.035 8.262 19.199 13.172 31.476 13.172 24.559 0 44.649-20.09 44.649-44.649 0-12.277-4.91-23.44-13.172-31.476zm0 0"
/>
<path
fill="url(#h)"
d="M209.633 167.238c-24.625 0-44.649-20.023-44.649-44.648s20.024-44.649 44.649-44.649c24.62 0 44.644 20.024 44.644 44.649s-20.023 44.648-44.644 44.648zm0 0"
/>
<path
fill="url(#i)"
d="M295.578 143.797c-24.625 0-44.648-20.024-44.648-44.649S270.953 54.5 295.578 54.5s44.649 20.023 44.649 44.648-20.024 44.649-44.649 44.649zm0 0"
/>
<path
fill="url(#j)"
d="M403.852 250.953c-24.625 0-44.649-20.023-44.649-44.648s20.024-44.649 44.649-44.649S448.5 181.68 448.5 206.305s-20.023 44.648-44.648 44.648zm0 0"
/>
<path
fill="url(#k)"
d="M381.527 336.902c-24.625 0-44.648-20.023-44.648-44.648s20.023-44.649 44.648-44.649 44.649 20.024 44.649 44.649-20.024 44.648-44.649 44.648zm0 0"
/>
<path
fill="url(#l)"
d="M256.734 246.453c-8.035-8.262-19.199-13.172-31.476-13.172-24.559 0-44.649 20.09-44.649 44.649 0 12.277 4.91 23.437 13.172 31.476 8.035 8.258 19.2 13.172 31.477 13.172 24.554 0 44.648-20.094 44.648-44.648 0-12.278-4.91-23.442-13.172-31.477zm0 0"
/>
</svg>
More icons in the same style and category