# cloud-data-connection Icon

> The cloud-data-connection icon from Tabler as Compose ImageVector Kotlin code, Android Vector Drawable XML and SVG.

- Library: [Tabler](https://composables.com/icons/icon-libraries/tabler.md)
- License: MIT (full text in the [Tabler library page](https://composables.com/icons/icon-libraries/tabler.md))
- Styles: [Outline](https://composables.com/icons/icon-libraries/tabler/cloud-data-connection.md?v=outline), [Filled](https://composables.com/icons/icon-libraries/tabler/cloud-data-connection.md?v=filled)

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/tabler/cloud-data-connection.kt`

```kotlin
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.StrokeCap
import androidx.compose.ui.graphics.StrokeJoin
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.path
import androidx.compose.ui.unit.dp

val TablerCloudDataConnection: ImageVector
    get() {
        if (_TablerCloudDataConnection != null) return _TablerCloudDataConnection!!
        
        _TablerCloudDataConnection = ImageVector.Builder(
            name = "cloud-data-connection",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 24f,
            viewportHeight = 24f
        ).apply {
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(5f, 9.897f)
                curveToRelative(0f, -1.714f, 1.46f, -3.104f, 3.26f, -3.104f)
                curveToRelative(0.275f, -1.22f, 1.255f, -2.215f, 2.572f, -2.611f)
                curveToRelative(1.317f, -0.397f, 2.77f, -0.134f, 3.811f, 0.69f)
                curveToRelative(1.042f, 0.822f, 1.514f, 2.08f, 1.239f, 3.3f)
                horizontalLineToRelative(0.693f)
                arcToRelative(2.42f, 2.42f, 0f, false, true, 2.425f, 2.414f)
                arcToRelative(2.42f, 2.42f, 0f, false, true, -2.425f, 2.414f)
                horizontalLineToRelative(-8.315f)
                curveToRelative(-1.8f, 0f, -3.26f, -1.39f, -3.26f, -3.103f)
            }
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(12f, 13f)
                verticalLineToRelative(3f)
            }
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(10f, 18f)
                arcToRelative(2f, 2f, 0f, true, false, 4f, 0f)
                arcToRelative(2f, 2f, 0f, true, false, -4f, 0f)
            }
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(14f, 18f)
                horizontalLineToRelative(7f)
            }
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(3f, 18f)
                horizontalLineToRelative(7f)
            }
        }.build()
        
        return _TablerCloudDataConnection!!
    }

private var _TablerCloudDataConnection: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/tabler/cloud-data-connection.xml`

```xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <path
        android:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="M5,9.897c0,-1.714 1.46,-3.104 3.26,-3.104c0.275,-1.22 1.255,-2.215 2.572,-2.611c1.317,-0.397 2.77,-0.134 3.811,0.69c1.042,0.822 1.514,2.08 1.239,3.3h0.693a2.42,2.42 0 0,1 2.425,2.414a2.42,2.42 0 0,1 -2.425,2.414h-8.315c-1.8,0 -3.26,-1.39 -3.26,-3.103" />
    <path
        android:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="M12,13v3" />
    <path
        android:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="M10,18a2,2 0 1,0 4,0a2,2 0 1,0 -4,0" />
    <path
        android:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="M14,18h7" />
    <path
        android:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="M3,18h7" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/tabler/cloud-data-connection.svg`

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="M5 9.897c0 -1.714 1.46 -3.104 3.26 -3.104c.275 -1.22 1.255 -2.215 2.572 -2.611c1.317 -.397 2.77 -.134 3.811 .69c1.042 .822 1.514 2.08 1.239 3.3h.693a2.42 2.42 0 0 1 2.425 2.414a2.42 2.42 0 0 1 -2.425 2.414h-8.315c-1.8 0 -3.26 -1.39 -3.26 -3.103" /><path d="M12 13v3" /><path d="M10 18a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /><path d="M14 18h7" /><path d="M3 18h7" /></svg>
```