Add icons to this collection by clicking the heart icon.
Metronome icon - also known as beat, Tempo, rhythm, metronome, and music and multimedia. Created in a clean filled style with a white and black 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="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<mask id="a">
<rect width="100%" height="100%" fill="#fff" />
<path
d="M0 0h-311.719l54.549 438.177c3.116 25.032 24.391 43.823 49.617 43.823h103.388c25.226 0 46.5-18.791 49.616-43.823z"
transform="matrix(1.33333 0 0 -1.33333 549.146 662.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-311.719l54.549 438.177c3.116 25.032 24.391 43.823 49.617 43.823h103.388c25.226 0 46.5-18.791 49.616-43.823z"
transform="matrix(1.33333 0 0 -1.33333 549.146 662.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-294.288h-74.416V0"
transform="matrix(1.33333 0 0 -1.33333 390.944 -10.668)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h74.416"
transform="matrix(1.33333 0 0 -1.33333 291.723 80.004)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h74.416"
transform="matrix(1.33333 0 0 -1.33333 291.723 160.01)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h74.416"
transform="matrix(1.33333 0 0 -1.33333 291.723 240.014)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 204.499 204.499M0 0l204.499 204.499"
transform="matrix(1.33333 0 0 -1.33333 341.333 449.77)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-20.007-160.71h311.719L271.705 0Z"
transform="matrix(1.33333 0 0 -1.33333 160.197 448.387)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c40.324 0 73.013-32.688 73.013-73.013v-6.992H-73.013v6.992C-73.013-32.688-40.324 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 341.333 341.714)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c40.324 0 73.013-32.688 73.013-73.013v-6.992H-73.013v6.992C-73.013-32.688-40.324 0 0 0Z"
transform="matrix(1.33333 0 0 -1.33333 341.333 341.714)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-331.709"
transform="matrix(1.33333 0 0 -1.33333 562.473 448.387)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-5.857 5.857-15.355 5.857-21.213 0l-61.871-61.872 4.696-37.729L0-21.213C5.858-15.355 5.858-5.857 0 0"
transform="matrix(1.33333 0 0 -1.33333 628.14 162.962)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.705 14.704-14.705 38.545 0 53.249l17.967 17.967c9.805 9.806 25.705 9.806 35.511 0l17.738-17.737c9.805-9.807 9.805-25.707 0-35.512L53.249 0C38.545-14.704 14.704-14.704 0 0"
transform="matrix(1.33333 0 0 -1.33333 478.466 312.637)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c-14.705 14.704-14.705 38.545 0 53.249l17.967 17.967c9.805 9.806 25.705 9.806 35.511 0l17.738-17.737c9.805-9.807 9.805-25.707 0-35.512L53.249 0C38.545-14.704 14.704-14.704 0 0Z"
transform="matrix(1.33333 0 0 -1.33333 478.466 312.637)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</mask>
<g mask="url(#a)">
<g
clip-path="url(#b)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0h-311.719l54.549 438.177c3.116 25.032 24.391 43.823 49.617 43.823h103.388c25.226 0 46.5-18.791 49.616-43.823z"
transform="translate(411.86 15)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-311.719l54.549 438.177c3.116 25.032 24.391 43.823 49.617 43.823h103.388c25.226 0 46.5-18.791 49.616-43.823z"
transform="translate(411.86 15)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-311.719l54.549 438.177c3.116 25.032 24.391 43.823 49.617 43.823h103.388c25.226 0 46.5-18.791 49.616-43.823z"
transform="translate(411.86 15)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-311.719l54.549 438.177c3.116 25.032 24.391 43.823 49.617 43.823h103.388c25.226 0 46.5-18.791 49.616-43.823z"
transform="translate(411.86 15)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-294.288h-74.416V0"
transform="translate(293.208 520.001)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h74.416"
transform="translate(218.792 451.997)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h74.416"
transform="translate(218.792 391.993)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h74.416"
transform="translate(218.792 331.99)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 204.499 204.499M0 0l204.499 204.499"
transform="translate(256 174.673)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-20.007-160.71h311.719L271.705 0Z"
transform="translate(120.147 175.71)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-20.007-160.71h311.719L271.705 0Z"
transform="translate(120.147 175.71)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c40.324 0 73.013-32.688 73.013-73.013v-6.992H-73.013v6.992C-73.013-32.688-40.324 0 0 0"
transform="translate(256 255.715)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c40.324 0 73.013-32.688 73.013-73.013v-6.992H-73.013v6.992C-73.013-32.688-40.324 0 0 0Z"
transform="translate(256 255.715)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-331.709"
transform="translate(421.854 175.71)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-5.857 5.857-15.355 5.857-21.213 0l-61.871-61.872 4.696-37.729L0-21.213C5.858-15.355 5.858-5.857 0 0"
transform="translate(471.106 389.778)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.705 14.704-14.705 38.545 0 53.249l17.967 17.967c9.805 9.806 25.705 9.806 35.511 0l17.738-17.737c9.805-9.807 9.805-25.707 0-35.512L53.249 0C38.545-14.704 14.704-14.704 0 0"
transform="translate(358.85 277.522)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c-14.705 14.704-14.705 38.545 0 53.249l17.967 17.967c9.805 9.806 25.705 9.806 35.511 0l17.738-17.737c9.805-9.807 9.805-25.707 0-35.512L53.249 0C38.545-14.704 14.704-14.704 0 0Z"
transform="translate(358.85 277.522)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</svg>
More icons in the same style and category