/**
 * @name Icon
 * @description Icons are visual symbols used to represent ideas, objects, or actions.
 * @overview Icons are visual symbols used to represent ideas, objects, or actions. They communicate messages at a glance, afford interactivity, and draw attention to important information.
 * @category General
 * @example <goat-icon name="home" size="2rem"></goat-icon>
 */
export declare class Icon {
    /**
     * The identifier for the icon.
     * This name corresponds to a specific SVG asset in the icon set.
     */
    name: string;
    /**
     * The size of the icon.
     * This can be specified in pixels (px) or rem units to control the icon's dimensions.
     * If a number is provided, it will be treated as rem units. For example, '16px', '2rem', or 2 would be valid values.
     */
    size: string;
    svg: string;
    handleNameChange(newValue: string): Promise<void>;
    fetchSvg(name: string): Promise<void>;
    componentWillLoad(): Promise<void>;
    render(): any;
}