# circle Icon

> The circle icon from Material as Compose ImageVector Kotlin code, Android Vector Drawable XML and SVG.

- Library: [Material Icons](https://composables.com/icons/icon-libraries/material-icons.md)
- License: Apache 2.0 (full text in the [Material Icons library page](https://composables.com/icons/icon-libraries/material-icons.md))
- Styles: [Filled](https://composables.com/icons/icon-libraries/material-icons/circle.md?v=filled), [Outlined](https://composables.com/icons/icon-libraries/material-icons/circle.md?v=outlined), [Rounded](https://composables.com/icons/icon-libraries/material-icons/circle.md?v=rounded), [Sharp](https://composables.com/icons/icon-libraries/material-icons/circle.md?v=sharp), [Two-Tone](https://composables.com/icons/icon-libraries/material-icons/circle.md?v=twotone)
- Categories: [Image](https://composables.com/icons/categories/image.md)

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/material-icons/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.group
import androidx.compose.ui.graphics.vector.path
import androidx.compose.ui.unit.dp

val MaterialIconsCircle: ImageVector
    get() {
        if (_MaterialIconsCircle != null) return _MaterialIconsCircle!!
        
        _MaterialIconsCircle = ImageVector.Builder(
            name = "circle",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 24f,
            viewportHeight = 24f
        ).apply {
            group {
                path(
                    fill = SolidColor(Color.Transparent)
                ) {
                    moveTo(0f, 0f)
                    horizontalLineTo(24f)
                    verticalLineTo(24f)
                    horizontalLineTo(0f)
                    verticalLineTo(0f)
                    close()
                }
            }
            group {
                path(
                    fill = SolidColor(Color.Black)
                ) {
                    moveTo(12f, 2f)
                    curveTo(6.47f, 2f, 2f, 6.47f, 2f, 12f)
                    curveToRelative(0f, 5.53f, 4.47f, 10f, 10f, 10f)
                    reflectiveCurveToRelative(10f, -4.47f, 10f, -10f)
                    curveTo(22f, 6.47f, 17.53f, 2f, 12f, 2f)
                    close()
                    moveTo(12f, 20f)
                    curveToRelative(-4.42f, 0f, -8f, -3.58f, -8f, -8f)
                    curveToRelative(0f, -4.42f, 3.58f, -8f, 8f, -8f)
                    reflectiveCurveToRelative(8f, 3.58f, 8f, 8f)
                    curveTo(20f, 16.42f, 16.42f, 20f, 12f, 20f)
                    close()
                }
            }
        }.build()
        
        return _MaterialIconsCircle!!
    }

private var _MaterialIconsCircle: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-icons/circle.xml`

```xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <path
        android:pathData="M0,0H24V24H0V0Z" />
    <path
        android:fillColor="@android:color/black"
        android:pathData="M12,2C6.47,2 2,6.47 2,12c0,5.53 4.47,10 10,10s10,-4.47 10,-10C22,6.47 17.53,2 12,2ZM12,20c-4.42,0 -8,-3.58 -8,-8c0,-4.42 3.58,-8 8,-8s8,3.58 8,8C20,16.42 16.42,20 12,20Z" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/material-icons/circle.svg`

```svg
<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24"/></g><g><path d="M12,2C6.47,2,2,6.47,2,12c0,5.53,4.47,10,10,10s10-4.47,10-10C22,6.47,17.53,2,12,2z M12,20c-4.42,0-8-3.58-8-8 c0-4.42,3.58-8,8-8s8,3.58,8,8C20,16.42,16.42,20,12,20z"/></g></svg>
```