KendoReact

React Icon & SVG Icon

  • Quickly render font or SVG Icons in your app with these components, accessing 400+ icons out-of-the-box.
  • Part of the KendoReact library along with 100+ professional UI components built with React for React, from the ground up.
  • Get started quickly with our award-winning support, detailed documentation, interactive demos and instructor-led training.

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.