# block_flipped Icon

> The block_flipped 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))
- Categories: [Content](https://composables.com/icons/categories/content.md)

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/material-icons/block_flipped.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 MaterialIconsBlockFlipped: ImageVector
    get() {
        if (_MaterialIconsBlockFlipped != null) return _MaterialIconsBlockFlipped!!
        
        _MaterialIconsBlockFlipped = ImageVector.Builder(
            name = "block_flipped",
            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(22f, 12f)
                    curveToRelative(0f, -5.5f, -4.5f, -10f, -10f, -10f)
                    reflectiveCurveTo(2f, 6.5f, 2f, 12f)
                    reflectiveCurveToRelative(4.5f, 10f, 10f, 10f)
                    reflectiveCurveTo(22f, 17.5f, 22f, 12f)
                    close()
                    moveTo(5.7f, 7.1f)
                    lineToRelative(11.2f, 11.2f)
                    curveToRelative(-1.3f, 1.1f, -3f, 1.7f, -4.9f, 1.7f)
                    curveToRelative(-4.4f, 0f, -8f, -3.6f, -8f, -8f)
                    curveTo(4f, 10.1f, 4.6f, 8.4f, 5.7f, 7.1f)
                    close()
                    moveTo(20f, 12f)
                    curveToRelative(0f, 1.9f, -0.6f, 3.6f, -1.7f, 4.9f)
                    lineTo(7.1f, 5.7f)
                    curveTo(8.4f, 4.6f, 10.1f, 4f, 12f, 4f)
                    curveTo(16.4f, 4f, 20f, 7.6f, 20f, 12f)
                    close()
                }
            }
        }.build()
        
        return _MaterialIconsBlockFlipped!!
    }

private var _MaterialIconsBlockFlipped: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-icons/block_flipped.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="M22,12c0,-5.5 -4.5,-10 -10,-10S2,6.5 2,12s4.5,10 10,10S22,17.5 22,12ZM5.7,7.1l11.2,11.2c-1.3,1.1 -3,1.7 -4.9,1.7c-4.4,0 -8,-3.6 -8,-8C4,10.1 4.6,8.4 5.7,7.1ZM20,12c0,1.9 -0.6,3.6 -1.7,4.9L7.1,5.7C8.4,4.6 10.1,4 12,4C16.4,4 20,7.6 20,12Z" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/material-icons/block_flipped.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="M22,12c0-5.5-4.5-10-10-10S2,6.5,2,12s4.5,10,10,10S22,17.5,22,12z M5.7,7.1l11.2,11.2c-1.3,1.1-3,1.7-4.9,1.7 c-4.4,0-8-3.6-8-8C4,10.1,4.6,8.4,5.7,7.1z M20,12c0,1.9-0.6,3.6-1.7,4.9L7.1,5.7C8.4,4.6,10.1,4,12,4C16.4,4,20,7.6,20,12z"/></g></svg>
```