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 };