XenForo Verified Badge BB-Code

[</clown>]

BB code tag: verified
Title: Verified BB-Code
Replacement mode: simple replacement
HTML replacement:

<i data-xf-init="tooltip" data-original-title="Verified." class="fa--xf far fa-check-circle fa-lg fa-fw xpvb" aria-hidden="true" aria-label="Verified." id="js-XFUniqueId156"></i>

Advanced options: Display HTML replacement when empty

Spoiler: screen

In extra.less:

.fa-check-circle:before {
    content: "\00a0\00a0\00a0";
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m2.25%206.75%202.25%202.25%205.25-5.25%22%20fill%3D%22none%22%20stroke%3D%22%235c9ce6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E) no-repeat 0;
    display: inline;
    zoom: 1;
    position: relative;
}

Result: