The Phosphor share icon depicts an arrow pointing outwards from a box, commonly used to represent the action of sending content to another application or person.
Common uses
- Sharing content via social media
- Exporting data or files
- Sending a link to a webpage
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Share } from '@phosphor-icons/react';
<Share size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Share size={24} />thin
<Share size={24} weight="thin" />light
<Share size={24} weight="light" />bold
<Share size={24} weight="bold" />fill
<Share size={24} weight="fill" />duotone
<Share size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- communications
- Keywords
- send toexportarrowscommunicationssystemsharesendoutboxforward
FAQ
- What is the purpose of the share icon?
- The share icon is used to initiate an action that allows users to send content, links, or files to others or to different applications.
- How do I use the share icon in React?
- You can import and use the Share icon in React with the following import statement: `import { Share } from '@phosphor-icons/react'`.
- What is the license for Phosphor icons?
- Phosphor icons are distributed under the MIT license, which allows for free use in both personal and commercial projects.
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 →