The Phosphor airplay icon depicts a triangle pointing upwards within a rectangle, commonly used to represent screen mirroring or casting media to another device.
Common uses
- Initiate screen mirroring
- Select a casting destination
- Indicate media streaming availability
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Airplay } from '@phosphor-icons/react';
<Airplay size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Airplay size={24} />thin
<Airplay size={24} weight="thin" />light
<Airplay size={24} weight="light" />bold
<Airplay size={24} weight="bold" />fill
<Airplay size={24} weight="fill" />duotone
<Airplay size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- media
- Keywords
- applescreencastingtelevisiontvmediasystemairplaycastmirrorstreamwireless display
FAQ
- What does the airplay icon represent?
- It visually signifies the action of sending audio or video content from one device to another, often wirelessly.
- How do I use the airplay icon in React?
- You can import it directly from the Phosphor React library: import { Airplay } from '@phosphor-icons/react'.
- What is the license for the Phosphor airplay icon?
- The Phosphor icon library, including the airplay 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 →