Use custom icon for sorting Column

[Tchomasek]

Hello, i am trying to use custom icon that would replace this one:

But when i use approach described in https://primereact.org/customicons/:

<Column style={{ minWidth: '100px' }} sortable field="vin" header="Vin" alignFrozen="left" frozen sortIcon={(options) => 
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...options.iconProps}>
              <g id="chevron-down">
                  <path d="M12,15.25a.74.74,0,0,1-.53-.22l-5-5A.75.75,0,0,1,7.53,9L12,13.44,16.47,9A.75.75,0,0,1,17.53,10l-5,5A.74.74,0,0,1,12,15.25Z"/>
              </g>
          </svg>}
        >
        </Column>

I get this error in console:

Any idea how to fix this please?

[melloware]

1. sortIcon is on the Datatable and not on the Column.
2. Here is an example how to use sortIcon: https://stackblitz.com/edit/react-h8t1sm?file=src%2FApp.js

[Tchomasek]

Thank you very much. Now i have a new problem with custom icon.
There are those two icons for column filtering:

I understand that those are called filtericon and filterslashicon.
I am able to use custom icon for filtericon:

<th>
  <p-columnFilter
    type="text"
    field="vin"
    placeholder="Search"
  >
    <ng-template pTemplate="filtericon">
      <svg>...</svg>
    </ng-template>
  </p-columnFilter>
</th>

...and the icon gets replaced as i expect:

But whe i try to replace the filterslashicon:

<th>
  <p-columnFilter
    type="text"
    field="vin"
    placeholder="Search"
  >
    <ng-template pTemplate="filterslashicon">
      <svg>...</svg>
    </ng-template>
  </p-columnFilter>
</th>

it doesn't do what i expect. It behaves the same as if i would put some nonsense into the pTemplate, like
<ng-template pTemplate="sOmEnOnSeNsE"> and i get this:

Edit: i just found out by trial and error that the other icon is called clearfiltericon. Now my question is, is this documented somewhere?