How do we use custom icons, especially for form errors

Hello Julian,

I'm providing you with an example on how you can use our SvgIcon component inside an Error message. You can use any custom icon you want with our components:

https://stackblitz.com/edit/react-tonnwv?file=app%2Fapp.jsx  

Please check the above example and let me know if you have any further questions.    

Regards,
Yanko
Progress Telerik

Hello, Julian,

I will be glad to assist you, but I am not entirely sure about your inquiring. Therefore, could you please provide me with more context about what you are trying to achieve?

Regards,
Yanko
Progress Telerik

Hi, Julian,

Before, I answer the question, I would like to explain something:

The KendoReact Components, the Kendo SVG icons and the Kendo Themes are 3 different packages which complement each other. This means that there is no way to customize the icons through the Kendo Themes. However, in this context you can export your own package for your own custom icons. 

This being said, the KendoReact Suite has introduced a way to customize all SVG icons which are given from the Kendo SVG package through the IconsContext.Provider.

For more information, see this article in our documentation website, which displays how to switch our SVG icons with custom ones:

 https://www.telerik.com/kendo-react-ui/components/common/svgicon/customization/#toc-built-in-svg-icons-customization

I hope this information helps, but please let me know if you have any other questions regarding the matter.

Regards,
Yanko
Progress Telerik