import * as i0 from '@angular/core';
/**
* This Angular implementation of `@talenra-ui/icons` provides a simple and comfortable way to
* use the Talenra icons in Angular apps.
*
* @example
*
*
* #### Size
*
* Icons are designed to be used on `24px`, which is the default size returned by the component.
* In some edge cases you might need to render the icon in a different size. The preferred way to set
* the icons size is to use a stylesheet with a custom selector/rule to override the default size.
* In very rare cases, it might make sense to set the size via the element's `style` attribute.
*
* ```html
*
*
* ```
*
* ```scss
* // Stylesheet / CSS
* .my-icon {
* font-size: 18px;
* }
* ```
*
* #### Duplex (duo-tone, two colors)
*
* As for regular single-colored icons, the colors of duplex icons is typically set in your custom
* stylesheet. In very rare cases, you might need to set the color via the element's `style` attribute
* (e.g. if the color can be customized by the user or is picked randomly).
*
* ```html
*
*
*
* ```
*
* ```scss
* // Stylesheet / CSS
* // Set default colors used for duplex icons in your app
* .talenra-icon-duplex {
* --color-primary: black;
* --color-secondary: red;
* }
*
* // Override default colors set above
* .neon-colors {
* --color-primary: deeppink;
* --color-secondary: deepskyblue;
* }
* ```
*
* ### Import
*
* ```typescript
* import { IconComponent } from '@talenra-ui/ngx-base/icons';
* ```
*
* ../../../#/icons
*/
declare class IconComponent {
/** The name of the icon to be rendered. e.g. `'attach-file'` */
name: i0.InputSignal;
/** Object containing all icons metadata, indexed by icon name. */
private iconsMeta;
/** @internal */
constructor();
static ɵfac: i0.ɵɵFactoryDeclaration;
static ɵcmp: i0.ɵɵComponentDeclaration;
}
export { IconComponent };