---
title: Icon
description: A component for rendering iconography with the tinting of your choice.
---

{{unstyled_demo:icon}}

## Basic Example

Basic example using Icons from the Material Extended Library:

```kotlin
Icon(
    imageVector = Icons.Rounded.Favorite,
    contentDescription = "This song is in your favorites",
    tint = Color(0xFF9E9E9E),
)
```

<style>
.parameter {
    white-space: nowrap
}
</style>

## Parameters

### Icon

| Parameter                                          | Description                                                                                                                                           |
|----------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------|
| <div class='parameter'>`painter`            </div> | a `Painter`  to draw inside this icon.                                                                                                                |
| <div class='parameter'>or `imageVector`     </div> | a `ImageVector` to draw inside this icon.                                                                                                             |
| <div class='parameter'>or `imageBitmap`     </div> | an `ImageBitmap` to draw inside this icon.                                                                                                            |
| <div class='parameter'>`contentDescription` </div> | text used by accessibility services to describe what this icon represents. This value can be ommited if the icon is used for stylistic purposes only. |
| <div class='parameter'>`modifier`           </div> | the `Modifier` to be used to this icon.                                                                                                               |
| <div class='parameter'>`tint`               </div> | a `Color` that will be used to tint the `painter`. If `Color.Unspecified` is passed, then no tinting will be used.                                    |

## Where to find icons

Great apps require great iconography. Visit [composeicons.com](https://composeicons.com) for a collection of over 7,000+ icons ready to be used in Jetpack Compose and Compose Multiplatform.