Add icons to this collection by clicking the heart icon.
Rattle Drum icon - also known as sound, childhood, toy, kid, kid and baby, and rattle drum. 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="512"
height="512"
viewBox="0 0 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#99e6fc" />
<stop offset=".504" stop-color="#01d0fb" />
<stop offset=".586" stop-color="#08c7f7" />
<stop offset=".723" stop-color="#1bacec" />
<stop offset=".897" stop-color="#3a82dc" />
<stop offset="1" stop-color="#4f66d0" />
</linearGradient>
<linearGradient
id="f"
x1="188.122"
x2="328.797"
y1="367.451"
y2="367.451"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="61.765"
x2="363.765"
y1="367.45"
y2="367.45"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fecec8" />
<stop offset=".573" stop-color="#fe73c5" />
<stop offset="1" stop-color="#f1239a" />
</linearGradient>
<linearGradient
id="h"
x1="173.593"
x2="352.787"
y1="433.68"
y2="433.68"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="129.888"
x2="332.578"
y1="433.68"
y2="433.68"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#c2fae3" />
<stop offset=".573" stop-color="#00f2a6" />
<stop offset="1" stop-color="#07b27b" />
</linearGradient>
<linearGradient
id="j"
x1="382.215"
x2="484.042"
y1="293.541"
y2="293.541"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="326.994"
x2="480.502"
y1="293.539"
y2="293.539"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="60.628"
x2="465.664"
y1="177.338"
y2="177.338"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="67.765"
x2="436.422"
y1="177.338"
y2="177.338"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="125.248"
x2="395.464"
y1="177.338"
y2="177.338"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8f6f7" />
<stop offset=".179" stop-color="#f8f6f7" />
<stop offset="1" stop-color="#e7e6f5" />
</linearGradient>
<linearGradient
id="o"
x1="148.765"
x2="345.856"
y1="200.894"
y2="200.894"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8f6f7" />
<stop offset="1" stop-color="#d1ceeb" />
</linearGradient>
<linearGradient
id="p"
x1="195.101"
x2="319.581"
y1="177.338"
y2="177.338"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="194.765"
x2="294.765"
y1="195.066"
y2="195.066"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#537983" />
<stop offset="1" stop-color="#3e5959" />
</linearGradient>
<linearGradient
id="r"
x1="1.265"
x2="82.465"
y1="119.235"
y2="119.235"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="254.765"
x2="508.735"
y1="232.045"
y2="232.045"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="-7.568"
x2="195.848"
y1="83.245"
y2="83.245"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#fff3be" />
<stop offset=".573" stop-color="#ffd15b" />
<stop offset="1" stop-color="#eca026" />
</linearGradient>
<linearGradient
id="u"
x1="37.615"
x2="139.441"
y1="61.135"
y2="61.135"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="v"
x1="-4.529"
x2="135.494"
y1="63.374"
y2="63.374"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<path
fill="url(#f)"
d="M262.455 510h-15.379c-25.854 0-46.812-20.958-46.812-46.812V224.902h109.003v238.287C309.266 489.042 288.308 510 262.455 510z"
/>
<path
fill="url(#g)"
d="M309.265 224.9v238.29c0 25.852-20.958 46.81-46.81 46.81h-15.38c-4.34 0-8.55-.59-12.54-1.7 19.76-5.48 34.27-23.6 34.27-45.11v-68.965c0-7.655-6.243-13.771-13.898-13.765h-.142c-19.01 0-37.33-2.99-54.5-8.53V224.9z"
/>
<path
fill="url(#h)"
d="M335.445 433.68c0 12.843-10.412 23.255-23.255 23.255H197.34c-12.843 0-23.255-10.412-23.255-23.255 0-12.843 10.412-23.255 23.255-23.255h114.85c12.843 0 23.255 10.411 23.255 23.255z"
/>
<path
fill="url(#i)"
d="M312.19 410.425h-40.462c12.843 0 23.255 10.412 23.255 23.255 0 12.843-10.412 23.255-23.255 23.255h40.462c12.843 0 23.255-10.412 23.255-23.255 0-12.844-10.412-23.255-23.255-23.255z"
/>
<circle cx="427.063" cy="293.541" r="48.799" fill="url(#j)" />
<path
fill="url(#k)"
d="M447.512 249.225a56.618 56.618 0 0 1 2.146 15.488c0 31.344-25.418 56.762-56.762 56.762h-.054c-1.977-.002-2.93-2.434-1.513-3.813 20.494-19.948 36.634-44.341 46.859-71.63a48.902 48.902 0 0 0-11.125-1.289c-26.951 0-48.799 21.848-48.799 48.799a48.544 48.544 0 0 0 8.587 27.618l-.013-.001c.055.08.116.154.171.234.051.073.099.149.15.222l.007-.007c8.819 12.531 23.393 20.729 39.893 20.729 26.959 0 48.808-21.849 48.808-48.795 0-19.65-11.616-36.587-28.355-44.317z"
/>
<circle cx="254.765" cy="177.338" r="177.338" fill="url(#l)" />
<path
fill="url(#m)"
d="M254.765 0c-6.842 0-13.59.401-20.231 1.156 88.412 10.042 157.107 85.084 157.107 176.182H254.765v22.957c0 6.904 5.596 12.5 12.5 12.5h69.717c27.454 0 44.545 29.763 30.752 53.501-27.496 47.321-76.255 80.756-133.2 87.224a179.226 179.226 0 0 0 20.231 1.156c97.941 0 177.338-79.397 177.338-177.338S352.706 0 254.765 0z"
/>
<circle cx="254.765" cy="177.338" r="118.309" fill="url(#n)" />
<path
fill="url(#o)"
d="M254.765 200.295c0 6.904 5.596 12.5 12.5 12.5h69.717c10.802 0 19.987 4.619 26.331 11.655 6.275-14.437 9.761-30.366 9.761-47.112H254.765z"
/>
<circle cx="254.765" cy="177.338" r="54.501" fill="url(#p)" />
<path
fill="url(#q)"
d="M254.765 200.295c0 6.904 5.596 12.5 12.5 12.5h28.873c8.177-9.532 13.129-21.913 13.129-35.457h-54.501v22.957z"
/>
<path
fill="url(#r)"
d="M26.265 109.9v18.67c0 20 16.27 36.27 36.26 36.27h15.34c-.29 4.13-.44 8.3-.44 12.5s.15 8.37.44 12.5h-15.34c-33.78 0-61.26-27.49-61.26-61.27V109.9c0-33.78 27.48-61.27 61.26-61.27h19.94v25h-19.94c-19.99 0-36.26 16.27-36.26 36.27z"
/>
<path
fill="url(#s)"
d="M508.735 226.1v18.68c0 23.72-13.48 44.29-33.2 54.47.22-1.87.33-3.78.33-5.71 0-7.6-1.73-14.79-4.83-21.2 7.77-6.65 12.7-16.53 12.7-27.56V226.1c0-20.03-16.24-36.26-36.26-36.26h-180.21c-6.9 0-12.5-5.6-12.5-12.5 0-3.46 1.4-6.58 3.66-8.84s5.39-3.66 8.84-3.66h180.21c33.83 0 61.26 27.43 61.26 61.26z"
/>
<path
fill="url(#t)"
d="M83.919 129.66c37.191-.778 67.106-31.148 67.106-68.526a68.36 68.36 0 0 0-4.449-24.305c-29.91 23.064-52.249 55.458-62.657 92.831z"
/>
<circle cx="82.463" cy="61.135" r="48.799" fill="url(#u)" />
<path
fill="url(#v)"
d="M131.266 61.135c0 26.946-21.849 48.795-48.808 48.795-16.699 0-31.437-8.389-40.221-21.177 1.989.211 4.017.316 6.058.316 31.344 0 56.762-25.418 56.762-56.762 0-5.373-.751-10.575-2.147-15.488 16.74 7.73 28.356 24.666 28.356 44.316z"
/>
</svg>
More icons in the same style and category