Как сделать крестик в css

Для формирования элемента похожего на кнопку закрытия, существуют как спецсимволы HTML так и Эмодзи. В современных операционных системах меню с выбором эмодзи вызывается по разному

• Mac: CTRL + CMD + Space
• Win: WIN + .
• Ubuntu: CTRL + .

В примере ниже, в первых двух строка, эмодзи уже стоят, в третьей и четвертой используются специально зарезервированные HTML символы. Поскольку как и эмодзи так и спецсимволы - текст, к ним можно применять стили.

<span class="close--one ">❌</span>
<span class="close--two">✖</span>
<span class="close--three">&#x2715</span>
<span class="close--three">&#10006;</span>

.close--one {
  font-size: 20px;
}

.close--two {
  font-size: 30px;
  color: blueviolet;
  font-weight: 700;
}

.close--three {
  font-size: 30px;
}

Результат: