Icons.AutoMirrored


Material Design system icons as seen on Google Fonts.

Iconography image

Languages such as Arabic and Hebrew are read from right-to-left (RTL). For RTL languages, some of the icons should be mirrored when their direction matches other UI elements in RTL mode. The AutoMirrored icons are a subset of Icons that will automatically mirror themselves when displayed in an RTL layout.

See also Icons in RTL.

There are five distinct icon themes: AutoMirrored.Filled, AutoMirrored.Outlined, AutoMirrored.Rounded, AutoMirrored.TwoTone, and AutoMirrored.Sharp. Each theme contains the same icons, but with a distinct visual style. You should typically choose one theme and use it across your application for consistency. For example, you may want to use a property or a typealias to refer to a specific theme, so it can be accessed in a semantically meaningful way from inside other composables.

Icons maintain the same names defined by Material, but with their snake_case name converted to PascalCase. For example: add_alarm becomes AddAlarm.

Note: Icons that start with a number, such as 360, are prefixed with a '_', becoming '_360'.

To draw an icon, you can use an androidx.compose.material.Icon. This component applies tint and provides layout size matching the icon.

import androidx.compose.material.Icon
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.automirrored.outlined.ArrowForward

// This icon will be mirrored when the LayoutDirection is Rtl.
Icon(Icons.AutoMirrored.Outlined.ArrowForward, contentDescription = "Localized description")

Note that only the most commonly used icons are provided by default. You can add a dependency on androidx.compose.material:material-icons-extended to access every icon, but note that due to the very large size of this dependency you should make sure to use R8 / ProGuard to remove unused icons from your application.

Summary

Nested types

Filled iconsare the default icon theme.

Outlined icons make use of a thin stroke and empty space inside for a lighter appearance.

Rounded icons use a corner radius that pairs well with brands that use heavier typography, curved logos, or circular elements to express their style.

Sharp icons display corners with straight edges, for a crisp style that remains legible even at smaller scales.

Two-Tone icons display corners with straight edges, for a crisp style that remains legible even at smaller scales.

Public properties

Icons.AutoMirrored.Filled

Alias for AutoMirrored.Filled, the baseline icon theme.

Cmn

Public properties

Default

val DefaultIcons.AutoMirrored.Filled

Alias for AutoMirrored.Filled, the baseline icon theme.