Progress Telerik UI for Blazor

Blazor SVGIcon

  • Displaying built-in Blazor SVG icons or visualizing custom ones is a breeze with the Telerik UI for Blazor SVGIcon component.
  • This component is part of Telerik UI for Blazor—the largest suite of truly native Blazor components designed to perfectly fit any app requirement.
  • The Blazor UI suite also comes with professionally designed themes enabled with a flip of a switch, document processing libraries and rich docs & demos to help you get started in no time.
Telerik-UI-for-Blazor-SVGIcon-Header
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    Displaying one or several of the built-in Blazor SVG icons or choosing to visualize a custom one is a breeze with the Telerik UI for Blazor SVGIcon component. The component’s configuration parameters allow you to either implement a predefined Blazor icon by assigning a property of the SVGIcon static class or to display a custom SVG Icon class. You can also effortlessly customize the component by defining the icon size, color and flip direction.

    See the Telerik UI for Blazor SVGIcon demo

    Telerik-UI-for-Blazor-SVGIcon-Overview
  • Appearance

    Effortlessly customize the component to match your style guidelines or personal preferences by leveraging the available appearance options listed below:

    • Size parameter which defines the size—from XS to XXXL—of the SVG icon
    • ThemeColor parameter, allowing you to play with the color of the icon
    • Flip parameter that defines the flip direction of the icon, enabling you to mirror the image horizontally, vertically, or in both directions

    See the Telerik UI for Blazor SVGIcon appearance demo

    Telerik-UI-for-Blazor-SVGIcon-Appearance-770

All Blazor Components

Next Steps

Launch demos

See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.

Download free trial

Try Telerik UI for Blazor with dedicated technical support.