Add icons to this collection by clicking the heart icon.
Clapsticks icon - also known as music, drum, percussion, sticks, musical instrument, percussion instrument, and music and multimedia. Created in a clean lineal color style with a black, red, orange, and pink finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0-21.213-63.64 97.402-97.402 45.962-17.678 17.678-45.962 97.402-97.402 63.64 21.214z"
transform="matrix(1.33333 0 0 -1.33333 133.682 147.824)"
fill="#ff5a35"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 53.033 95.46-97.403 97.402-45.962 17.678-17.677 45.962-97.402 97.402-95.46-53.033z"
transform="matrix(1.33333 0 0 -1.33333 506.559 577.27)"
fill="#ff7a3c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-90.156 143.188C-99.616 95.6-83.226 40.799-42.427-.001l21.214-21.213z"
transform="translate(100.262 358.706)"
fill="#db2116"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-40.799 40.799-95.6 57.189-143.189 47.729 3.217-34.911 28.144-81.176 68.943-121.975l21.213-21.213 74.246 74.246z"
transform="translate(153.294 454.165)"
fill="#ff3a2f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-143.189 90.156-21.213-21.214 21.213-21.213C-102.39 6.931-47.589-9.46 0 0"
transform="translate(501.894 10.105)"
fill="#db2116"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c40.799-40.8 87.064-65.726 121.976-68.943 9.46 47.589-6.931 102.389-47.73 143.189L53.033 95.459l-74.246-74.246Z"
transform="translate(379.919 79.049)"
fill="#ff3a2f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 1 0 10.607 10.607A7.5 7.5 0 0 0 0 0"
transform="translate(358.706 142.688)"
fill="#ffe8c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0 0 10.606 7.497 7.497 0 0 0 10.606 0 7.497 7.497 0 0 0 0-10.606A7.5 7.5 0 0 0 0 0"
transform="translate(385.222 169.204)"
fill="#ffe8c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 1 0 10.607 10.607A7.5 7.5 0 0 0 0 0"
transform="translate(332.189 116.17)"
fill="#ffd185"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0 0 10.606 7.5 7.5 0 0 0 10.606 0 7.5 7.5 0 0 0 0-10.606A7.497 7.497 0 0 0 0 0"
transform="translate(142.688 358.706)"
fill="#ffe8c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 1 0 10.607 10.607A7.5 7.5 0 0 0 0 0"
transform="translate(169.204 385.222)"
fill="#ffe8c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0 0 10.606 7.5 7.5 0 0 0 10.606 0 7.497 7.497 0 0 0 0-10.606A7.497 7.497 0 0 0 0 0"
transform="translate(116.171 332.19)"
fill="#ffd185"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-139.829-139.828 63.64-21.214 92.099 92.1z"
transform="translate(250.697 240.09)"
fill="#ff7a3c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 53.033-95.46L192.861 44.369 92.099 92.099Z"
transform="translate(79.048 174.508)"
fill="#ff9a42"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.213 63.64-139.829-139.828 68.943-15.911Z"
transform="translate(432.952 337.492)"
fill="#ff7a3c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-95.459 53.033-92.099-92.099 47.729-100.763z"
transform="translate(432.952 379.919)"
fill="#ff9a42"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-143.189-90.156C-95.6-99.616-40.799-83.226 0-42.427l21.213 21.213z"
transform="translate(153.294 100.262)"
fill="#ff3a2f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-40.799-40.798-57.189-95.6-47.729-143.188 34.911 3.217 81.176 28.143 121.975 68.942l21.213 21.214-74.246 74.246z"
transform="translate(57.835 153.294)"
fill="#ff5a35"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-5.303-90.156 21.213-21.213L63.64-63.64Z"
transform="translate(250.697 282.517)"
fill="#ffd185"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-47.73-47.729 74.247-74.247 47.729 47.73z"
transform="translate(218.877 314.336)"
fill="#ffe8c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.213 21.213-34.766-6.482-1.179-29.462 30.641-11.786z"
transform="translate(340.853 245.394)"
fill="#ffba48"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 35.945 35.944-74.246 74.246-26.517-26.516 26.517-68.943Z"
transform="translate(283.695 230.662)"
fill="#ffd185"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-90.156-143.188 21.213-21.214 21.214 21.213C-6.931-102.39 9.46-47.589 0 0"
transform="translate(501.894 501.894)"
fill="#ff3a2f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c40.799 40.799 65.726 87.064 68.943 121.976-47.589 9.46-102.39-6.931-143.189-47.73l-21.213-21.213 74.246-74.246z"
transform="translate(432.952 379.919)"
fill="#ff5a35"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.497 7.497 0 0 0-10.606 0 7.5 7.5 0 0 0 0 10.606 7.5 7.5 0 0 0 10.606 0A7.5 7.5 0 0 0 0 0"
transform="translate(369.312 358.706)"
fill="#ffe8c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 1 0-10.607 10.607A7.5 7.5 0 0 0 0 0"
transform="translate(342.796 385.222)"
fill="#ffe8c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.497 7.497 0 0 0-10.606 0 7.497 7.497 0 0 0 0 10.606 7.5 7.5 0 0 0 10.606 0A7.5 7.5 0 0 0 0 0"
transform="translate(395.829 332.19)"
fill="#ffd185"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0-10.606 0 7.497 7.497 0 0 0 0 10.606 7.497 7.497 0 0 0 10.606 0A7.5 7.5 0 0 0 0 0"
transform="translate(153.294 142.688)"
fill="#ffe8c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0-10.606 0 7.497 7.497 0 0 0 0 10.606 7.497 7.497 0 0 0 10.606 0A7.5 7.5 0 0 0 0 0"
transform="translate(126.778 169.204)"
fill="#ffe8c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 1 0-10.607 10.607A7.5 7.5 0 0 0 0 0"
transform="translate(179.811 116.17)"
fill="#ffd185"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 1 0 10.607 10.607A7.5 7.5 0 0 0 0 0"
transform="translate(358.706 142.688)"
fill="#ffe8c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0 0 10.606 7.497 7.497 0 0 0 10.606 0 7.5 7.5 0 0 0 0-10.606A7.5 7.5 0 0 0 0 0"
transform="translate(385.222 169.204)"
fill="#ffe8c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 1 0 10.607 10.607A7.5 7.5 0 0 0 0 0"
transform="translate(332.189 116.17)"
fill="#ffd185"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0 0 10.606 7.5 7.5 0 0 0 10.606 0 7.5 7.5 0 0 0 0-10.606A7.497 7.497 0 0 0 0 0"
transform="translate(142.688 358.706)"
fill="#ffe8c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 1 0 10.607 10.607A7.5 7.5 0 0 0 0 0"
transform="translate(169.204 385.222)"
fill="#ffe8c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0 0 10.606 7.5 7.5 0 0 0 10.606 0 7.497 7.497 0 0 0 0-10.606A7.497 7.497 0 0 0 0 0"
transform="translate(116.171 332.19)"
fill="#ffd185"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.497 7.497 0 0 0-10.606 0 7.497 7.497 0 0 0 0 10.606 7.5 7.5 0 0 0 10.606 0A7.5 7.5 0 0 0 0 0"
transform="translate(369.312 358.706)"
fill="#ffe8c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 1 0-10.605 10.607A7.5 7.5 0 0 0 0 0"
transform="translate(342.795 385.222)"
fill="#ffe8c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.497 7.497 0 0 0-10.606 0 7.497 7.497 0 0 0 0 10.606 7.5 7.5 0 0 0 10.606 0A7.5 7.5 0 0 0 0 0"
transform="translate(395.829 332.19)"
fill="#ffd185"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 1 0-10.607 10.607A7.5 7.5 0 0 0 0 0"
transform="translate(153.294 142.688)"
fill="#ffe8c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0-10.606 0 7.497 7.497 0 0 0 0 10.606 7.497 7.497 0 0 0 10.606 0A7.5 7.5 0 0 0 0 0"
transform="translate(126.778 169.204)"
fill="#ffe8c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 1 0-10.605 10.607A7.5 7.5 0 0 0 0 0"
transform="translate(179.81 116.17)"
fill="#ffd185"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15.91-15.91-84.853 84.853 15.91 15.91c36.124 36.124 86.029 53.687 131.419 46.566C53.688 86.029 36.124 36.124 0 0m-432.29-347.437c-7.121 45.39 10.443 95.295 46.566 131.419l15.911 15.911 84.852-84.854-15.91-15.909c-36.123-36.124-86.029-53.688-131.419-46.567m73.082 320.92 84.854 84.854 70.886-70.887-84.853-84.852zm-73.082 157.936c45.39 7.122 95.296-10.442 131.42-46.566l15.909-15.91-84.853-84.852L-385.724 0c-36.123 36.124-53.688 86.03-46.566 131.419m234.625-244.231-23.57 61.283 17.767 17.766 84.852-84.852-17.766-17.767zm4.803-80.049-81.492-81.493-84.853 84.853 81.492 81.492zm-74.246 95.459 34.266 34.266 22.374-58.172a7.491 7.491 0 0 1 4.307-4.307l58.172-22.374-34.266-34.266zm159.099-10.607-84.853 84.853 81.492 81.492 84.853-84.853zM46.565-347.437c-45.388-7.122-95.294 10.443-131.418 46.566l-15.91 15.91 84.853 84.853L0-216.018c36.124-36.124 53.688-86.03 46.565-131.419m7.93 492.679c-25.028 4.975-51.97 3.163-77.914-5.239-26.604-8.616-51.516-24.019-72.04-44.544l-97.403-97.401-97.402 97.401c-20.525 20.524-45.436 35.929-72.041 44.544-25.944 8.402-52.886 10.214-77.913 5.238a7.5 7.5 0 0 1-5.894-5.893c-4.975-25.028-3.164-51.969 5.238-77.913 8.616-26.606 24.019-51.516 44.543-72.041l97.403-97.403-97.402-97.402c-20.525-20.525-35.927-45.436-44.544-72.041-8.402-25.944-10.214-52.886-5.239-77.913a7.501 7.501 0 0 1 5.895-5.895c25.027-4.974 51.969-3.163 77.913 5.239 26.605 8.617 51.516 24.019 72.041 44.544l192.862 192.862 70.885-70.886-84.852-84.853-54.976 54.976a7.5 7.5 0 0 1-10.607-10.606l81.493-81.494c20.524-20.524 45.435-35.927 72.041-44.543 25.943-8.402 52.886-10.213 77.913-5.238a7.496 7.496 0 0 1 5.893 5.894c4.976 25.027 3.164 51.969-5.238 77.913-8.616 26.605-24.019 51.515-44.543 72.041l-97.403 97.402 97.402 97.403C31.131 9.918 46.534 34.829 55.15 61.435c8.402 25.944 10.214 52.885 5.239 77.913a7.501 7.501 0 0 1-5.894 5.894"
transform="translate(448.862 364.009)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category