The Heroicons tv icon depicts a television set and is commonly used to represent media, entertainment, or video-related features within a user interface.
Common uses
- Link to a TV guide or streaming service
- Button for playing or watching video content
- Indicator for a live broadcast or TV channel
Use it in React
Install
npm i @heroicons/reactImport & render
import { TvIcon } from '@heroicons/react/24/outline';
<TvIcon className="size-6" />Styles
Heroicons ships this icon in 4 styles — each its own import:
24/outline
<TvIcon className="size-6" />24/solid
<TvIcon className="size-6" />20/solid
<TvIcon className="size-6" />16/solid
<TvIcon className="size-6" />Details
- Library
- Heroicons (324 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- tvtelevisionvideoscreenmonitor
FAQ
- What does the tv icon represent?
- It represents a television set, typically used for media, entertainment, or video content.
- How do I use the tv icon in React?
- You can import it using: import { TvIcon } from '@heroicons/react/24/outline'. Then, use it as a React component: <TvIcon className="h-6 w-6" />.
- What is the license for the tv icon?
- The tv icon is part of the Heroicons library, which is released under the MIT license.
Related icons
The same idea in other libraries, and near matches in Heroicons.
Looking for something else? Search Heroicons 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 →