The Phosphor metronome icon visually represents a device used to keep a steady beat, commonly employed in music production or rhythm-based applications.
Common uses
- Music production software control
- Rhythm game UI element
- Audio editing timeline indicator
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Metronome } from '@phosphor-icons/react';
<Metronome size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Metronome size={24} />thin
<Metronome size={24} weight="thin" />light
<Metronome size={24} weight="light" />bold
<Metronome size={24} weight="bold" />fill
<Metronome size={24} weight="fill" />duotone
<Metronome size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- objects
- Keywords
- musicbeattempobpmobjectsmediametronomerhythm
FAQ
- What does the metronome icon represent?
- It depicts a metronome, a device that produces a regular clicking sound to help musicians maintain a consistent tempo.
- How do I use the metronome icon in React?
- You can import and use it with: import { Metronome } from '@phosphor-icons/react'.
- What is the license for the Phosphor metronome icon?
- The Phosphor icon library, including the metronome icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →