Как можно сверстать вот такую кнопку удаления (красный крестик)?

.delete { 
  color: red; 
}

<link href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" rel="stylesheet"/> 
 
<i class="fas fa-times delete"></i>

.delete { 
  display: inline-block; 
  width: 16px; 
  height: 16px; 
  background: url('https://i.stack.imgur.com/cLnMQ.png') no-repeat center center / contain; 
}

<div class="delete"></div>