# wb_twilight Icon

> The wb_twilight 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/wb_twilight.md?v=filled), [Outlined](https://composables.com/icons/icon-libraries/material-icons/wb_twilight.md?v=outlined), [Rounded](https://composables.com/icons/icon-libraries/material-icons/wb_twilight.md?v=rounded), [Sharp](https://composables.com/icons/icon-libraries/material-icons/wb_twilight.md?v=sharp), [Two-Tone](https://composables.com/icons/icon-libraries/material-icons/wb_twilight.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/wb_twilight.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 MaterialIconsWbTwilight: ImageVector
    get() {
        if (_MaterialIconsWbTwilight != null) return _MaterialIconsWbTwilight!!
        
        _MaterialIconsWbTwilight = ImageVector.Builder(
            name = "wb_twilight",
            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 {
                group {
                    path(
                        fill = SolidColor(Color.Black)
                    ) {
                        moveTo(16.955212f, 8.662011f)
                        lineTo(19.075912f, 6.539811f)
                        lineTo(20.490712f, 7.9536109999999995f)
                        lineTo(18.370012f, 10.075810999999998f)
                        close()
                    }
                    path(
                        fill = SolidColor(Color.Black)
                    ) {
                        moveTo(2f, 18f)
                        horizontalLineTo(22f)
                        verticalLineTo(20f)
                        horizontalLineTo(2f)
                        verticalLineTo(18f)
                        close()
                    }
                    path(
                        fill = SolidColor(Color.Black)
                    ) {
                        moveTo(11f, 4f)
                        horizontalLineTo(13f)
                        verticalLineTo(7f)
                        horizontalLineTo(11f)
                        verticalLineTo(4f)
                        close()
                    }
                    path(
                        fill = SolidColor(Color.Black)
                    ) {
                        moveTo(3.5425389999999997f, 7.924837000000001f)
                        lineTo(4.956739f, 6.510637000000001f)
                        lineTo(7.0780389999999995f, 8.631937f)
                        lineTo(5.6638389999999985f, 10.046137000000002f)
                        close()
                    }
                    path(
                        fill = SolidColor(Color.Black)
                    ) {
                        moveTo(5f, 16f)
                        horizontalLineToRelative(14f)
                        curveToRelative(0f, -3.87f, -3.13f, -7f, -7f, -7f)
                        reflectiveCurveTo(5f, 12.13f, 5f, 16f)
                        close()
                    }
                }
            }
        }.build()
        
        return _MaterialIconsWbTwilight!!
    }

private var _MaterialIconsWbTwilight: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-icons/wb_twilight.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="M17.22,7.31H20.22V9.309999999999999H17.22V7.31Z" />
    <path
        android:fillColor="@android:color/black"
        android:pathData="M2,18H22V20H2V18Z" />
    <path
        android:fillColor="@android:color/black"
        android:pathData="M11,4H13V7H11V4Z" />
    <path
        android:fillColor="@android:color/black"
        android:pathData="M4.31,6.78H6.31V9.780000000000001H4.31V6.78Z" />
    <path
        android:fillColor="@android:color/black"
        android:pathData="M5,16h14c0,-3.87 -3.13,-7 -7,-7S5,12.13 5,16Z" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/material-icons/wb_twilight.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><g><rect height="2" transform="matrix(0.7069 -0.7074 0.7074 0.7069 -0.3887 15.676)" width="3" x="17.22" y="7.31"/><rect height="2" width="20" x="2" y="18"/><rect height="3" width="2" x="11" y="4"/><rect height="3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.2992 6.1783)" width="2" x="4.31" y="6.78"/><path d="M5,16h14c0-3.87-3.13-7-7-7S5,12.13,5,16z"/></g></g></svg>
```