Close icon

Create close icon with × for dismissing content like modals and alerts.

<button type="button" class="close" aria-label="Close">
  <span aria-hidden="true">&times;</span>
</button>

Note

To support assistive technologies like screen readers include text for close icon with aria-label.

Related Tutorial

1 Borders

2 Clearfix

3 Close icon

4 Colors

5 Display

6 Embed

7 Flex

8 Float

9 Image replacement

10 Position

11 Screenreaders

12 Shadows

13 Sizing

14 Spacing

15 Text

16 Vertical Align

17 Visibility

Try it

Contents +