The Tabler clef staff icon depicts a musical clef, commonly used to represent music-related features or sections within an application.
Common uses
- Button to play or manage music
- Label for a music player section
- Icon for a music composition tool
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconClefStaff } from '@tabler/icons-react';
<IconClefStaff size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Media
- Keywords
- staffclefmusicnotationsheetscoremelodytrebleclassicalorchestramediamusic symboltreble clefmusical score
FAQ
- What does the clef staff icon represent?
- It represents a musical clef, symbolizing music, melody, or musical notation.
- How do I use this icon in React?
- Import it using `import { IconClefStaff } from '@tabler/icons-react'` and render the component.
- What is the license for this icon?
- The Tabler icon library, including this icon, is distributed 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 →