The Tabler link icon depicts a chain link, commonly used in UI to represent actions related to creating, editing, or navigating hyperlinks and external connections.
Common uses
- Insert/edit hyperlink button in a rich text editor.
- Button to copy a URL or share a link.
- Indicator for external website navigation.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconLink } from '@tabler/icons-react';
<IconLink size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconLink size={24} stroke={2} />filled
<IconLinkFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Text
- Keywords
- zoom-filledlinkurlconnectionhyperlinkreferenceattachjointypographywritingtextchain
FAQ
- What does the link icon represent?
- It visually represents a connection or a hyperlink, often used for actions like creating, editing, or navigating to URLs.
- How do I use the link icon in React?
- You can import and use it with `import { IconLink } from '@tabler/icons-react'`. Then render it as `<IconLink />`.
- What is the license for the Tabler link icon?
- The Tabler icons, including the link icon, are released under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →