How to change SharePoint List Column Header to Icon

Hello, I've had some difficulty trying to change the column header of a sharepoint list to an icon. I've tried editing it in CSR by changing the display name, but it doesn't render the HTML. It only displays it as a string.

I've found a property of Field named HeaderImage, but this doesn't seem to work. 

<?xml version="1.0" encoding="utf-8"?>
<Elements xmlns="http://schemas.microsoft.com/sharepoint/">
  <Field
       ID="{3914d456-a2dd-4b4f-83bf-d7e9070eb494}"
       Name="AddToDocumentBasket"
       DisplayName="Add To Document Basket"
       Type="Text"
       HeaderImage="/_layouts/15/ICTS.DocumentBasket/Images/ICTS.Shopping_cart_icon_black_016x016.png"
       DisplayImage=social "/_layouts/15/ICTS.DocumentBasket/Images/ICTS.Shopping_cart_icon_black_016x016.png"
       Required="FALSE"
       Group="Custom Site Columns"
       JSLink="~site/_layouts/15/ICTS.DocumentBasket/ICTS.DocumentBasketDocLib.js"
       >
  </Field>
</Elements>