link simple icon

Common uses

• Representing a hyperlink to an external website.
• Indicating a connection or relationship between two pieces of content.
• As a button or menu item for actions like 'copy link' or 'share'.

Use it in React

npm i @phosphor-icons/react

import { LinkSimple } from '@phosphor-icons/react';

<LinkSimple size={24} />

Styles

Phosphor ships this icon in 6 styles — each its own import:

<LinkSimple size={24} />

<LinkSimple size={24} weight="thin" />

<LinkSimple size={24} weight="light" />

<LinkSimple size={24} weight="bold" />

<LinkSimple size={24} weight="fill" />

<LinkSimple size={24} weight="duotone" />

Details

Library

Phosphor (1,512 icons)

License

MIT

viewBox

0 0 256 256

Category

communications

Keywords

anchorhyperlinkhypertextchainschainedcommunicationsobjectslinksimplechainconnection

FAQ

What is the purpose of the link simple icon?

It visually signifies a hyperlink or a connection. It's often used for navigation to external resources or to denote related content.

How do I use the link simple icon in React?

You can import and use it directly from the Phosphor React library: import { LinkSimple } from '@phosphor-icons/react'.

What is the license for the Phosphor link simple icon?

The Phosphor icon library, including the link simple icon, is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in Phosphor.