/**
 * A glyph from the icon set, drawn at a fixed size and tinted by a colour role. It is decorative and hidden from assistive technology unless the consumer sets `aria-label`, which turns it into an image with that name.
 *
 * @part root - The element that draws the glyph.
 */
export declare class Icon {
    host: HTMLElement;
    /** Which step of the size scale to render at. */
    size: "2xs" | "xs" | "s" | "m" | "l";
    /** The key of the glyph to draw from the icon set. */
    name: string;
    /** Which colour role the glyph takes, or `inherit` to follow the surrounding text colour. */
    color: "inherit" | "primary" | "secondary" | "tertiary" | "disabled" | "success" | "error" | "warning";
    private shadowElement?;
    private inheritedAttributes;
    componentWillRender(): void;
    render(): import("@stencil/core/jsx-runtime").JSX.Element;
}