Add icons to this collection by clicking the heart icon.
Metronome icon - also known as music, beat, Tempo, metronome, and music and multimedia. Created in a clean lineal color style with a white, maroon, yellow, navy, and orange 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M421.509 33.531a10.619 10.619 0 0 0-14.646 3.625l-29.595 49.076c-8.848-.16-18.43 4.385-27.129 12.703l-9.401-62.549C337.603 15.302 319.905 0 298.666 0H191.999c-21.24 0-38.938 15.302-42.073 36.375L86.145 461.208a41.886 41.886 0 0 0-.813 8.125c0 23.531 19.135 42.667 42.667 42.667h234.667c23.531 0 42.667-19.135 42.667-42.667 0-2.781-.292-5.479-.729-7.667l-42.483-282.91c10.81-4.676 21.617-15.056 29.535-29.84 5.917-11.042 9.208-22.823 9.292-33.177.056-7.573-1.855-13.962-5.092-19.008l29.28-48.555c3.04-5.041 1.415-11.603-3.627-14.645z"
fill="#303c42"
/>
<path
d="M234.667 149.333H256V192h-21.333zM234.667 213.333H256V256h-21.333zM234.667 277.333H256V320h-21.333zM234.666 341.333h21.333v2.581L238.375 384h-3.709zM234.667 85.333H256V128h-21.333z"
fill="#fafafa"
/>
<path
d="m277.332 348.375 66.103-150.352 27.939 185.997-94.042-.007zM319.634 39.542l12.896 85.815c-3.901 9.03-6.535 18.217-6.594 26.529-.06 8.046 2.089 14.772 5.729 19.926l-54.333 123.579V21.333h21.333c10.584 0 19.407 7.657 20.969 18.209z"
fill="#ffd553"
/>
<path d="M234.667 21.333H256V64h-21.333z" fill="#fafafa" />
<path
d="M171.03 39.531c1.563-10.542 10.385-18.198 20.969-18.198h21.333v362.674L119.303 384 171.03 39.531z"
fill="#ffd553"
/>
<path
d="M357.637 490.667H122.97c-11.76 0-21.333-9.573-21.333-21.333 0-1.385.167-2.729.5-4.5l8.935-59.499 258.478.018 9.004 59.939c.25 1.313.417 2.656.417 4.042-.001 11.76-9.574 21.333-21.334 21.333z"
fill="#513d39"
/>
<path
d="m378.554 465.292-9.004-59.939-29.46-.003 3.797 25.275c.25 1.313.417 2.656.417 4.042 0 11.76-9.573 21.333-21.333 21.333H103.464l-1.327 8.833c-.333 1.771-.5 3.115-.5 4.5 0 11.76 9.573 21.333 21.333 21.333h234.667c11.76 0 21.333-9.573 21.333-21.333 0-1.385-.166-2.729-.416-4.041z"
opacity=".1"
/>
<path
d="M372.843 138.854c-9.25 17.281-21.021 22.635-23.51 21.302-.688-.365-2.104-2.833-2.063-8.115.052-6.854 2.521-15.333 6.76-23.26 8.396-15.656 18.906-21.5 22.604-21.5.385 0 .698.063.927.188.688.365 2.094 2.833 2.052 8.104-.052 6.865-2.52 15.344-6.77 23.281z"
fill="#ffca28"
/>
<linearGradient
id="a"
x1="-30.124"
x2="-29.21"
y1="640.425"
y2="640"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M372.843 138.854c-9.25 17.281-21.021 22.635-23.51 21.302-.688-.365-2.104-2.833-2.063-8.115.052-6.854 2.521-15.333 6.76-23.26 8.396-15.656 18.906-21.5 22.604-21.5.385 0 .698.063.927.188.688.365 2.094 2.833 2.052 8.104-.052 6.865-2.52 15.344-6.77 23.281z"
fill="url(#a)"
/>
<path
d="M351.285 154.802c.052-6.854 2.521-15.333 6.76-23.26 7.495-13.975 16.41-19.841 20.924-21.003-.458-1.72-1.016-2.862-1.409-3.07-.229-.125-.542-.188-.927-.188-3.698 0-14.208 5.844-22.604 21.5-4.24 7.927-6.708 16.406-6.76 23.26-.042 5.281 1.375 7.75 2.063 8.115.474.254 1.542.01 2.608-.257-.35-1.288-.673-2.816-.655-5.097z"
opacity=".2"
fill="#fff"
/>
<linearGradient
id="b"
x1="-36.055"
x2="-31.132"
y1="640.444"
y2="638.147"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="m319.634 39.542 12.896 85.815c-3.901 9.03-6.535 18.217-6.594 26.529-.06 8.046 2.089 14.772 5.729 19.926l-54.333 123.579V21.333h21.333c10.584 0 19.407 7.657 20.969 18.209z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-41.693"
x2="-33.841"
y1="638.283"
y2="634.622"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M171.03 39.531c1.563-10.542 10.385-18.198 20.969-18.198h21.333v362.674L119.303 384 171.03 39.531z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-42.99"
x2="-25.136"
y1="637.871"
y2="629.545"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M421.509 33.531a10.619 10.619 0 0 0-14.646 3.625l-29.595 49.076c-8.848-.16-18.43 4.385-27.129 12.703l-9.401-62.549C337.603 15.302 319.905 0 298.666 0H191.999c-21.24 0-38.938 15.302-42.073 36.375L86.145 461.208a41.886 41.886 0 0 0-.813 8.125c0 23.531 19.135 42.667 42.667 42.667h234.667c23.531 0 42.667-19.135 42.667-42.667 0-2.781-.292-5.479-.729-7.667l-42.483-282.91c10.81-4.676 21.617-15.056 29.535-29.84 5.917-11.042 9.208-22.823 9.292-33.177.056-7.573-1.855-13.962-5.092-19.008l29.28-48.555c3.04-5.041 1.415-11.603-3.627-14.645z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category