<a class="inline-flex items-center" href="#">External Link<svg aria-hidden="true" class="icon-ui mis-1">
    <use xlink:href="#feather-external-link"></use>
  </svg>
</a>

Links with icons may need some extra help centering icons with flex box utilities inline-flex items-center. Tailwindcss logical utilities can be used to add spacing on either side of the icon; margin start: mis-1, margin end: mie-1.