React Icon & SVG Icon

Overview

The React Icon and React SVGIcon components display icons within your application. To ensure React developers can use these icons in any scenario, the KendoReact Icon component displays icons as font icons, while the SVGIcon renders all its icons as SVG elements. Adding these React UI components to a React application gives you access to over 400 integrated icons from KendoReact.

See React Icon demo

See React SVG Icon demo

React Icon Component Overview

Appearance

The size, color and orientation of the KendoReact Icon and SvgIcon components can be easily customized through the available properties. You can use both predefined theme colors and assign custom ones to make the React Icon and SvgIcon components your own.

See React Icon Appearance demo

See React SVG Icon Appearance demo

React Icon Component Appearance

Next Steps

Visit Our Demos

See KendoReact in action and check out how much it can do out-of-the-box.

See Pricing

Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.

Start Free Trial

Try KendoReact with dedicated technical support.