The table support loading any valid markup, font icons, images including svgs directly into the table headers.

Font Icon #

   const options = {
   iconCols: [{ email: '<i class="envelope icon"></i>Email' }]
   };

SVG Icon #

   import YourSvg from "./img.svg";

   const options = {
   iconCols: [
     {
       Department: `<span style="position:relative; top:-0.3em;"> <img src=${YourSvg} style="width:1.5em;height:1.5em; position:relative; top:0.4em;" /> Dept </span>`
     }
   ]
  };

  <Table json={json} options={options} />

The Tailwind example uses HeroIcons