Sridhar Katakam

Genesis and WordPress Tutorials

Thin Font Awesome Close Icon

by 8 Comments

As of v4.7.0, FontAwesome does not have a thin close (x) icon.

<i class="fa fa-times fa-2x" aria-hidden="true"></i>

results in, for example,

fa-times-fat

To display a thin icon instead,

add this CSS:

.fa-times-thin:before {
	content: '\00d7';
}

and this sample HTML:

<i class="fa fa-times-thin fa-2x" aria-hidden="true"></i>

The result:

fa-times-thin

Much better!

Source: https://github.com/FortAwesome/Font-Awesome/issues/1540#issuecomment-68689950

  • Typo in the first line? “does not” should be “does now”?

    Changes the meaning a little bit… 😉

    Reply
    • >