The Tabler connection icon visually represents a link or network, often used in UI to signify relationships, integrations, or network status.
Common uses
- Indicating network connectivity status.
- Representing API integrations or linked services.
- Showing relationships between data points or entities.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconConnection } from '@tabler/icons-react';
<IconConnection size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Development
- Keywords
- linknetworkconnectattachplugrelationshipbondbridgejoinwirecableintegrationdevelopmentconnectionlink iconnetwork icon
FAQ
- What does the connection icon represent?
- It symbolizes a link, network, or relationship, commonly used for integrations or connectivity status in user interfaces.
- How do I use the connection icon in React?
- Import it using `import { IconConnection } from '@tabler/icons-react'` and then use it as a component: `<IconConnection />`.
- What is the license for the Tabler connection icon?
- The Tabler icon library, including the connection icon, is available 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 →