Hello Dave

You can add a custom class for that button; for example:

Then define that class in wpDataTables settings/Custom JS and CSS/Custom CSS field:

table.wpDataTable .custombutton {
background-image: url('http://localhost/current/wp-content/uploads/2020/11/logo.png');
background-size: 50px 50px;
width: 52px;
height: 52px;
color: transparent;
}

So, background image lets you choose the image. Size defines the size of the image, so it doesn't escape the button's size. width and height define button's size, and color:transparent makes the "More Details" text disappear from front-end (it can't be removed any other way).

I hope that helps.

Hello again Dave

I am sorry to disappoint you, but unfortunately something like this is not possible with the plugin's built-in features.

You may be able to include them as a custom solution, but that's not included in the plugin's support. I can only offer advice, like the one from my previous comment, but nothing more.

SVG icons work fine when you replace text with them? In URL Link columns, or in string-type columns?

Good news, Dave

Thanks for letting me know.

If you have any further questions or issues, please feel free to open a new ticket, and we'll gladly help.