The Tabler metronome icon visually represents a device used to maintain a steady tempo or rhythm, often employed in UI to indicate settings related to timing, speed, or musical beats.
Common uses
- Setting playback speed for audio/video
- Configuring animation timing
- Indicating a musical tempo control
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconMetronome } from '@tabler/icons-react';
<IconMetronome size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- temporhythmbeattimingpacemeasuretimekeepercountcadencemetersystemmetronome
FAQ
- What is the metronome icon used for in UI?
- It's used to represent concepts of tempo, rhythm, beat, or timing in user interfaces, especially in applications dealing with music, audio, or animations.
- How do I use the metronome icon in React?
- You can import and use it directly with the following statement: import { IconMetronome } from '@tabler/icons-react'.
- What is the license for the Tabler metronome icon?
- The Tabler icon library, including the metronome icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →