Escaping @ in Blazor

20
votes

I want to display image from icon library in Blazor component.

The path is:

wwwroot/lib/@icon/open-iconic/icons/account-login.svg

But @ is a special character in Blazor.

2
escapingblazor

2 Answers

27
votes

Quoting Razor syntax:

To escape an @ symbol in Razor markup, use a second @ symbol:

<p>@@Username</p>

The code is rendered in HTML with a single @ symbol:

<p>@Username</p>

15
votes

Just add another @ symbol. So your exmaple:

wwwroot/lib/@@icon/open-iconic/icons/account-login.svg

will render as:

wwwroot/lib/@icon/open-iconic/icons/account-login.svg