Icons.AutoMirrored

Material Design system icons as seen on Google Fonts.

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

val Default: Icons.AutoMirrored.Filled