The Heroicons phone arrow down left icon depicts a phone with an arrow pointing downwards and to the left, commonly used to signify actions like downloading, receiving, or returning a call.
Common uses
- Download call log
- Receive incoming call
- Return to previous call screen
Use it in React
Install
npm i @heroicons/reactImport & render
import { PhoneArrowDownLeftIcon } from '@heroicons/react/24/outline';
<PhoneArrowDownLeftIcon className="size-6" />Styles
Heroicons ships this icon in 4 styles — each its own import:
24/outline
<PhoneArrowDownLeftIcon className="size-6" />24/solid
<PhoneArrowDownLeftIcon className="size-6" />20/solid
<PhoneArrowDownLeftIcon className="size-6" />16/solid
<PhoneArrowDownLeftIcon className="size-6" />Details
- Library
- Heroicons (324 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- phonearrowdownleftincoming calldownload callreturn callphone receive
FAQ
- What does the phone arrow down left icon represent?
- This icon represents a phone with an arrow indicating a downward and leftward direction. It's often used for actions related to receiving or downloading call information.
- How do I use the phone arrow down left icon in React?
- You can import and use it in React with the following statement: `import { PhoneArrowDownLeftIcon } from '@heroicons/react/24/outline'`.
- What is the license for Heroicons?
- Heroicons are provided under the MIT license, allowing for free use in both personal and commercial projects.
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 →