Icon tag and SVG icons

Radzen.Blazor Components
1

Hi,

In this post : How to Use Custom SVG Icons with RadzenButton in a Blazor WebAssembly App?, I read that images on Radzen buttons should use the RadzenImage component. Are you saying that there is no way to access Bootstrap icons in SVG format using the Icon tag?

Thanks!

2

The Icon attribute (tag is something else) accepts only names of icons from the built-in icon set. So yes - the response in that thread is correct.

3

Hi @korchev
Will this change in future to be able to use other icon sets?

Thanks!

4

Check the online demo: Blazor Icon Component | Free UI Components by Radzen

Here is how to use the bootstrap icons:

<style>
    @@font-face {
        font-family: 'bootstrap-icons';
        src: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/fonts/bootstrap-icons.woff') format('woff2');
    }
</style>

<RadzenIcon style="--rz-icon-font-family: bootstrap-icons" Icon="&#xF415;" />

Here &#xF415; is the code for the heart icon.