Icons

XIcon

Used to denote the action of cancelling a task or action and to close an overlay modal or bottom sheet. cancel delete stop remove undo x close

Figma

Use the Polaris Icon Library to access all icons right inside Figma.

React

Import the icon from polaris-icons:

import {
  XIcon
} from '@shopify/polaris-icons';

Then render it using the icon component:

<Icon
  source={XIcon}
  tone="base"
/>