---
url: https://talkjs.com/docs/UI_Components/Theme/System_components/Icon
title: '<Icon>'
minidoc-source: js
minidoc-lib: components
---

The `<Icon>` system component displays one of a set of built-in icons. The available icons are a subset from the [Carbon Icons](https://carbondesignsystem.com/elements/icons/library/) library.

## IconProps
/** Props for the Icon component. You can also pass any attributes that are supported by the SVG element. */
export declare interface IconProps extends default_2.SVGAttributes<SVGSVGElement>{
/** The class to be added to the icon's svg element. */
className?: string;
/** Sets the icon width and height. Numeric values are treated as having a "px" unit. */
size?: string|number;
/** The name of the icon to display. */
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";
}