Kendo UI for Angular SVG Icon List

Updated on Jul 8, 2026

The Kendo UI for Angular suite offers an extensive library of over 500 high-quality, built-in SVG icons. These icons are designed to seamlessly integrate with Kendo UI components, enabling you to create visually appealing and functional applications.

Below is a comprehensive list of all available SVG icons supported by the Kendo UI for Angular suite. Use the TextBox to filter and explore the icons that best suit your needs.

Change Theme

Theme

Loading ...

SVG icons are Scalable Vector Graphics, making them lightweight, resolution-independent, and easily customizable. You can style them:

• Using CSS, with all the styling properties applicable to SVG elements in modern browsers.
• By leveraging predefined styling options outlined in the Appearance article.

Using an Icon from the List

After identifying the desired icon, pass its SVG icon definition to the SVGIcon component through the icon property:

html

<kendo-svgicon [icon]="starIcon"></kendo-svgicon>

ts

import { starIcon } from '@progress/kendo-svg-icons';

export class AppComponent {
public starIcon = starIcon;
}

Suggested Links

• API Reference of the SVGIcon
• Icon Settings
• SVGIcon Styling