.closeIcon { display: inline-block; width: 18px; height: 18px; position: relative; vertical-align: middle; } .closeIcon::before, .closeIcon::after { content: ""; position: absolute; top: 8px; left: 0; width: 18px; height: 2px; background: #000; } .closeIcon::before { transform: rotate(45deg); } .closeIcon::after { transform: rotate(-45deg); }