# RemoteBasicIcon

## Functions summary

|---|---|
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/layout/RemoteComposable @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/remote/foundation/icon/RemoteBasicIcon.composable#RemoteBasicIcon(androidx.compose.remote.creation.compose.capture.RemoteImageVector,androidx.compose.remote.creation.compose.state.RemoteString,androidx.compose.remote.creation.compose.modifier.RemoteModifier,androidx.compose.remote.creation.compose.state.RemoteColor)( imageVector: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/capture/RemoteImageVector, contentDescription: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteString?, modifier: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/modifier/RemoteModifier, tint: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteColor )` Composable function that displays an icon using an `https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/capture/RemoteImageVector`. |

## Functions

### RemoteBasicIcon

Artifact: [androidx.compose.remote.foundation:foundation](https://developer.android.com/jetpack/androidx/releases/compose-remote-foundation) [View Source](https://cs.android.com/search?q=file:androidx/compose/remote/foundation/icon/RemoteBasicIcon.kt+function:RemoteBasicIcon) Added in [1.0.0-alpha06](https://developer.android.com/jetpack/androidx/releases/compose-remote-foundation#1.0.0-alpha06)

```
@RemoteComposable
@Composable
fun RemoteBasicIcon(
    imageVector: RemoteImageVector,
    contentDescription: RemoteString?,
    modifier: RemoteModifier = RemoteModifier,
    tint: RemoteColor = Color.White.rc
): Unit
```

Composable function that displays an icon using an `https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/capture/RemoteImageVector`.

This function provides a way to display icons consistently across both local and remote Compose environments.

```kotlin
import androidx.compose.remote.creation.compose.capture.RemoteImageVector
import androidx.compose.remote.creation.compose.capture.path
import androidx.compose.remote.creation.compose.modifier.RemoteModifier
import androidx.compose.remote.creation.compose.modifier.size
import androidx.compose.remote.creation.compose.state.RemoteColor
import androidx.compose.remote.creation.compose.state.rc
import androidx.compose.remote.creation.compose.state.rdp
import androidx.compose.remote.creation.compose.state.rf
import androidx.compose.remote.creation.compose.state.rs
import androidx.compose.remote.foundation.icon.RemoteBasicIcon
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor

val remoteImageVector =
    RemoteImageVector.Builder(
            viewportWidth = 24.0f.rf,
            viewportHeight = 24.0f.rf,
            tintColor = RemoteColor(Color.White),
            name = "Sample Icon",
        )
        .path(fill = SolidColor(Color.White)) {
            moveTo(4.0f.rf, 4.0f.rf)
            lineTo(20.0f.rf, 4.0f.rf)
            lineTo(20.0f.rf, 20.0f.rf)
            lineTo(4.0f.rf, 20.0f.rf)
            close()
        }
        .build()

RemoteBasicIcon(
    imageVector = remoteImageVector,
    contentDescription = "Sample Icon".rs,
    modifier = RemoteModifier.size(24.rdp),
    tint = Color.Red.rc,
)
```

| Parameters |
|---|---|
| `imageVector: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/capture/RemoteImageVector` | The `https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/capture/RemoteImageVector` representing the icon to display. |
| `contentDescription: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteString?` | Text used by accessibility services to describe what this icon represents. This should always be provided unless this icon is used for decorative purposes, and does not represent a meaningful action that a user can take. This text should be localized, such as by using `https://developer.android.com/reference/kotlin/androidx/compose/ui/res/stringResource.composable#stringResource(kotlin.Int)` or similar. |
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/modifier/RemoteModifier = RemoteModifier` | The `https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/modifier/RemoteModifier` to apply to the icon. |
| `tint: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteColor = Color.White.rc` | The color to apply to the icon. Defaults to `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color#White()`. |