The Phosphor subtitles slash icon visually indicates that subtitles or closed captions are disabled or unavailable for media content.
Common uses
- Toggling subtitles on/off in a media player.
- Indicating lack of subtitle support for a video.
- Disabling captioning features in an application.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { SubtitlesSlash } from '@phosphor-icons/react';
<SubtitlesSlash size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<SubtitlesSlash size={24} />thin
<SubtitlesSlash size={24} weight="thin" />light
<SubtitlesSlash size={24} weight="light" />bold
<SubtitlesSlash size={24} weight="bold" />fill
<SubtitlesSlash size={24} weight="fill" />duotone
<SubtitlesSlash size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- media
- Keywords
- *new*subtitlestelevisiontvtranscribedtranscriptionaccessibilitya11ydisabledmediaslashclosed captions disabledno subtitlescaption offtranscription disabled
FAQ
- What is the purpose of the subtitles slash icon?
- This icon is used to represent the disabling or absence of subtitles or closed captions, often in media playback interfaces.
- How do I use this icon in React?
- You can import and use it in React with: `import { SubtitlesSlash } from '@phosphor-icons/react'`.
- What is the license for this icon?
- The Phosphor icon library, including this 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 →