import { IconSize } from './icon.types';
/**
 * :::important
 * To install your icon set correctly, please read the [documentation here](#/).
 * :::
 *
 * The size and color of the icon is normally set in CSS, however there are a few
 * standard sizes defined that can be used with the `size` property.
 *
 * @exampleComponent limel-example-icon-name
 * @exampleComponent limel-example-icon-size
 * @exampleComponent limel-example-icon-color
 * @exampleComponent limel-example-icon-svg-class
 */
export declare class Icon {
    /**
     * Size of the icon
     */
    size: IconSize;
    /**
     * Name of the icon
     */
    name: string;
    /**
     * Set to `true` to give the icon a round background with some padding.
     * Only works when the `size` attribute is also set.
     */
    badge: boolean;
    /**
     * Sets the `class` attribute on the inner `<svg>` element rendered by
     * this component, replacing whatever class the source SVG shipped with.
     *
     * This is meant for icons whose SVG file contains internal `<style>`
     * blocks with rules that respond to classes — a single file that ships
     * with multiple visual states selectable via class names. Setting
     * `svgClass` is how a consumer reaches across the shadow boundary to
     * pick which of those states is active.
     *
     * For typical stateless icons, this prop has no visible effect.
     */
    svgClass?: string;
    private host;
    componentDidLoad(): void;
    render(): any;
    protected loadIcon(name: string): Promise<void>;
    /**
     * Load the SVG data for the icon from the icon cache
     *
     * @param name - name of the icon
     * @returns the icon SVG data
     */
    private loadSvg;
    private renderSvg;
    protected applySvgClass(value: string | undefined): void;
}
//# sourceMappingURL=icon.d.ts.map