The Tabler join round icon depicts two curved lines meeting at a rounded corner, often used to represent a smooth connection or transition in UI elements.
Common uses
- Indicating a rounded connection between menu items.
- Showing a smooth, curved path in a diagram.
- Representing a rounded boundary or corner in a layout.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconJoinRound } from '@tabler/icons-react';
<IconJoinRound size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- curvearcsmoothbendroundedconnectboundaryjointseamjoinsystemroundrounded connectionsmooth curvearc joint
FAQ
- What does the join round icon represent?
- It visually signifies a smooth, rounded connection or transition, like a curved joint or seam.
- How do I use the join round icon in React?
- You can import and use it directly with the following statement: import { IconJoinRound } from '@tabler/icons-react'.
- What is the license for this icon?
- The Tabler icons, including join round, are distributed 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 →