Add icons to this collection by clicking the heart icon.
Metronome icon - also known as sound, beat, Tempo, rhythm, metronome, and music and multimedia. Created in a clean lineal color style with a white, 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-264.58c-6.05 0-10.7 5.35-9.85 11.34l17.39 122.99 43.68 308.81a9.93 9.93 0 0 0 2.6 5.41c.56.6 1.2 1.14 1.91 1.59l71.22 45.31a9.96 9.96 0 0 0 10.68 0l71.22-45.31c.71-.45 1.35-.99 1.91-1.59a9.93 9.93 0 0 0 2.6-5.41l43.68-308.81L9.85 11.34C10.7 5.35 6.05 0 0 0"
transform="translate(343.65 7.499)"
fill="#6f6571"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 61.071 431.797a9.95 9.95 0 0 0 4.51 7l61.56 39.162-9.661 6.146a9.95 9.95 0 0 1-10.679 0l-71.22-45.308a9.95 9.95 0 0 1-4.51-7L-30 0c-.847-5.989 3.802-11.341 9.85-11.341h30C3.802-11.341-.847-5.989 0 0"
transform="translate(99.22 18.84)"
fill="#635a63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.936 11.552-10.436 29.781 1.115 40.717l12.984 12.291a3.998 3.998 0 0 0 5.654-.155l34.102-36.022a4 4 0 0 0-.155-5.655L40.717-1.115C29.165-12.051 10.936-11.552 0 0"
transform="translate(373.798 300.144)"
fill="#ff6e96"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M225.382 99.467h-28.043v384.396h28.043z"
fill="#f2fbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-264.58c-6.05 0-10.7 5.35-9.85 11.34l17.39 122.99h249.5L9.85 11.34C10.7 5.35 6.05 0 0 0"
transform="translate(343.65 7.499)"
fill="#ff6e96"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 17.39 122.99h-30L-30 0c-.85-5.99 3.8-11.34 9.85-11.34h30C3.8-11.34-.85-5.99 0 0"
transform="translate(99.22 18.839)"
fill="#ff507d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-156.94c.56.6 1.2 1.14 1.91 1.59l71.22 45.31a9.96 9.96 0 0 0 10.68 0L-1.91 1.59C-1.2 1.14-.56.6 0 0"
transform="translate(289.83 456.049)"
fill="#ff6e96"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-9.66 6.146a9.96 9.96 0 0 1-10.68 0l-71.22-45.31c-.71-.45-1.35-.99-1.91-1.59h30c.56.6 1.2 1.14 1.91 1.59z"
transform="translate(226.36 496.803)"
fill="#ff507d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 49.41-349.37c.85-5.99-3.8-11.34-9.85-11.34h-264.58c-6.05 0-10.7 5.35-9.85 11.34l6.94 49.06"
transform="translate(304.09 368.209)"
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 49.21 347.97a9.968 9.968 0 0 0 4.51 7l71.22 45.31a9.96 9.96 0 0 0 10.68 0l71.22-45.31a9.968 9.968 0 0 0 4.51-7l6.76-47.78"
transform="translate(81.08 102.669)"
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 0h250.64"
transform="translate(85.467 141.825)"
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 0v0c-10.936 11.552-10.436 29.781 1.115 40.717l12.984 12.291a3.998 3.998 0 0 0 5.654-.155l34.102-36.022a4 4 0 0 0-.155-5.655L40.717-1.115C29.165-12.051 10.936-11.552 0 0Z"
transform="translate(373.798 300.144)"
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-151.56"
transform="translate(286.36 457.054)"
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-22.98"
transform="translate(248.36 427.049)"
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-22.98"
transform="translate(197.34 427.049)"
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-22.98"
transform="translate(248.36 397.049)"
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-22.98"
transform="translate(197.34 397.049)"
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-22.98"
transform="translate(248.36 367.049)"
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-22.98"
transform="translate(197.34 367.049)"
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-22.98"
transform="translate(248.36 337.049)"
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-22.98"
transform="translate(197.34 337.049)"
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-22.98"
transform="translate(248.36 307.049)"
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-22.98"
transform="translate(197.34 307.049)"
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-22.98"
transform="translate(248.36 277.049)"
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-22.98"
transform="translate(197.34 277.049)"
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-22.98"
transform="translate(248.36 247.049)"
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-22.98"
transform="translate(197.34 247.049)"
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-22.98"
transform="translate(248.36 217.049)"
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-22.98"
transform="translate(197.34 217.049)"
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 0h52.426"
transform="translate(340.217 108.658)"
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 0c0-11.51-9.331-20.841-20.841-20.841-11.511 0-20.842 9.331-20.842 20.841 0 11.51 9.331 20.841 20.842 20.841C-9.331 20.841 0 11.51 0 0Z"
transform="translate(417.782 108.658)"
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 0v315.22"
transform="translate(197.34 141.829)"
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-315.22"
transform="translate(225.38 457.049)"
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-32.28-30.56"
transform="translate(442.88 365.549)"
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-165.65-156.82"
transform="translate(373.8 300.149)"
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