Add icons to this collection by clicking the heart icon.
Metronome icon - also known as music, beat, Tempo, rythm, metronome, and music and multimedia. Created in a clean lineal color style with a white, silver, gray, black, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-313.867c-26.903 0-46.411 25.624-39.251 51.557l86.803 314.405h218.763L39.251 51.557C46.411 25.624 26.902 0 0 0"
transform="translate(412.934 41.102)"
fill="#f0b99a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-313.867c-26.903 0-46.411 25.624-39.251 51.557l86.803 314.405h218.763L39.251 51.557C46.411 25.624 26.902 0 0 0"
transform="translate(412.934 41.102)"
fill="#e59a6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 75.315 272.794a29.196 29.196 0 0 0 28.144 21.426h119.687a29.196 29.196 0 0 0 28.144-21.426L326.605 0Z"
transform="translate(92.697 76.973)"
fill="#495560"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M277.279 371.193H234.72V181.666h42.559z"
fill="#c7c7c7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h5.072"
transform="translate(253.464 238.04)"
fill="none"
stroke="#98a5b3"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h5.072"
transform="translate(253.464 286.331)"
fill="none"
stroke="#98a5b3"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h5.072"
transform="translate(253.464 334.623)"
fill="none"
stroke="#98a5b3"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-70.896 30.152a82.236 82.236 0 0 1-64.365 0L-206.156 0a41.763 41.763 0 0 1-24.497-29.708l-2.475-11.587c-2.137-10.003 5.489-19.43 15.717-19.43H11.255c10.227 0 17.853 9.427 15.717 19.43l-2.475 11.587A41.763 41.763 0 0 1 0 0"
transform="translate(359.078 467.79)"
fill="#7fb1e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a82.231 82.231 0 0 1-13.81-4.454l-70.895-30.152a41.763 41.763 0 0 1-24.497-29.708l-2.475-11.587c-2.136-10.003 5.489-19.43 15.717-19.43H10.974C-2.86-73.771-9.361-25.225 0 0"
transform="translate(237.627 502.395)"
fill="#4f97da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v25.523"
transform="translate(256 439.261)"
fill="none"
stroke="#4f97da"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-36.528c-5.387 0-9.754 4.367-9.754 9.754v23.849H9.754V9.754A9.753 9.753 0 0 0 0 0"
transform="translate(158.924 7.5)"
fill="#495560"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h36.528c5.387 0 9.754 4.367 9.754 9.754v23.849H-9.755V9.754C-9.755 4.367-5.388 0 0 0"
transform="translate(353.076 7.5)"
fill="#495560"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-6.924 6.924a8.474 8.474 0 0 1-11.984 0l-158.471-158.471 18.908-18.908L0-11.984A8.474 8.474 0 0 1 0 0"
transform="translate(412.292 331.035)"
fill="#fff2d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-40.071 40.071c-4.314 4.314-11.498 3.592-14.867-1.494l-13.563-20.478a9.648 9.648 0 0 1 1.222-12.151l33.156-33.156a9.648 9.648 0 0 1 12.15-1.222l20.478 13.564C3.592-11.498 4.313-4.313 0 0"
transform="translate(376.353 261.948)"
fill="#7fb1e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.159-25.932 12.35-51.557 39.252-51.557h313.867c26.902 0 46.411 25.625 39.252 51.557l-24.574 89.007H24.574Z"
transform="translate(59.815 92.66)"
fill="#f0b99a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-24.574-89.007c-7.159-25.932 12.349-51.557 39.252-51.557h160.968C152.077-108.794 136.805-56.992 128.162 0Z"
transform="translate(84.389 181.667)"
fill="#e59a6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.059-14.312-25.456-31.966-25.456-17.654 0-31.966 11.397-31.966 25.456s14.312 25.456 31.966 25.456C-14.312 25.456 0 14.059 0 0"
transform="translate(201.333 91.761)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.059 14.312-25.456 31.966-25.456C49.62-25.456 63.932-14.059 63.932 0S49.62 25.456 31.966 25.456C14.312 25.456 0 14.059 0 0"
transform="translate(310.667 91.761)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.682 0-23.975 8.521-31.078-1.987C-38.283-12.648-22.146-29.178 0-29.178s38.283 16.53 31.078 27.191C23.975 8.521 12.682 0 0 0"
transform="translate(256 118.808)"
fill="#495560"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-41.224 17.533a82.236 82.236 0 0 1-64.365 0l-70.895-30.152a41.76 41.76 0 0 1-24.497-29.709l-2.475-11.587c-2.137-10.002 5.489-19.429 15.717-19.429H40.927c10.227 0 17.853 9.427 15.717 19.429l-2.475 11.587a41.766 41.766 0 0 1-21.195 28.131"
transform="translate(329.406 480.408)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h309.784c26.903 0 46.411 25.625 39.251 51.557l-57.611 208.672"
transform="translate(103.15 41.102)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-21.01 76.098h-218.763l-86.803-314.405c-4.14-14.993.635-29.883 10.599-39.778"
transform="translate(386.392 330.966)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-343.223"
transform="translate(427.611 181.667)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-12.682 0-23.975 8.521-31.078-1.987C-38.283-12.648-22.146-29.178 0-29.178s38.283 16.53 31.078 27.191C23.975 8.521 12.682 0 0 0Z"
transform="translate(256 118.808)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c3.431-3.937 8.477-6.428 14.108-6.428S24.786-3.937 28.217 0"
transform="translate(173.889 124.453)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-3.431-3.937-8.477-6.428-14.108-6.428S-24.786-3.937-28.217 0"
transform="translate(338.111 124.453)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 60.197 60.197"
transform="translate(274.908 181.667)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-79.105-79.105"
transform="translate(316.197 260.772)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 46.521 46.521a8.474 8.474 0 0 1 0 11.984l-6.923 6.924a8.476 8.476 0 0 1-11.985 0l-46.52-46.521"
transform="translate(365.77 272.53)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-40.071 40.071c-4.314 4.314-11.498 3.592-14.867-1.494l-13.563-20.478a9.648 9.648 0 0 1 1.222-12.151l33.156-33.156a9.648 9.648 0 0 1 12.15-1.222l20.478 13.564C3.592-11.498 4.313-4.313 0 0Z"
transform="translate(376.353 261.948)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-17.67 64.004"
transform="translate(390.397 181.667)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-13.242 47.963c-3.494 12.659-15.011 21.426-28.144 21.426h-119.687c-13.133 0-24.65-8.767-28.144-21.426l-46.41-168.101"
transform="translate(357.23 301.804)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-189.527"
transform="translate(234.72 371.193)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v149.34"
transform="translate(277.28 221.853)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-23.849c0-5.386-4.366-9.754-9.754-9.754h-36.528c-5.387 0-9.754 4.368-9.754 9.754V0"
transform="translate(168.678 41.102)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-23.849c0-5.386-4.367-9.754-9.754-9.754h-36.528c-5.388 0-9.755 4.368-9.755 9.754V0"
transform="translate(399.358 41.102)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category