Material icons - Fluid Topics - Latest

Fluid Topics Designer Guide
Category
Reference Guides
Audience
public
Version
Latest

It is possible to add Material Icons in the Icon component. Enter an icon's Icon name in the Icon field.

Fluid Topics only supports Material Icons, and not Material Symbols.

  • Use --ft-icon-font-size to set the size of the icon (for example, --ft-icon-font-size: 24px;).

  • Use an icon's code point in CSS. For example:

    #example::before {
    content: "\e8b6"; /* search icon */
    font-family: "Material Icons";
}