import { IconColor } from '../../tokens/icon-colors/IconColors';
import { IconSize } from '../../tokens/icon-sizes/IconSizes';
import { IconName } from '../../tokens/icons/Icons';
import { HTMLAttributes } from 'react';
export interface IconProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children' | 'color'> {
    /** Fill color of the icon */
    feColor?: IconColor;
    /** The name of the icon that will be rendered */
    feIcon: IconName;
    /** Size of the icon component */
    feSize?: IconSize;
}
/**
 * The `<Icon>` component is used to clarify interface elements. When used, should always be paired with (possibly invisible) text.
 *
 * See [InVision DSM](https://skf.invisionapp.com/dsm/ab-skf/4-web-applications/nav/5fa7caf78c01200018354494/folder/60d0563faa295035103b96af) for design principles.
 */
declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<HTMLSpanElement>>;
export default Icon;