import { IconKit, IconName, IconSize, IconVariant } from './exports';
/**
 * Renders an SVG icon from the icon set (default Riverty) by name, or from a custom URL source.
 *
 * Example:
 * ```
 * <r-icon name="check" size="m"></r-icon>
 * <r-icon name="arrow-right" size="l" color="var(--r-color-action-primary)"></r-icon>
 * <r-icon src="https://example.com/custom-icon.svg" icon-aria-label="Custom icon"></r-icon>
 * ```
 *
 * @slot - Fallback content rendered when the icon is not available
 */
export declare class RIcon {
    /** Host html element */
    host: HTMLRIconElement;
    /** Name of icon to select from the set */
    name?: IconName;
    /** Source of an icon to fetch from */
    src?: string;
    /** Select kit */
    kit: IconKit;
    /** Select one of pre-set sizes (width and height automatically selected) */
    size?: IconSize;
    /** Customize `viewBox` of rendered icon SVG element */
    viewBox: string;
    /**
     * Quick way to set display color to one of the
    * Riverty color tokens
     */
    color: string;
    /**
     * Defines UI deviations for the icon.
     * */
    variant?: IconVariant;
    /**
     * Defines an accessible name for the icon.
     * */
    iconAriaLabel?: string;
    private get cssColor();
    private svgElement;
    private _setElementAttrs;
    private _defineSvgAttrs;
    private _passAttributesToSvg;
    private _defineSvgElement;
    componentWillLoad(): void;
    componentWillRender(): Promise<void>;
    render(): any;
}