SVGIconComponent
Component
Represents the Kendo UI SVG Icon component for Angular. Used to display icons from the Kendo UI SVG Icons collection.
Definition
Package:@progress/kendo-angular-icons
Selector:kendo-svg-icon, kendo-svgicon
Export Name:Accessible in templates as #kendoSVGIconInstance="kendoSVGIcon"
Syntax:
ts
import { KENDO_ICONS } from "@progress/kendo-angular-icons";
import { paperclipIcon } from "@progress/kendo-svg-icons";
@Component({
selector: "my-app",
imports: [KENDO_ICONS],
template: `
<kendo-svg-icon [icon]="paperclipIcon"></kendo-svg-icon>
`,
providers: [],
})
export class AppComponent {
public paperclipIcon = paperclipIcon;
}Inputs
Sets the SVGIcon to render. Supports all Kendo UI SVG Icons.
Rotates the icon by 45-degree steps.
Sets the IconThemeColor for the icon. Use this property to apply a theme color.
Sets the style variant of the icon.
Requires
@progress/kendo-svg-iconsv5 or later for thevariantsproperty to be available on icons.