The customizability of the SVG depends on the approach for adding the SVG: Add Icon with URLĪdding the icon with its URL is done the same way as is adding any other image to the page. Still, there are two main conceptually different approaches-inline as part of the DOM and externally referenced with URL or a path to the file. With the increasing browser support of the SVG, there appear to be multiple ways to bring the vector graphics into a web page. Rendered incorrectly – accessibility issue The table below gives an overview of the main differences between SVG and Font Icons:īroken image. In addition, the better accessibility support is a great advantage of the SVGs in cases when accessibility compliance is required. That makes them suitable for almost everywhere an icon is needed. With the help of CSS and JavaScript, SVG icons can be multicolored, dynamically styled and even animated. The main benefit of SVGs is the full control over the graphics they provide. Dynamically styled SVG icons in Template-RadGridĪlthough we are comfortable with the popular and easy-to-use font icons, it seems that we can achieve a lot more with the SVG ones.Multicolor SVG icon in Telerik RadToolBar.In this article, we are diving deeper into the topic and introducing the more flexible and complex SVG icons.ĭo you like the responsiveness of the SVG logo above? Go ahead and find out how to achieve the same thing and use it in your Telerik application. We have initially started the topic of using custom icons in Telerik UI for ASP.NET AJAX Controls with 4 Ways to Embed Font Awesome in Telerik UI for ASP.NET AJAX Controls. You will find a brief pros-and-cons comparison along with a few examples of how to utilize the extra flexibility of SVGs in some of the components in the Telerik UI for ASP.NET AJAX suite. In this blog we will show you the main advantages of customizable SVGs (Scalable Vector Graphics) compared to the widely used font icons. That led us to create this blog post and bring some clarity to the matter. SVG icons are increasing in popularity and many developers need to implement different scenarios that require embedding them in AJAX controls.
0 Comments
Leave a Reply. |