Using Font Awesome icons in ItemStyle.XSL in SharePoint
In SharePoint ItemStyel.XSL, you can normally use
Font Awesome icons in
ItemStyle.XSL file. However, I have noted that
- Font Awesome icons tags
<i> is not a valid HTML element,
- In general, any tags in
ItemStyle.XSL that need an independent close tag should contain a value.
Ex: if you have typed
<h2></h2> without writing content inside the heading tag, you may have a problem with your design and may become broken!
To avoid that, the
<h2> tag should have content inside it like this
<h2>My heading 2</h2>
So in your case, the
Font Awesome tag should have content inside it to avoid broken design and to render HTML code properly.
To do that, I would prefer to use comment in XSL as below:
<i class="far fa-address-book">
<xsl:value-of select="@Title" />
As you can see, the Font Awesome icon
<i> tag has content inside it, and your HTML should be rendered successfully now.