# arrow-down-circle Icon

> The arrow-down-circle icon from Bootstrap as Compose ImageVector Kotlin code, Android Vector Drawable XML and SVG.

- Library: [Bootstrap](https://composables.com/icons/icon-libraries/bootstrap.md)
- License: MIT (full text in the [Bootstrap library page](https://composables.com/icons/icon-libraries/bootstrap.md))
- Styles: [Filled](https://composables.com/icons/icon-libraries/bootstrap/arrow-down-circle.md?v=fill), [Outline](https://composables.com/icons/icon-libraries/bootstrap/arrow-down-circle.md?v=outline)
- Categories: [Shape-arrows](https://composables.com/icons/categories/shape-arrows.md)

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/bootstrap/arrow-down-circle.kt`

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

val BootstrapArrowDownCircle: ImageVector
    get() {
        if (_BootstrapArrowDownCircle != null) return _BootstrapArrowDownCircle!!
        
        _BootstrapArrowDownCircle = ImageVector.Builder(
            name = "arrow-down-circle",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 16f,
            viewportHeight = 16f
        ).apply {
            path(
                fill = SolidColor(Color.Black)
            ) {
                moveTo(1f, 8f)
                arcToRelative(7f, 7f, 0f, true, false, 14f, 0f)
                arcTo(7f, 7f, 0f, false, false, 1f, 8f)
                moveToRelative(15f, 0f)
                arcTo(8f, 8f, 0f, true, true, 0f, 8f)
                arcToRelative(8f, 8f, 0f, false, true, 16f, 0f)
                moveTo(8.5f, 4.5f)
                arcToRelative(0.5f, 0.5f, 0f, false, false, -1f, 0f)
                verticalLineToRelative(5.793f)
                lineTo(5.354f, 8.146f)
                arcToRelative(0.5f, 0.5f, 0f, true, false, -0.708f, 0.708f)
                lineToRelative(3f, 3f)
                arcToRelative(0.5f, 0.5f, 0f, false, false, 0.708f, 0f)
                lineToRelative(3f, -3f)
                arcToRelative(0.5f, 0.5f, 0f, false, false, -0.708f, -0.708f)
                lineTo(8.5f, 10.293f)
                close()
            }
        }.build()
        
        return _BootstrapArrowDownCircle!!
    }

private var _BootstrapArrowDownCircle: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/bootstrap/arrow-down-circle.xml`

```xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="16"
    android:viewportHeight="16">
    <path
        android:fillColor="@android:color/black"
        android:pathData="M1,8a7,7 0 1,0 14,0A7,7 0 0,0 1,8m15,0A8,8 0 1,1 0,8a8,8 0 0,1 16,0M8.5,4.5a0.5,0.5 0 0,0 -1,0v5.793L5.354,8.146a0.5,0.5 0 1,0 -0.708,0.708l3,3a0.5,0.5 0 0,0 0.708,0l3,-3a0.5,0.5 0 0,0 -0.708,-0.708L8.5,10.293Z" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/bootstrap/arrow-down-circle.svg`

```svg
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-arrow-down-circle" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293z"/></svg>
```