New to Kendo UI for Angular? Start a free 30-day trial

Icon FloatingActionButton

The FloatingActionButton allows you to specify the visual content of the rendered button by adding predefined or custom icons to it. It can display the button with an icon indicator, a text label, or a combination of both.

The FloatingActionButton provides options for using:

The following example demonstrates how to display an icon, an icon with some text, and only some text in the FloatingActionButton.

Example
View Source
Change Theme:

Setting an SVG Icon

Use the svgIcon property to set an SVG icon. Check the list of SVG icons provided by Kendo UI for Angular suite.

The following example demonstrates how to set an SVG icon in the FloatingActionButton.

Example
View Source
Change Theme:

In this article

Not finding the help you need?