---
title: Icon
date: '2025-07-02'
description: A themable component that renders iconography with the tinting of your choice.
---

<!-- AUTOGEN:START -->
:::preview[icon]
@code
```kotlin
import androidx.compose.foundation.layout.size
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import com.composables.icons.lucide.House
import com.composables.icons.lucide.Lucide
import com.composables.uikit.components.Icon

@Composable
fun IconExample() {
    Icon(Lucide.House, contentDescription = "A house", Modifier.size(48.dp))
}
```
@end
:::

## Installation

{{uikit:installation}}

## Usage

```kotlin
import androidx.compose.foundation.layout.size
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import com.composables.icons.lucide.House
import com.composables.icons.lucide.Lucide
import com.composables.uikit.components.Icon

@Composable
fun IconExample() {
    Icon(Lucide.House, contentDescription = "A house", Modifier.size(48.dp))
}
```
<!-- AUTOGEN:END -->