New to Kendo UI for Angular? Start a free 30-day trial
SVGIconComponent
Represents the Kendo UI SVG Icon component for Angular. Used to display icons from the Kendo UI SVG Icons collection.
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;
}
Selector
kendo-svg-icon, kendo-svgicon
Export Name
Accessible in templates as #kendoSVGIconInstance="kendoSVGIcon"
Inputs
Name | Type | Default | Description |
---|---|---|---|
flip |
|
Flips the icon horizontally, vertically, or in both directions. | |
icon |
|
Sets the | |
size |
|
Sets the | |
themeColor |
|
Sets the |