Change ‘eye button’ that appears in dashtable columns where hideable property is True

Question

I have several dashtables where columns have the property hideable=True. I am using the eye-button as a toggle button to show/hide certain components. My question is can this eye-button be changed to something like arrows? My table currently looks like this. Alternatively, if there is a way to add buttons/icons to table headers, please suggest.

Answer 1

span.column-header–hide svg {
height: 0;
width: 0;
}

span.column-header–hide:before{
font-family: “Font Awesome 5 Free”;
content: “\f060”; /* Unicode of icon */
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-weight: 900;
}