The Tabler cloud data connection icon visually represents the transfer or synchronization of data between a local device and cloud storage or a remote server.
Common uses
- Indicating cloud backup status
- Representing data sync between devices
- Showing remote server access
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCloudDataConnection } from '@tabler/icons-react';
<IconCloudDataConnection size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconCloudDataConnection size={24} stroke={2} />filled
<IconCloudDataConnectionFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Computers
- Keywords
- medianetworkstorageaccessclouddataconnectiononlineserversynccomputerscloud syncdata transferonline storageserver connection
FAQ
- What does the cloud data connection icon represent?
- It symbolizes the flow of data to or from a cloud service, often used for backups, synchronization, or remote access.
- How do I use this icon in React?
- You can import it directly from the '@tabler/icons-react' library using: import { IconCloudDataConnection } from '@tabler/icons-react'
- What is the license for this icon?
- The Tabler icon library, including this 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 →