GoogleFontIcon
This documentation provides a comprehensive reference for the GoogleFontIcon component, guiding you through its configuration options.
Screenshot #
Setup #
Before using google font icons, include the Google Font Icons CSS file in your project.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| AdditionalAttributes | Dictionary<string, object> | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| ApplyColorToText | bool | False | If true, icon color is applied to the text. | 1.0.0 | |
| ChildContent | RenderFragment | null | Gets or sets the child content. | 1.0.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| Color | GoogleFontIconColor | None | Gets or sets the icon color. | 1.0.0 | |
| Fill | bool | False | Gets or sets the icon fill. | 1.0.0 | |
| IconContainerCssClass | string | null | Gets or sets the CSS class for the icon container. | 1.0.0 | |
| IconStyle | GoogleFontIconStyle | Outlined | Gets or sets the google font icon style. | 1.0.0 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| IsSkeleton | bool | False | If true, the skeleton variant will be enabled. | 1.0.0 | |
| Name | GoogleFontIconName | None | Gets or sets the google font icon name. | 1.0.0 | |
| Size | GoogleFontIconSize | None | Gets or sets the icon size. | 1.0.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 | |
| TextCssClass | string | null | Gets or sets the CSS class for the text. | 1.0.0 |