Add icons to this collection by clicking the heart icon.
Metronome icon - also known as beat, Tempo, electronics, rythm, metronome, and music and multimedia. Created in a clean lineal color style with a silver, gray, black, red, yellow, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-17.519c-5.749 0-10.41 4.661-10.41 10.411v36.091h38.34V10.411C10.411 4.661 5.75 0 0 0"
transform="translate(161.925 7.5)"
fill="#efe2dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-17.519c-5.749 0-10.41 4.661-10.41 10.411v36.091h38.34V10.411C10.411 4.661 5.75 0 0 0Z"
transform="translate(161.925 7.5)"
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-17.518c-5.75 0-10.411 4.661-10.411 10.411v36.091h38.34V10.411C10.411 4.661 5.75 0 0 0"
transform="translate(345.445 7.5)"
fill="#efe2dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-17.518c-5.75 0-10.411 4.661-10.411 10.411v36.091h38.34V10.411C10.411 4.661 5.75 0 0 0Z"
transform="translate(345.445 7.5)"
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 0a9.475 9.475 0 0 0 9.42 8.446h121.834A9.476 9.476 0 0 0 140.674 0l36.63-334.934H-36.631Z"
transform="translate(175.546 488.665)"
fill="#b9acac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-21.509l-36.636 334.938a9.47 9.47 0 0 1-9.411 8.444h21.509c4.841 0 8.901-3.644 9.422-8.444z"
transform="translate(352.845 153.73)"
fill="#9e9797"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-126.294l23.279 253.317c1.29 14.087 9.782 25.919 21.643 31.988a39.91 39.91 0 0 0 18.225 4.383 39.91 39.91 0 0 0 18.225-4.383 40.59 40.59 0 0 0 8.758-6.079c7.142-6.521 11.939-15.604 12.885-25.909z"
transform="translate(309.03 153.733)"
fill="#766e6e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20.135l-23.278 253.308c-.948 10.296-5.747 19.395-12.889 25.913a40.031 40.031 0 0 1-16.918 9.181 40.18 40.18 0 0 0 10.068 1.282c10.348 0 19.843-3.947 26.985-10.463 7.142-6.518 11.941-15.617 12.888-25.913z"
transform="translate(309.036 153.74)"
fill="#5c5555"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-285.295h-36.45V0a39.894 39.894 0 0 0 18.225 4.384A39.897 39.897 0 0 0 0 0"
transform="translate(264.109 439.038)"
fill="#e1d3ce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-285.295h-15.27V4.275A39.845 39.845 0 0 0 0 0"
transform="translate(264.109 439.038)"
fill="#cdc0ba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v279.384"
transform="translate(227.659 156.698)"
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-279.384"
transform="translate(264.109 436.082)"
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.983-201.007h213.935l-36.631 334.935a9.476 9.476 0 0 1-9.42 8.445H24.067a9.476 9.476 0 0 1-9.42-8.445L3.776 34.523"
transform="translate(160.898 354.738)"
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-126.3l23.279 253.313c1.894 20.606 19.178 36.374 39.871 36.374s37.977-15.768 39.871-36.374z"
transform="translate(309.033 153.734)"
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-149.003-243.222"
transform="translate(394.887 399.894)"
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-19.393 11.881c-4.463 2.734-5.864 8.568-3.13 13.031l4.994 8.151c2.734 4.463 8.568 5.865 13.03 3.13l19.394-11.881c4.462-2.733 5.864-8.567 3.129-13.03l-4.993-8.151C10.297-1.332 4.463-2.733 0 0"
transform="translate(379.087 352.335)"
fill="#ffd500"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-4.995-8.152a9.472 9.472 0 0 0-13.03-3.131l-12.662 7.758a9.465 9.465 0 0 1 13.03 3.129l4.995 8.154a9.473 9.473 0 0 1-3.13 13.03l12.662-7.757C1.331 10.299 2.733 4.461 0 0"
transform="translate(397.113 363.62)"
fill="#fbc700"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-19.393 11.881c-4.463 2.734-5.864 8.568-3.13 13.031l4.994 8.151c2.734 4.463 8.568 5.865 13.03 3.13l19.394-11.881c4.462-2.733 5.864-8.567 3.129-13.03l-4.993-8.151C10.297-1.332 4.463-2.733 0 0Z"
transform="translate(379.087 352.335)"
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-59.052v30.538c0 5.775 4.682 10.458 10.458 10.458h38.136C-4.682 40.996 0 36.313 0 30.538Z"
transform="translate(275.41 152.53)"
fill="#ffd500"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30.539h-18.225V0c0 5.773-4.679 10.452-10.452 10.452h18.225C-4.679 10.452 0 5.773 0 0"
transform="translate(275.408 183.07)"
fill="#fbc700"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-59.052v30.538c0 5.775 4.682 10.458 10.458 10.458h38.136C-4.682 40.996 0 36.313 0 30.538Z"
transform="translate(275.41 152.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 0h-245.829c-5.688 0-10.094 4.976-9.407 10.621l12.21 100.277a9.476 9.476 0 0 0 9.407 8.331H-12.21a9.474 9.474 0 0 0 9.406-8.331L9.407 10.621C10.094 4.976 5.687 0 0 0"
transform="translate(368.797 37.345)"
fill="#ff4755"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22.3c5.684 0 10.099 4.977 9.411 10.619l-12.212 100.277a9.48 9.48 0 0 1-9.411 8.33h22.3c4.8 0 8.829-3.571 9.412-8.33L9.412 10.619C10.099 4.977 5.695 0 0 0"
transform="translate(368.794 37.346)"
fill="#fc2b3a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h83.536c5.688 0 10.094 4.976 9.407 10.622l-12.21 100.276a9.476 9.476 0 0 1-9.407 8.331h-221.409a9.476 9.476 0 0 1-9.407-8.331L-171.7 10.622C-172.387 4.976-167.981 0-162.293 0h127.771"
transform="translate(285.261 37.345)"
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 0h157.095c5.441 0 9.851 4.411 9.851 9.852v15.433c0 5.442-4.41 9.852-9.851 9.852H0c-5.441 0-9.852-4.41-9.852-9.852V9.852C-9.852 4.411-5.441 0 0 0"
transform="translate(167.336 469.363)"
fill="#ff4755"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-15.437a9.848 9.848 0 0 0-9.851-9.851h-21.673c5.447 0 9.851 4.413 9.851 9.851V0c0 5.438-4.404 9.852-9.851 9.852h21.673C-4.403 9.852 0 5.438 0 0"
transform="translate(334.28 494.648)"
fill="#fc2b3a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h33.17c5.441 0 9.851 4.411 9.851 9.852v15.433c0 5.442-4.41 9.852-9.851 9.852h-157.095c-5.441 0-9.851-4.41-9.851-9.852V9.852c0-5.441 4.41-9.852 9.851-9.852h89.403"
transform="translate(291.261 469.363)"
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.093"
transform="translate(221.654 126.112)"
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.093"
transform="translate(245.836 126.172)"
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 .093.001"
transform="translate(270.019 126.23)"
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