Found the solution. It was more simple than I thought. The "User Banner Text" field accepts HTML.
I thought it would have encoded it or rejected the special characters, so I didn't even try. But, still pursued an answer not found anywhere and tried this out finally.
To reiterate, on the user banners such as the ones below my name on XenForo, all you have to do is enter the HTML such as in this example: