A list of Font Awesome icons and their CSS content values

September 2014 Updated to Font-Awesome 4.2.0

Font Awesome is a web font containing all the icons from the Twitter Bootstrap framework, and now many more. Whilst the implementation in Bootstrap is designed to be used with the <i> element (Bootstrap v2), you may find yourself wanting to use these icons on other elements. To do so, you'll need to use the following CSS on the desired element, and then substitute in the content value for the relevant icon.

.element {
    position: relative;
}

/*replace the content value with the
corresponding value from the list below*/

.element:before {
    content: "\f000";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
}

Note: it is not possible to use :before or :after pseudo content on <input> elements, however if you instead use <button>Label</button>, it will work as desired.

Below is a Font Awesome cheat sheet of all the content values for each icon:

  • "\f000"
  • "\f001"
  • "\f002"
  • "\f003"
  • "\f004"
  • "\f005"
  • "\f006"
  • "\f007"
  • "\f008"
  • "\f009"
  • "\f00a"
  • "\f00b"
  • "\f00c"
  • "\f00d"
  • "\f00e"
  • "\f010"
  • "\f011"
  • "\f012"
  • "\f013"
  • "\f014"
  • "\f015"
  • "\f016"
  • "\f017"
  • "\f018"
  • "\f019"
  • "\f01a"
  • "\f01b"
  • "\f01c"
  • "\f01d"
  • "\f01e"
  • "\f021"
  • "\f022"
  • "\f023"
  • "\f024"
  • "\f025"
  • "\f026"
  • "\f027"
  • "\f028"
  • "\f029"
  • "\f02a"
  • "\f02b"
  • "\f02c"
  • "\f02d"
  • "\f02e"
  • "\f02f"
  • "\f030"
  • "\f031"
  • "\f032"
  • "\f033"
  • "\f034"
  • "\f035"
  • "\f036"
  • "\f037"
  • "\f038"
  • "\f039"
  • "\f03a"
  • "\f03b"
  • "\f03c"
  • "\f03d"
  • "\f03e"
  • "\f040"
  • "\f041"
  • "\f042"
  • "\f043"
  • "\f044"
  • "\f045"
  • "\f046"
  • "\f047"
  • "\f048"
  • "\f049"
  • "\f04a"
  • "\f04b"
  • "\f04c"
  • "\f04d"
  • "\f04e"
  • "\f050"
  • "\f051"
  • "\f052"
  • "\f053"
  • "\f054"
  • "\f055"
  • "\f056"
  • "\f057"
  • "\f058"
  • "\f059"
  • "\f05a"
  • "\f05b"
  • "\f05c"
  • "\f05d"
  • "\f05e"
  • "\f060"
  • "\f061"
  • "\f062"
  • "\f063"
  • "\f064"
  • "\f065"
  • "\f066"
  • "\f067"
  • "\f068"
  • "\f069"
  • "\f06a"
  • "\f06b"
  • "\f06c"
  • "\f06d"
  • "\f06e"
  • "\f070"
  • "\f071"
  • "\f072"
  • "\f073"
  • "\f074"
  • "\f075"
  • "\f076"
  • "\f077"
  • "\f078"
  • "\f079"
  • "\f07a"
  • "\f07b"
  • "\f07c"
  • "\f07d"
  • "\f07e"
  • "\f080"
  • "\f081"
  • "\f082"
  • "\f083"
  • "\f084"
  • "\f085"
  • "\f086"
  • "\f087"
  • "\f088"
  • "\f089"
  • "\f08a"
  • "\f08b"
  • "\f08c"
  • "\f08d"
  • "\f08e"
  • "\f090"
  • "\f091"
  • "\f092"
  • "\f093"
  • "\f094"
  • "\f095"
  • "\f096"
  • "\f097"
  • "\f098"
  • "\f099"
  • "\f09a"
  • "\f09b"
  • "\f09c"
  • "\f09d"
  • "\f09e"
  • "\f0a0"
  • "\f0a1"
  • "\f0f3"
  • "\f0a3"
  • "\f0a4"
  • "\f0a5"
  • "\f0a6"
  • "\f0a7"
  • "\f0a8"
  • "\f0a9"
  • "\f0aa"
  • "\f0ab"
  • "\f0ac"
  • "\f0ad"
  • "\f0ae"
  • "\f0b0"
  • "\f0b1"
  • "\f0b2"
  • "\f0c0"
  • "\f0c1"
  • "\f0c2"
  • "\f0c3"
  • "\f0c4"
  • "\f0c5"
  • "\f0c6"
  • "\f0c7"
  • "\f0c8"
  • "\f0c9"
  • "\f0ca"
  • "\f0cb"
  • "\f0cc"
  • "\f0cd"
  • "\f0ce"
  • "\f0d0"
  • "\f0d1"
  • "\f0d2"
  • "\f0d3"
  • "\f0d4"
  • "\f0d5"
  • "\f0d6"
  • "\f0d7"
  • "\f0d8"
  • "\f0d9"
  • "\f0da"
  • "\f0db"
  • "\f0dc"
  • "\f0dd"
  • "\f0de"
  • "\f0e0"
  • "\f0e1"
  • "\f0e2"
  • "\f0e3"
  • "\f0e4"
  • "\f0e5"
  • "\f0e6"
  • "\f0e7"
  • "\f0e8"
  • "\f0e9"
  • "\f0ea"
  • "\f0eb"
  • "\f0ec"
  • "\f0ed"
  • "\f0ee"
  • "\f0f0"
  • "\f0f1"
  • "\f0f2"
  • "\f0a2"
  • "\f0f4"
  • "\f0f5"
  • "\f0f6"
  • "\f0f7"
  • "\f0f8"
  • "\f0f9"
  • "\f0fa"
  • "\f0fb"
  • "\f0fc"
  • "\f0fd"
  • "\f0fe"
  • "\f100"
  • "\f101"
  • "\f102"
  • "\f103"
  • "\f104"
  • "\f105"
  • "\f106"
  • "\f107"
  • "\f108"
  • "\f109"
  • "\f10a"
  • "\f10b"
  • "\f10c"
  • "\f10d"
  • "\f10e"
  • "\f110"
  • "\f111"
  • "\f112"
  • "\f113"
  • "\f114"
  • "\f115"
  • "\f118"
  • "\f119"
  • "\f11a"
  • "\f11b"
  • "\f11c"
  • "\f11d"
  • "\f11e"
  • "\f120"
  • "\f121"
  • "\f122"
  • "\f123"
  • "\f124"
  • "\f125"
  • "\f126"
  • "\f127"
  • "\f128"
  • "\f129"
  • "\f12a"
  • "\f12b"
  • "\f12c"
  • "\f12d"
  • "\f12e"
  • "\f130"
  • "\f131"
  • "\f132"
  • "\f133"
  • "\f134"
  • "\f135"
  • "\f136"
  • "\f137"
  • "\f138"
  • "\f139"
  • "\f13a"
  • "\f13b"
  • "\f13c"
  • "\f13d"
  • "\f13e"
  • "\f140"
  • "\f141"
  • "\f142"
  • "\f143"
  • "\f144"
  • "\f145"
  • "\f146"
  • "\f147"
  • "\f148"
  • "\f149"
  • "\f14a"
  • "\f14b"
  • "\f14c"
  • "\f14d"
  • "\f14e"
  • "\f150"
  • "\f151"
  • "\f152"
  • "\f153"
  • "\f154"
  • "\f155"
  • "\f156"
  • "\f157"
  • "\f158"
  • "\f159"
  • "\f15a"
  • "\f15b"
  • "\f15c"
  • "\f15d"
  • "\f15e"
  • "\f160"
  • "\f161"
  • "\f162"
  • "\f163"
  • "\f164"
  • "\f165"
  • "\f166"
  • "\f167"
  • "\f168"
  • "\f169"
  • "\f16a"
  • "\f16b"
  • "\f16c"
  • "\f16d"
  • "\f16e"
  • "\f170"
  • "\f171"
  • "\f172"
  • "\f173"
  • "\f174"
  • "\f175"
  • "\f176"
  • "\f177"
  • "\f178"
  • "\f179"
  • "\f17a"
  • "\f17b"
  • "\f17c"
  • "\f17d"
  • "\f17e"
  • "\f180"
  • "\f181"
  • "\f182"
  • "\f183"
  • "\f184"
  • "\f185"
  • "\f186"
  • "\f187"
  • "\f188"
  • "\f189"
  • "\f18a"
  • "\f18b"
  • "\f18c"
  • "\f18d"
  • "\f18e"
  • "\f190"
  • "\f191"
  • "\f192"
  • "\f193"
  • "\f194"
  • "\f195"
  • "\f196"
  • "\f197"
  • "\f198"
  • "\f199"
  • "\f19a"
  • "\f19b"
  • "\f19c"
  • "\f19d"
  • "\f19e"
  • "\f1a0"
  • "\f1a1"
  • "\f1a2"
  • "\f1a3"
  • "\f1a4"
  • "\f1a5"
  • "\f1a6"
  • "\f1a7"
  • "\f1a8"
  • "\f1a9"
  • "\f1aa"
  • "\f1ab"
  • "\f1ac"
  • "\f1ad"
  • "\f1ae"
  • "\f1b0"
  • "\f1b1"
  • "\f1b2"
  • "\f1b3"
  • "\f1b4"
  • "\f1b5"
  • "\f1b6"
  • "\f1b7"
  • "\f1b8"
  • "\f1b9"
  • "\f1ba"
  • "\f1bb"
  • "\f1bc"
  • "\f1bd"
  • "\f1be"
  • "\f1c0"
  • "\f1c1"
  • "\f1c2"
  • "\f1c3"
  • "\f1c4"
  • "\f1c5"
  • "\f1c6"
  • "\f1c7"
  • "\f1c8"
  • "\f1c9"
  • "\f1ca"
  • "\f1cb"
  • "\f1cc"
  • "\f1cd"
  • "\f1ce"
  • "\f1d0"
  • "\f1d1"
  • "\f1d2"
  • "\f1d3"
  • "\f1d4"
  • "\f1d5"
  • "\f1d6"
  • "\f1d7"
  • "\f1d8"
  • "\f1d9"
  • "\f1da"
  • "\f1db"
  • "\f1dc"
  • "\f1dd"
  • "\f1de"
  • "\f1e0"
  • "\f1e1"
  • "\f1e2"
  • "\f1e3"
  • "\f1e4"
  • "\f1e5"
  • "\f1e6"
  • "\f1e7"
  • "\f1e8"
  • "\f1e9"
  • "\f1ea"
  • "\f1eb"
  • "\f1ec"
  • "\f1ed"
  • "\f1ee"
  • "\f1f0"
  • "\f1f1"
  • "\f1f2"
  • "\f1f3"
  • "\f1f4"
  • "\f1f5"
  • "\f1f6"
  • "\f1f7"
  • "\f1f8"
  • "\f1f9"
  • "\f1fa"
  • "\f1fb"
  • "\f1fc"
  • "\f1fd"
  • "\f1fe"
  • "\f200"
  • "\f201"
  • "\f202"
  • "\f203"
  • "\f204"
  • "\f205"
  • "\f206"
  • "\f207"
  • "\f208"
  • "\f209"
  • "\f20a"
  • "\f20b"
  • "\f20c"

128 Responses to “A list of Font Awesome icons and their CSS content values”

  1. hemant says:

    how can we use this type of css ?

    • Tim says:

      I have not detailed how to implement Font Awesome css; this is covered on their site. If you give me specific scenario in which you want to implement this CSS, I will add it to this snippet.

  2. jen says:

    Thanks, this is helpful. I have a question. in your page, how did you specify that you want the icons to appear grey?

    • Tim says:

      Hi Jen,
      It is beautifully simple. Since the icons are generated by a font, you can apply CSS the same way as for regular text, eg: color: #999. In my snippet I have a bunch of rules below the comment ‘adjust as necessary’, including a color rule.
      – Tim.

  3. DesignNewbie says:

    Simply amazing. I were using Ligature symbols, but now moved to this one. This has more symbols. Do you know if its compatible with all desktop browsers? especially IE8?

  4. helloman2 says:

    hey it would be nice of you to add on the content values for the extra font awesome set called “font awesome more” if at all possible.

    Thanks for the article.

  5. Rizwan Khan says:

    Thank you so much!!! your help is really appreciated.

  6. Brian says:

    What about adding conditional icons to form input values?

    Say like on success, you have ‘input.success’

    I can manually create ::before and ::after instances of the icon-ok with :

    color: #339900;
    content: “\f00c”;
    font-family: FontAwesome;

    after loading the font with @font-face, but I can’t get it to show up. Ideally, I would have the input padded left (from right), with the icon on the far right positioned absolutely using ::after.

    Any ideas on this?

    Thanks – Brian

  7. Brian says:

    I ended up using the label:after for my needs. However, I am still curious as to other options. I know the pseudo classes are not allowed on input elements, but there are surely some other ways around this. ;)

    The following gets me where I need to be in my case:

    label.success{color:#339900;}
    input.success{border:1px solid #339900;padding-right: 30px;}
    label.success:after {
    color: #339900;
    content: “\f00c”;
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 25px;
    }

  8. Nico Knaepen says:

    Thanks! This was really helpfull to me.

  9. Danut says:

    How i can add for a:visited icon

    .book-navigation .menu a:visited {
    color: #FF7C00;
    content: “\f00c”;
    font-family: FontAwesome;
    text-decoration: none;
    }

    this is my class in css

    • Tim says:

      Hi Danut,
      You simply string the pseudo classes together as a:visited:before so you complete code would be


      .book-navigation .menu a:visited:before {
      color: #FF7C00;
      content: "\f00c";
      font-family: FontAwesome;
      text-decoration: none;
      }

  10. Ronnie says:

    How do you get space after the icon.

    • Tim says:

      Since the icon has position absolute, you can adjust the left or right values. You would likely need to also apply some padding or margin to the parent element to accommodate for this.

  11. Alex says:

    I cant find icon for vimeo. Why?

    • Tim says:

      Hi Alex,

      FontAwesome does not yet have a Vimeo icon. I’m sure it will be added soon in a future version, however in the meantime you can use the font icon from IcoMoon which includes a Vimeo icon. IcoMoon is a really great tool for combining icons from different fonts which can then be downloaded as a new font file. This helps reduce the overall size of a site, as in most cases, you will only want to use a handful of the available icons.

    • Tim says:

      Vimeo is now included in version 4.0!

  12. accept says:

    good done

  13. For those wanting a way to filter & search font awesome icons, I put together this tool ( which is open sourced )

    http://lab.peterschmalfeldt.com/fontawesome/

    • Tim says:

      If you add the CSS content values to the display on your search tool, I’d find yours more useful than my own!

  14. Brian says:

    Thanks, you made my Friday.

  15. William T says:

    Hi Tim,

    I want to use these icons as a big background image in different pages, let’s say in the or #wrap, but can’t find how. Do you know how to accomplish it?

    Thanks in advance,
    W

    • Tim says:

      Hi William,
      You can do this by adding the Font Awesome icon style to the #wrap:after pseudo element. You then use absolute positioning to place the icon where you need it; if you want it in the center, then you can combine left: 50%; with margin-left: -(half the icon size); Since you want it to be a background image, you’ll need to wrap the content of the div#wrap in another div and apply a z-index higher than the icon. I have made a demo of this to best explain what I mean. See here: http://codepen.io/astrotim/pen/IjJzL

      Hope that works for you!
      Tim.

  16. William T says:

    Great Tim!

    I really appreciate the clear example, thanks a lot!

  17. Ibnu says:

    Oh I see now, So I must add awesome font from third party inside the site… Thank you very much

  18. JP DeVries says:

    This is awesome. Has anyone got this working on input (type=”text”) elements?

  19. Suresh Katke says:

    Hello Tim,

    Really awesome Is this free fonts OR there any license.

    Thanks,

  20. srinu says:

    hi
    i am using this font in my wordpress site but it will show the code only .how to display this icon in my wordpress website

    plz help…….

  21. Bill says:

    Thank you for taking the time to do this. Big help.

  22. mapsv4 says:

    how to change font awesome icon replace below website folder, if I using code below, the + – label will be missing.
    Please advice, many thanks.

    .css-treeview label::before
    {
    content: “\f07c” !important;
    font-family: FontAwesome;
    color: #FFCC00;
    /* background: url(“icons.png”) no-repeat; */

    }
    http://acidmartin.wordpress.com/2011/09/26/css3-treevew-no-javascript/

    • Tim says:

      Since Treeview is already using the .css-treeview label::before selector, I suggest using the .css-treeview label::after selector for your Font Awesome icon. You may need to adjust the positioning to account to it being after, not before the element, but it should work.

  23. […] for all of this and I managed to find a reference guide that was off-site for Font Awesome. So, check out the reference tool on this site. It should hopefully tide us all over until PageLines updates the font awesome system in PageLines […]

  24. Dan says:

    Thank you for this page – it is the most visited website in my workflow…

  25. Faisal Khan says:

    I want to put my own image, there is no suitable icons for Java, Google Glass & Web 2.0 etc
    so I want to design my own and put in the page..

  26. sadiaiftikhar says:

    I had paste this element code it html file using style tag in head. but, there is no result!!!

  27. jeff szuc says:

    I love it when I think something is going to take me hours to figure out and then I discover that someone’s already done all the work for me. Thanks for doing this, and thanks for sharing. you’re awesome.

  28. Dap says:

    Hi,
    this was the only resource showing the old version of A.F.
    Now you update to last version.

    Is still available the previous version of A.F List? :-)

    tnks
    dap

  29. Great post out there (Y).. btw which theme are you using?

  30. Can you do a High Heel shoe Icon?

  31. 9KD says:

    This is very powerful if you know how to use it. Good for button makers ;)

  32. Teri says:

    Just a HUGE THANK YOU, Tim, for this article. I now have this bookmarked so as not to lose it!

    I’ve spent way too much time researching so many of these things that LOOK so easy, but really, every little new thing is a challenge for me. And I’ve been doing this a while now, so it is frustrating.

    Specifically, I needed an FA icon screened back to use as a BG image and not only did you provide PRECISELY what I was looking for, you also provided a CodePen sample. THAT is going the extra mile, my friend and I thank you!

    • Tim says:

      You’re welcome Teri, and thank you for the feedback! I have been helped by many articles on other websites, so it is good to repay the community whenever possible.

  33. anand says:

    really nice share….I too have customized to add Social links in my blog footer………..using cool font awesome icons……..

  34. Ichsany says:

    I have installed this font on Bootstrap framework but I can’t find “Blackberry” icon… but it’s amazing and really complete stuff!

  35. Oemar says:

    great usefull post, very complete :)

  36. Ryan says:

    I tried adding color to the .fa-twitter: before class in the font awesome css and the color still would not change. Any suggestions?

    .fa-twitter:before: {
    content: “\f099″;
    font-family: FontAwesome;
    color: #fff;
    }

    Also, how would you change the color of an icon whenever you hover over it?

  37. hy thank you very much

  38. Sush says:

    Thanks a looooooooooooot… :) I really wanted this…
    Keep up the good work :)

  39. cân ô tô says:

    Thank so much, this post is very useful for me.

  40. Yashwanth says:

    Can i use this Font Awesome Icons in Asp:menu..??

  41. Yashwanth says:

    Thanks for the link its really helpful. Cheers..!!

  42. Just visited this site and I want to thanks Tim for sharing this info. I have use some it :)

  43. Tushar says:

    Awesome list for reference. Thanks :)

  44. […] A list of Font Awesome icons and their CSS content values […]

  45. Jorge says:

    For some reason sometimes displays the icon and somtimes displays a code … any help on this ??

    Thanks a lot !

  46. sreelal says:

    thanks its very useful..

  47. Nicolas M says:

    you can also try to convert font awesome with http://iconion.com/

  48. This is very helpfull, Thanks a lot :)

  49. peter saurus says:

    it’s really odd, can you explain where the .gif .jpg .png of the images are? instead you get something such as content: “\f115″; anyway great explanation!!

  50. sulaman says:

    Just visit this site http://www.uiplayground.in/css3-icons/ and I have use some it :)

  51. Praveen says:

    Can I have a color on hover for each icons and a color for visited.

    • Tim says:

      Hi Praveen. Yes, you can style the icon font the same way you style text. When combining :before with the :hover and :visited pseudo selectors, you need to chain them together, with hover or visited listed first, example:

          .element:hover:before {/*style*/}

  52. Ivan says:

    Thank you

  53. Praveen says:

    Thanks Tim. I tried your solution. It works on the icon, not the div that have the icon. The :after pseudo selector does not work for me.

  54. Praveen says:

    Hi Tim, I want to remove the white border from the icons outer circle. I tried but am unable to so I gave this css
    .fa-stack {color: #ffe300}
    .fa-circle {background-color:#ffe300}
    after changing the section background color to #ffe300. Now I see a 1 px height 12px width white line on 3 corners. How to get rid of it.
    Thanks

  55. Rian says:

    Great post!!! Thanks for the information.

  56. Rajkumar Khandelwal says:

    Hi, Tim Holt
    Thanks for Great post!!
    its very useful

  57. tutorial89 says:

    thank’s for your share. i like it

  58. Oeurn Sophearith says:

    Hello Sir!
    I would like to ask you one question, I want to change color on icon code when mouse over, is not like that
    .element:hover {
    color: #0FF;
    }
    is not change.

    Reply me please…., thank you

    • Tim says:

      Hi Oeurn,
      The icon is styled on the :before pseudo element, so to apply a hover style, you need to chain hover and before together, like:

      .element:hover:before {
        color: #0FF;
      }
  59. Frank says:

    Great list, thank you. It would be even better if the list also contained the FA-class names… would make it faster to find a specific one (rather than eye-scanning all icons). I wonder why this extremely useful list is not on the official site.

  60. Ian Mustafa says:

    Hi Tim,
    Thank you for your post and your pen to use the icon as a background. It really helps!
    I have made a pen based on them –actually it’s my first pen– and you should take a look: http://codepen.io/cuplizian/pen/GCihx

    Keep up your good work, and thanks in advance!
    —Ian Mustafa

  61. Hiii,
    I want foot icon in font awesome style .

    • Tim says:

      Hi Nitesh, you will need to direct your request for a new Font Awesome icon to the developer. There are instructions for how to do this here.

  62. Despoina says:

    How can I use hover state?

  63. karene says:

    Hi, some of the icons works well, but some won’t appear. Any idea why?

  64. fontawersome Windows host problem!

  65. Joerel says:

    This is so awesome ^_^

  66. Nitesh says:

    Awesome.

  67. Danish says:

    what is different between SVG and ICOMOON?

  68. RAMANAND YADAV says:

    Can I have a color on hover for each icons and a color for visited.

  69. Ankita says:

    Hi I need to put the calendar icon inside the input tag and not besides.The link I need to do this is: http://ankiita.com/ihm/reports.html
    Please help!!

    • Tim says:

      Hi Ankita,
      As noted below the code snippet, you can’t use before or after pseudo selectors on the input element, so you will need to wrap it in another element, such as a div. You can then style the wrapper div using the CSS in this snippet. I have created a CodePen here to demonstrate this in action.

  70. Patricia says:

    HI,
    Can I upload this beautiful icons into the twenty ten theme from wordpress? Any guidance will be extremely appreciate it. THanks, Patricia

  71. Sydney Yo says:

    I think the html of my theme is a little different? (sorry, i’m a noob at html and coding) it’s more like:


    TITLE
    TEXT

    and i can’t seem to figure out how to replace the already-set ones?

  72. Vladimir says:

    Hello, I’m trying to use your font:

    .icon-skype-sign:before { content: “\f17e”; }
    .icon-skype:before { content: “\f17e”; }

    But instead of icon of skype I see Л – icon(

  73. Ankita says:

    My issue is not resolved yet the way I want to :(

  74. Ruben says:

    Gret job

    Thanks….

  75. crazyguy says:

    HI CAN I USE THESE FOR MY COMMERCIAL PROJECTS FOR FREE

  76. PuntoSex says:

    Great font. Really love the icons.
    Will apply to our site asap.
    Using this instead of images saves bandwith and resources loaded.

  77. Raffi says:

    This doesn’t work on firefox anymore, I’ve tried various versions.

    • Tim says:

      This is likely due to serving the Font Awesome files from a CDN. Firefox and IE now block web fonts served from a CDN due to CORS. David Walsh has a good explanation and solution in his Serving Fonts from a CDN article. Alternatively, you can serve the Font Awesome CSS and font files from the same server as the website, and they won’t be blocked due to CORS. This article serves the CSS and font files from the same server and thus works normally in Firefox and IE.

  78. alfredopacino says:

    You should really update this post with the new icons :)

  79. Daniele says:

    There is a fix for Firefox??

  80. alfredopacino says:

    well i find this page more fast to copy/paste then the official fontawesome one..
    so i always use this :)

  81. Daniele says:

    I have css and fonts file in the same server of the site, but in Firefox doesn’t work. Why??

    • Tim says:

      Hi Daniele,
      On closer inspection, it appears your style.css file includes Font Awesome version 3.0.2. This older version may be the source of your problems. I have made a quick demo of your homepage, removing the reference to version 3.0.2 from your stylesheet and including the stylesheet and font files for Font Awesome version 4.2.0. The demo page loads the fonts OK in Firefox – see here.
      I hope this helps, Tim.

  82. Anders says:

    Great resource, thanks!

  83. Dan says:

    Awesome. I found it very helpful today!

  84. Mohammed says:

    i have try to use font awesome in my site but not success need help this is url for where i used it http://www.best-download-free.com/2014/09/download-whatsapp-plus-2015.html

    thanks

    • Tim says:

      Hi Mohammed, you have a lot of errors showing in the console when I inspect your page with Chrome developer tools. I would recommend trying to resolve each of those errors, as any one of them may be the source of your problem.

  85. seha says:

    Font Awesome are the best and I found it very helpful today!
    Great , thanks!

  86. Cyn4ck says:

    Hey, I wanted to know how you could apply font-awesome properties such as the resizing font once you charged the font with css ?

  87. down says:

    it very helpful, and i used in my websites when i build it ,thanks!

  88. Mohammed says:

    Thanks Tim, i am trying to fix all errors depend on your advice

  89. Rohit says:

    Hi,how can i use this font without bootstrap codeing, i mean i have implemented but need without bootstrap

Leave a Comment