---
title: "MaterialShapes"
description: "Holds predefined Material Design shapes as [RoundedPolygon]s that can be used at various
components as they are, or as part of a [Morph].

![Shapes
image](https://developer.android.com/images/reference/androidx/compose/material3/shapes.png)

Note that each [RoundedPolygon] in this class is normalized."
type: "class"
---

<div class='type'>Class</div>


<a id='references'></a>

<div class='sourceset sourceset-common'>Common</div>


```kotlin
@ExperimentalMaterial3ExpressiveApi
sealed class MaterialShapes
```


Holds predefined Material Design shapes as `RoundedPolygon`s that can be used at various
components as they are, or as part of a `Morph`.

!`Shapes
image`(https://developer.android.com/images/reference/androidx/compose/material3/shapes.png)

Note that each `RoundedPolygon` in this class is normalized.


## Companion Object

#### Properties

<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Circle
```


A circle shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Square
```


A rounded square shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Slanted
```


A slanted square shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Arch
```


An arch shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Fan
```


A fan shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Arrow
```


An arrow shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val SemiCircle
```


A semi-circle shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Oval
```


An oval shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Pill
```


A pill shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Triangle
```


A rounded triangle shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Diamond
```


A diamond shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val ClamShell
```


A clam-shell shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Pentagon
```


A pentagon shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Gem
```


A gem shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Sunny
```


A sunny shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val VerySunny
```


A very-sunny shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Cookie4Sided
```


A 4-sided cookie shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Cookie6Sided
```


A 6-sided cookie shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Cookie7Sided
```


A 7-sided cookie shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Cookie9Sided
```


A 9-sided cookie shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Cookie12Sided
```


A 12-sided cookie shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Ghostish
```


A ghost-ish shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Clover4Leaf
```


A 4-leaf clover shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Clover8Leaf
```


An 8-leaf clover shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Burst
```


A burst shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val SoftBurst
```


A soft-burst shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Boom
```


A boom shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val SoftBoom
```


A soft-boom shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Flower
```


A flower shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Puffy
```


A puffy shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val PuffyDiamond
```


A puffy-diamond shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val PixelCircle
```


A pixel-circle shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val PixelTriangle
```


A pixel-triangle shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Bun
```


A bun shape.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val Heart
```


A heart shape.





