Customize Button Widget with Icon

[JingchaoZhou]

Hello,

I am trying to figure out if it is possible to replace the UI of the Button Widget with a custom icon such as a svg with some text, or whatever 3rd party icons. The button widget is really powerful and flexible because it can navigate to different views and pages, but sometimes we need a different UI (icon) for different views or pages.

For example, instead of the out-of-the-box button widget, I want something like this as a button widget to click on:

I have watched some tutorials from the Dev Summit. It looks like it is possible to override the widget UI with css or Emotion JS. But I am kinda stuck with those approaches because they seemed not that straightforward with my issues. Any suggestions would be greatly appreciated. Thanks!