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 lineal color 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"
>
    <g>
        <g>
            <linearGradient
                id="SVGID_1_"
                gradientUnits="userSpaceOnUse"
                x1="527.1095"
                y1="-2079.8035"
                x2="125.4819"
                y2="-1678.176"
                gradientTransform="matrix(-1 0 0 -1 512 -1616)"
            >
                <stop offset="0" stop-color="#FFFFFF" stop-opacity="0" />
                <stop offset="1" stop-color="#B6C4FF" />
            </linearGradient>
            <path
                d="M11.506,404.012c-20.722,42.469-7.181,117.795,50.613,106.929 c16.946-3.186,28.781-18.174,42.316-28.862c30.405-24.009,72.435-37.59,109.956-27.942 c121.076,31.134,139.705-50.695,166.996-74.472c29.519-25.718,71.447-34.472,99.111-62.175 c49.654-49.724,32.833-148.954-27.657-184.487c-32.082-18.846-73.243-9.6-109.121-19.459 C278.75,95.692,241.345,21.48,176.326,3.808C73.82-22.586-5.469,93.599,23.611,186.58 C53.929,283.52,56.412,311.977,11.506,404.012z"
                fill="url(#SVGID_1_)"
            />
        </g>
        <g>
            <g>
                <path
                    d="M476.789,242.011h-37.47h-13.257c-15.838,0-28.724-12.885-28.724-28.724v-9.533 c0-21.352-17.371-38.724-38.724-38.724h-33.794l-15.168-83.682c-0.862-4.757-5.005-8.216-9.84-8.216h-87.628 c-4.835,0-8.977,3.459-9.84,8.216l-15.168,83.682h-25.794c-15.838,0-28.724-12.885-28.724-28.724v-9.533 c0-21.352-17.372-38.724-38.724-38.724H72.68H35.211c-2.761,0-5,2.239-5,5v126.832c0,2.761,2.239,5,5,5H72.68h21.257 c15.838,0,28.724,12.885,28.724,28.724v9.534c0,21.352,17.372,38.724,38.724,38.724h0.992L129.91,480.977 c-0.556,3.068,1.801,5.892,4.92,5.892h242.34c3.118,0,5.476-2.823,4.92-5.892l-32.466-179.115l8.992,0 c15.838,0,28.724,12.885,28.724,28.724v9.534c0,21.352,17.371,38.724,38.724,38.724h13.257h37.47c2.762,0,5-2.239,5-5V247.011 C481.789,244.25,479.551,242.011,476.789,242.011z M122.661,227.66c-7.091-7.843-17.342-12.779-28.724-12.779H77.68v-22.405 h16.257c15.838,0,28.724,12.885,28.724,28.724V227.66z M122.661,195.259c-7.091-7.845-17.341-12.783-28.724-12.783H77.68V161 h16.257c15.838,0,28.724,12.885,28.724,28.724V195.259z M122.661,163.783C115.57,155.938,105.32,151,93.937,151H77.68v-21.476 h16.257c15.838,0,28.724,12.885,28.724,28.724V163.783z M122.661,132.308c-7.091-7.845-17.341-12.783-28.724-12.783H77.68V98.049 h16.257c15.838,0,28.724,12.885,28.724,28.724V132.308z M164.189,291.862h-2.804c-15.838,0-28.724-12.885-28.724-28.724v-5.503 c0.434,0.479,0.881,0.949,1.342,1.41c7.314,7.314,17.039,11.342,27.382,11.341h6.697L164.189,291.862z M169.894,260.386h-8.509 c-7.672,0-14.885-2.987-20.311-8.413s-8.413-12.638-8.413-20.311v-5.535c7.091,7.845,17.341,12.783,28.724,12.783h12.402 L169.894,260.386z M175.599,228.911h-14.215c-15.838,0-28.724-12.885-28.724-28.724v-5.535 c7.091,7.845,17.341,12.783,28.724,12.783h18.107L175.599,228.911z M181.305,197.436h-19.92 c-15.838,0-28.724-12.885-28.724-28.724v-6.461c7.091,7.843,17.342,12.779,28.724,12.779h23.981L181.305,197.436z M387.339,304.641c-7.092-7.843-17.343-12.779-28.724-12.779l-10.804,0l-4.061-22.406l14.865,0 c15.838,0,28.724,12.885,28.724,28.724V304.641z M387.339,272.239c-7.091-7.845-17.341-12.783-28.724-12.783l-16.678,0 l-3.893-21.475h20.571c15.838,0,28.724,12.885,28.724,28.724V272.239z M387.339,240.764 c-7.091-7.845-17.341-12.783-28.724-12.783h-22.383l-3.893-21.476h26.276c15.838,0,28.724,12.885,28.724,28.724V240.764z M387.339,209.288c-7.091-7.845-17.341-12.783-28.724-12.783h-28.089l-3.893-21.475h31.981c15.838,0,28.724,12.885,28.724,28.724 V209.288z M434.319,368.843h-8.257c-15.838,0-28.724-12.885-28.724-28.724v-5.535c7.091,7.845,17.341,12.783,28.724,12.783h8.257 V368.843z M434.319,337.367h-8.257c-15.838,0-28.724-12.885-28.724-28.724v-5.534c7.091,7.845,17.341,12.783,28.724,12.783h8.257 V337.367z M434.319,305.892h-8.257c-15.838,0-28.724-12.885-28.724-28.724v-5.535c7.091,7.845,17.341,12.783,28.724,12.783h8.257 V305.892z M434.319,274.417h-8.257c-15.838,0-28.724-12.885-28.724-28.724v-6.461c7.092,7.843,17.343,12.779,28.724,12.779h8.257 V274.417z"
                    opacity="0.1"
                    fill="#2626BC"
                />
                <g>
                    <g>
                        <g>
                            <g>
                                <g>
                                    <g>
                                        <path
                                            d="M93.938,69.049c18.625,0,33.724,15.099,33.724,33.724v126.832c0-18.625-15.099-33.724-33.724-33.724H35.211V69.049H93.938z"
                                            fill="none"
                                            stroke="#2626BC"
                                            stroke-width="10"
                                            stroke-linecap="round"
                                            stroke-linejoin="round"
                                            stroke-miterlimit="10"
                                        />
                                    </g>
                                    <g>
                                        <path
                                            d="M35.211,100.525h58.726c18.625,0,33.724,15.099,33.724,33.724"
                                            fill="none"
                                            stroke="#2626BC"
                                            stroke-width="10"
                                            stroke-linecap="round"
                                            stroke-linejoin="round"
                                            stroke-miterlimit="10"
                                        />
                                    </g>
                                    <path
                                        d="M35.211,132h58.726c18.625,0,33.724,15.099,33.724,33.724"
                                        fill="none"
                                        stroke="#2626BC"
                                        stroke-width="10"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        stroke-miterlimit="10"
                                    />
                                    <path
                                        d="M35.211,163.475h58.726c18.625,0,33.724,15.099,33.724,33.724"
                                        fill="none"
                                        stroke="#2626BC"
                                        stroke-width="10"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        stroke-miterlimit="10"
                                    />
                                </g>
                                <g>
                                    <g>
                                        <path
                                            d="M197.791,272.862l-36.407,0c-18.625,0-33.724-15.099-33.724-33.724l0-126.832c0,18.625,15.099,33.724,33.724,33.724 l36.407,0"
                                            fill="none"
                                            stroke="#2626BC"
                                            stroke-width="10"
                                            stroke-linecap="round"
                                            stroke-linejoin="round"
                                            stroke-miterlimit="10"
                                        />
                                    </g>
                                    <path
                                        d="M197.791,241.386l-36.407,0c-18.625,0-33.724-15.099-33.724-33.724"
                                        fill="none"
                                        stroke="#2626BC"
                                        stroke-width="10"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        stroke-miterlimit="10"
                                    />
                                    <path
                                        d="M197.791,209.911l-36.407,0c-18.625,0-33.724-15.099-33.724-33.724"
                                        fill="none"
                                        stroke="#2626BC"
                                        stroke-width="10"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        stroke-miterlimit="10"
                                    />
                                </g>
                                <path
                                    d="M197.791,178.436l-36.407,0c-18.625,0-33.724-15.099-33.724-33.724"
                                    fill="none"
                                    stroke="#2626BC"
                                    stroke-width="10"
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-miterlimit="10"
                                />
                            </g>
                            <g>
                                <g>
                                    <rect
                                        x="35.211"
                                        y="69.049"
                                        width="37.469"
                                        height="126.832"
                                        fill="#6582FD"
                                    />
                                </g>
                                <g>
                                    <rect
                                        x="35.211"
                                        y="69.049"
                                        width="37.469"
                                        height="126.832"
                                        fill="none"
                                        stroke="#2626BC"
                                        stroke-width="10"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        stroke-miterlimit="10"
                                    />
                                </g>
                            </g>
                        </g>
                        <g>
                            <g>
                                <g>
                                    <g>
                                        <path
                                            d="M426.062,349.843c-18.625,0-33.724-15.099-33.724-33.724V189.287c0,18.625,15.099,33.724,33.724,33.724h50.726v126.832 H426.062z"
                                            fill="none"
                                            stroke="#2626BC"
                                            stroke-width="10"
                                            stroke-linecap="round"
                                            stroke-linejoin="round"
                                            stroke-miterlimit="10"
                                        />
                                    </g>
                                    <g>
                                        <path
                                            d="M476.789,318.367h-50.726c-18.625,0-33.724-15.099-33.724-33.724"
                                            fill="none"
                                            stroke="#2626BC"
                                            stroke-width="10"
                                            stroke-linecap="round"
                                            stroke-linejoin="round"
                                            stroke-miterlimit="10"
                                        />
                                    </g>
                                    <path
                                        d="M476.789,286.892h-50.726c-18.625,0-33.724-15.099-33.724-33.724"
                                        fill="none"
                                        stroke="#2626BC"
                                        stroke-width="10"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        stroke-miterlimit="10"
                                    />
                                    <path
                                        d="M476.789,255.417h-50.726c-18.625,0-33.724-15.099-33.724-33.724"
                                        fill="none"
                                        stroke="#2626BC"
                                        stroke-width="10"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        stroke-miterlimit="10"
                                    />
                                </g>
                                <g>
                                    <g>
                                        <path
                                            d="M302.209,146.03l56.407,0c18.625,0,33.724,15.099,33.724,33.724l0,126.832c0-18.625-15.099-33.724-33.724-33.724l-56.407,0"
                                            fill="none"
                                            stroke="#2626BC"
                                            stroke-width="10"
                                            stroke-linecap="round"
                                            stroke-linejoin="round"
                                            stroke-miterlimit="10"
                                        />
                                    </g>
                                    <path
                                        d="M302.209,177.506l56.407,0c18.625,0,33.724,15.099,33.724,33.724"
                                        fill="none"
                                        stroke="#2626BC"
                                        stroke-width="10"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        stroke-miterlimit="10"
                                    />
                                    <path
                                        d="M302.209,208.981l56.407,0c18.625,0,33.724,15.099,33.724,33.724"
                                        fill="none"
                                        stroke="#2626BC"
                                        stroke-width="10"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        stroke-miterlimit="10"
                                    />
                                </g>
                                <path
                                    d="M302.209,240.456l56.407,0c18.625,0,33.724,15.099,33.724,33.724"
                                    fill="none"
                                    stroke="#2626BC"
                                    stroke-width="10"
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-miterlimit="10"
                                />
                            </g>
                            <g>
                                <g>
                                    <rect
                                        x="439.32"
                                        y="223.011"
                                        transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 916.1085 572.8536)"
                                        width="37.469"
                                        height="126.832"
                                        fill="#6582FD"
                                    />
                                </g>
                                <g>
                                    <rect
                                        x="439.32"
                                        y="223.011"
                                        transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 916.1085 572.8536)"
                                        width="37.469"
                                        height="126.832"
                                        fill="none"
                                        stroke="#2626BC"
                                        stroke-width="10"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        stroke-miterlimit="10"
                                    />
                                </g>
                            </g>
                        </g>
                    </g>
                    <g>
                        <path
                            d="M367.69,377.54l-111.69,3l-111.69-3l58.04-320.19c0.86-4.76,5-8.22,9.84-8.22h87.62 c4.84,0,8.98,3.46,9.84,8.22L367.69,377.54z"
                            fill="#8298FD"
                        />
                        <path
                            d="M284.589,241.184V130.675c0-5.523-4.477-10-10-10h-37.178c-5.523,0-10,4.477-10,10v110.508 c0,31.93-13.21,62.209-35.83,84.744c-16.586,16.524-26.85,39.387-26.85,64.652c0,29.43,13.93,55.61,35.55,72.29h111.44 c21.62-16.68,35.55-42.86,35.55-72.29c0-25.265-10.264-48.128-26.85-64.652C297.8,303.393,284.589,273.113,284.589,241.184z"
                            fill="#6582FD"
                        />
                        <g>
                            <g>
                                <line
                                    x1="251.386"
                                    y1="151.04"
                                    x2="263.466"
                                    y2="151.04"
                                    fill="none"
                                    stroke="#4369FC"
                                    stroke-width="10"
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-miterlimit="10"
                                />
                            </g>
                            <g>
                                <line
                                    x1="251.386"
                                    y1="179.792"
                                    x2="263.466"
                                    y2="179.792"
                                    fill="none"
                                    stroke="#4369FC"
                                    stroke-width="10"
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-miterlimit="10"
                                />
                            </g>
                            <g>
                                <line
                                    x1="251.386"
                                    y1="208.543"
                                    x2="263.466"
                                    y2="208.543"
                                    fill="none"
                                    stroke="#4369FC"
                                    stroke-width="10"
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-miterlimit="10"
                                />
                            </g>
                            <g>
                                <line
                                    x1="251.386"
                                    y1="237.295"
                                    x2="263.466"
                                    y2="237.295"
                                    fill="none"
                                    stroke="#4369FC"
                                    stroke-width="10"
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-miterlimit="10"
                                />
                            </g>
                            <g>
                                <line
                                    x1="251.386"
                                    y1="266.047"
                                    x2="263.466"
                                    y2="266.047"
                                    fill="none"
                                    stroke="#4369FC"
                                    stroke-width="10"
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-miterlimit="10"
                                />
                            </g>
                            <g>
                                <line
                                    x1="251.386"
                                    y1="294.798"
                                    x2="263.466"
                                    y2="294.798"
                                    fill="none"
                                    stroke="#4369FC"
                                    stroke-width="10"
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-miterlimit="10"
                                />
                            </g>
                            <g>
                                <line
                                    x1="251.386"
                                    y1="323.55"
                                    x2="263.466"
                                    y2="323.55"
                                    fill="none"
                                    stroke="#4369FC"
                                    stroke-width="10"
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-miterlimit="10"
                                />
                            </g>
                        </g>
                        <path
                            d="M316.627,95.819l-6.973-38.471c-0.862-4.757-5.005-8.216-9.84-8.216h-87.628 c-4.835,0-8.977,3.459-9.84,8.216l-6.973,38.471H316.627z"
                            fill="#6582FD"
                        />
                        <path
                            d="M313.386,77.94l-3.732-20.592c-0.862-4.757-5.005-8.216-9.84-8.216h-87.628 c-4.835,0-8.977,3.459-9.84,8.216l-3.732,20.592H313.386z"
                            fill="#FFA7CE"
                        />
                        <path
                            d="M377.17,462.87h-25.468l-25.803-3l-25.803,3H134.83c-3.12,0-5.48-2.82-4.92-5.89l10.81-59.63 l115.28-3l115.28,3l10.81,59.63C382.65,460.05,380.29,462.87,377.17,462.87z"
                            fill="#FF7EB7"
                        />
                        <g>
                            <path
                                d="M211.905,462.869h-51.607v-15.045c0-5.523,4.477-10,10-10h31.607c5.523,0,10,4.477,10,10 V462.869z"
                                fill="#FF5BA7"
                            />
                            <path
                                d="M351.702,462.869h-51.607v-15.045c0-5.523,4.477-10,10-10h31.607c5.523,0,10,4.477,10,10 V462.869z"
                                fill="#FF5BA7"
                            />
                        </g>
                        <polygon
                            points="371.282,397.348 367.69,377.536 144.31,377.536 140.718,397.348"
                            fill="#FFA7CE"
                        />
                        <circle
                            cx="256"
                            cy="390.583"
                            r="44.94"
                            fill="#FFA7CE"
                        />
                        <path
                            d="M275.81,390.58l-19.81,3l-19.81-3c0-10.94,8.87-19.81,19.81-19.81S275.81,379.64,275.81,390.58z"
                            fill="#01EBA4"
                        />
                        <path
                            d="M236.188,390.583c0,10.942,8.87,19.812,19.812,19.812s19.812-8.87,19.812-19.812H236.188z"
                            fill="#96FFD1"
                        />
                        <path
                            d="M189.141,130.202L129.91,456.977c-0.556,3.068,1.801,5.892,4.92,5.892h176.324"
                            fill="none"
                            stroke="#2626BC"
                            stroke-width="10"
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            stroke-miterlimit="10"
                        />
                        <path
                            d="M339.537,462.869h37.632c3.118,0,5.476-2.823,4.92-5.892L309.653,57.348c-0.862-4.757-5.005-8.216-9.84-8.216h-87.628 c-4.835,0-8.977,3.459-9.84,8.216l-8.149,44.956"
                            fill="none"
                            stroke="#2626BC"
                            stroke-width="10"
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            stroke-miterlimit="10"
                        />
                        <g>
                            <g>
                                <line
                                    x1="256"
                                    y1="390.583"
                                    x2="296.025"
                                    y2="112.64"
                                    fill="none"
                                    stroke="#FFFFFF"
                                    stroke-width="10"
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-miterlimit="10"
                                />
                            </g>
                            <g>
                                <circle
                                    cx="291.149"
                                    cy="146.654"
                                    r="14.566"
                                    fill="#02FFB2"
                                />
                            </g>
                        </g>
                    </g>
                    <g>
                        <g>
                            <line
                                x1="194.558"
                                y1="423.166"
                                x2="194.558"
                                y2="423.281"
                                fill="none"
                                stroke="#01EBA4"
                                stroke-width="10"
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                stroke-miterlimit="10"
                            />
                            <line
                                x1="177.645"
                                y1="423.166"
                                x2="177.645"
                                y2="423.281"
                                fill="none"
                                stroke="#01EBA4"
                                stroke-width="10"
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                stroke-miterlimit="10"
                            />
                        </g>
                        <g>
                            <line
                                x1="334.355"
                                y1="423.166"
                                x2="334.355"
                                y2="423.281"
                                fill="none"
                                stroke="#01EBA4"
                                stroke-width="10"
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                stroke-miterlimit="10"
                            />
                            <line
                                x1="317.442"
                                y1="423.166"
                                x2="317.442"
                                y2="423.281"
                                fill="none"
                                stroke="#01EBA4"
                                stroke-width="10"
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                stroke-miterlimit="10"
                            />
                        </g>
                    </g>
                </g>
            </g>
            <circle
                cx="351.702"
                cy="80.487"
                r="8.012"
                fill="none"
                stroke="#01EBA4"
                stroke-width="10"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-miterlimit="10"
            />
            <circle
                cx="100.171"
                cy="323.55"
                r="8.012"
                fill="none"
                stroke="#8298FD"
                stroke-width="10"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-miterlimit="10"
            />
            <circle
                cx="397.839"
                cy="59.958"
                r="10.5"
                fill="none"
                stroke="#FF7EB7"
                stroke-width="10"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-miterlimit="10"
            />
            <circle
                cx="429.572"
                cy="410.395"
                r="10.5"
                fill="none"
                stroke="#01EBA4"
                stroke-width="10"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-miterlimit="10"
            />
            <circle
                cx="67.18"
                cy="280"
                r="10.5"
                fill="none"
                stroke="#01EBA4"
                stroke-width="10"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-miterlimit="10"
            />
        </g>
    </g>
</svg>
More icons in the same style and category