Getting Started with KendoReact SvgIcon
The SvgIcon component is used to display svg icons. The KendoReact delivers more than 500 SVG icons.
Basic Usage
The following example demonstrates the SvgIcon component in action.
Functionality and Features
SVG Icons List
Custom SVG Icons
The SvgIcon component allows you to display custom SVG icons (not available in the KendoReact default icons set). You could provide the inner SVG elements as children
to the SvgIcon. SVG element has default viewBox set to 0 0 24 24
. This can be customized with the viewBox
property.
Custom SVG icons also allow setting all predefined appearance options such as different sizes, theme colors and flipping.