JSFiddle - React, Tailwind, and code Playground

HTML

<div class="div1">Example 1<span class="icon">💖</span></div>
<div class="div2">Example 2<span class="icon">💖</span></div>

SCSS

.div1 {
  text-decoration: underline;
  .icon {
    display: inline-block;
    text-decoration: none;
  }
}
.div2 {
  display: flex;
  align-items: center;
  
  text-decoration: underline;
  
  .icon {
    display: inline-block;
    text-decoration: none;
  }
}