<Icon>

View as Markdown

The <Icon> system component displays one of a set of built-in icons. The available icons are a subset from the Carbon Icons library.

interface IconProps

Props for the Icon component. You can also pass any attributes that are supported by the SVG element.

Properties

type
: "checkmark" | "emoji" | "addEmoji" | "search" | "plus" | "email" | "horizontalDots" | "verticalDots" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronDown" | "arrowsVertical" | "arrowUp" | "arrowLeft" | "arrowRight" | "arrowDown" | "close" | "inProgress" | "download" | "attachment" | "reply" | "edit" | "trash" | "pin" | "play" | "pause" | "info" | "send" | "location" | "microphone" | "stop" | "spinner" | "image" | "movie"

The name of the icon to display.

className (optional)
: string

The class to be added to the icon's svg element.

size (optional)
: string | number

Sets the icon width and height. Numeric values are treated as having a "px" unit.