Add icons to this collection by clicking the heart icon.
Metronome icon - also known as music, instrument, beat, Tempo, tool, rhythm, metronome, and music and multimedia. Created in a clean gradient style, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="d"
x1="74.98"
x2="437.018"
y1="437.018"
y2="74.979"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4748" />
<stop offset="1" stop-color="#ff9ceb" />
</linearGradient>
<radialGradient
id="e"
cx="256"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2f2b" />
<stop offset=".044" stop-color="#ff3a3e" stop-opacity=".956" />
<stop offset=".163" stop-color="#ff546c" stop-opacity=".837" />
<stop offset=".287" stop-color="#ff6a93" stop-opacity=".713" />
<stop offset=".414" stop-color="#ff7cb3" stop-opacity=".586" />
<stop offset=".545" stop-color="#ff8acc" stop-opacity=".455" />
<stop offset=".682" stop-color="#ff94dd" stop-opacity=".318" />
<stop offset=".828" stop-color="#ff9ae8" stop-opacity=".172" />
<stop offset="1" stop-color="#ff9ceb" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ff79b1" />
<stop offset="1" stop-color="#ffe3f3" />
</linearGradient>
<linearGradient
id="f"
x1="-76.121"
x2="575.9"
y1="537.402"
y2="-114.619"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-109.093"
x2="546.886"
y1="656.279"
y2=".301"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffb5d6" />
<stop offset=".418" stop-color="#ffdbeb" />
<stop offset=".784" stop-color="#fff5fa" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="h"
x1="113.93"
x2="350.172"
y1="325.518"
y2="89.276"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="67.729"
x2="317.877"
y1="419.37"
y2="169.223"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ff2f2b" />
<stop offset="1" stop-color="#ff9ceb" />
</linearGradient>
<linearGradient
id="j"
x1="186.61"
x2="437.846"
y1="190.248"
y2="-60.988"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="176.087"
x2="426.977"
y1="249.721"
y2="-1.168"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="142.026"
x2="389.373"
y1="270.507"
y2="23.159"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="39.917"
x2="473.421"
y1="513.911"
y2="80.407"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="3.311"
x2="439.093"
y1="582.503"
y2="146.721"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="209.346"
x2="450.921"
y1="348.954"
y2="107.379"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="169.859"
x2="411.791"
y1="411.806"
y2="169.874"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="160.134"
x2="345.246"
y1="421.366"
y2="236.254"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="230.53"
x2="307.607"
y1="350.971"
y2="273.894"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="155.862"
x2="292.957"
y1="269.059"
y2="131.964"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="181.178"
x2="339.526"
y1="280.319"
y2="121.972"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<path
fill="url(#f)"
d="M200.06 57.321c-10.989.326-20.542 8.803-22.581 19.884-19.627 107.333-38.632 213.627-52.995 317.614-1.86 13.546 9.194 26.774 23.076 27.594a1908.834 1908.834 0 0 0 100.939 3.072c-.25-122.99-.25-245.98 0-368.971-16.146.065-32.292.334-48.439.807z"
/>
<path
fill="url(#g)"
d="M387.515 394.82c-14.363-103.987-33.367-210.281-52.995-317.614-2.038-11.08-11.594-19.558-22.581-19.884-21.146-.621-42.293-.89-63.439-.807-8.276.033-15.038 7-15.09 15.482-.63 112.669-.63 225.338 0 338.007.054 8.482 6.812 15.448 15.09 15.482 38.646.152 77.293-.872 115.939-3.072 13.882-.822 24.936-14.046 23.076-27.594z"
/>
<path
fill="url(#h)"
d="M263.661 171.818c-20.422 10.22-40.908 20.571-61.417 30.895-.031 10.21-.049 20.419-.055 30.629-.001 4.226 3.438 7.656 7.685 7.657h23.062c10.251-23.045 20.528-46.135 30.725-69.181z"
/>
<path
fill="url(#i)"
d="M232.973 194.908c-.023 15.364-.035 30.728-.035 46.092h69.187c4.246-.001 7.688-3.428 7.685-7.657-.008-12.762-.034-25.525-.08-38.287a7983.401 7983.401 0 0 0-76.757-.148z"
/>
<path
fill="url(#j)"
d="M210.508 103.024c-4.185.075-7.618 3.573-7.662 7.801-.31 30.629-.51 61.259-.602 91.888-.013 4.229 3.421 7.641 7.662 7.625 7.682-.029 15.365-.052 23.047-.067a22410.415 22410.415 0 0 0 30.695-53.828 12134.632 12134.632 0 0 1-30.394-53.72c-7.582.068-15.164.168-22.746.301z"
/>
<path
fill="url(#k)"
d="M248.418 102.636c-5.055.015-10.109.044-15.164.089-.164 35.849-.264 71.698-.301 107.547C240.64 205.136 248.324 200 256 194.875c7.676 5.125 15.359 10.261 23.047 15.397 7.682.015 15.365.037 23.047.067 4.244.016 7.674-3.397 7.662-7.625-.038-12.762-.095-25.524-.171-38.287-20.535-20.649-40.98-41.352-61.167-61.791z"
/>
<path
fill="url(#l)"
d="M301.492 103.024c-17.691-.31-35.383-.439-53.074-.388-.107 33.959 27.305 61.419 61.167 61.791-.106-17.867-.25-35.734-.431-53.602-.044-4.226-3.477-7.728-7.662-7.801z"
/>
<path
fill="url(#m)"
d="M187.167 325.015c.278 29.868 19.696 55.888 46.141 65.675 9.977-21.634 20.122-43.373 30.34-65.134a24575.796 24575.796 0 0 0-30.705-65.242c-26.864 9.498-46.049 34.816-45.776 64.701z"
/>
<path
fill="url(#n)"
d="M256 256.375a69.268 69.268 0 0 0-23.056 3.938c.028 43.459.15 86.917.365 130.376a65.552 65.552 0 0 0 22.692 4.06c37.449-.041 68.426-31.888 68.833-69.735.352-37.867-30.626-68.577-68.834-68.639z"
/>
<path
fill="url(#o)"
d="M217.759 325.394c.06 12.544 6.128 23.759 15.398 30.836A22663.205 22663.205 0 0 1 256 325.563a21543.363 21543.363 0 0 0-23.015-30.789c-9.305 6.978-15.288 18.07-15.226 30.62z"
/>
<path
fill="url(#p)"
d="M256 287.125c-8.64.002-16.612 2.847-23.015 7.648.037 20.486.094 40.971.172 61.457 6.383 4.87 14.283 7.771 22.843 7.77 20.968-.007 38.12-17.442 38.24-38.606.114-21.17-17.035-38.257-38.24-38.269z"
/>
<path
fill="url(#q)"
d="M278.944 325.502c-.043 12.723-10.322 23.123-22.944 23.124-12.623-.002-22.902-10.401-22.944-23.124-.041-12.725 10.237-23 22.944-23.001 12.706.003 22.987 10.276 22.944 23.001z"
/>
<path
fill="url(#r)"
d="M263.64 333.243c-12.653.024-22.939-10.348-22.963-23.077-.002-.635.031-1.258.08-1.882a22.845 22.845 0 0 0-7.702 17.218c.042 12.722 10.322 23.123 22.944 23.124 11.994 0 21.862-9.395 22.856-21.242-4.058 3.626-9.382 5.848-15.215 5.859z"
/>
<path
fill="url(#s)"
d="M263.676 194.879c-5.117-.005-10.234-.005-15.352 0 .008-16.252.021-32.504.038-48.756.004-4.247 3.424-7.693 7.638-7.695 4.211 0 7.631 3.449 7.638 7.695.017 16.252.03 32.504.038 48.756z"
/>
<path
fill="url(#t)"
d="M256 187.188c-12.707 0-23.029 10.36-23.047 23.084h46.094c-.018-12.723-10.341-23.083-23.047-23.084z"
/>
</svg>
More icons in the same style and category