Skip to content Skip to sidebar Skip to footer

Download Svg Font Awesome Calendar Alt

  • 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.

    • Arun says:

      assign css declaration like –
      .class_name{property:value,Property:value……}
      .class_name:before{content:"\f156″; color:#f00}

      the rupees [ code ] symbol appear before your content/text under block with .class_name

  • 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.

    • Aury says:

      On your css stylesheet you should add:

      color: grey;

      jusst like you are setting a font color.

  • 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?

  • 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.

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

  • 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

  • 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;
    }

  • Thanks! This was really helpfull to me.

  • 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;
      }

  • 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.

  • 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!

  • accept says:

    good done

    • 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!

  • Thanks, you made my Friday.

  • 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.

  • William T says:

    Great Tim!

    I really appreciate the clear example, thanks a lot!

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

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

    • Tim says:

      Hi JP,

      To my knowledge, it is not possible to use the :before or :after pseudo-selectors on the <input> element. I would suggest looking at the Bootstrap approach using prepended components under the heading 'Extending Form Controls'. If you add another element like this, then you'll be able to style it with a Font Awesome icon.

  • Hello Tim,

    Really awesome Is this free fonts OR there any license.

    Thanks,

  • 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…….

    • Tim says:

      I'd guess that the font definition is incorrect. The snippet above declares FontAwesome as the font-family, so this requires the presence of an @font-face rule which defines 'FontAwesome' with the relevant paths to the font files. See this CDN version of the CSS, or read the Get Started page on the Font Awesome site for more help.

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

  • 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.

  • […] 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 […]

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

  • 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..

  • sadiaiftikhar says:

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

  • 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.

  • 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

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

  • Can you do a High Heel shoe Icon?

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

  • 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.

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

  • I have installed this font on Bootstrap framework but I can't find "Blackberry" icon… but it's amazing and really complete stuff!

  • great usefull post, very complete 🙂

  • 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?

  • Sush says:

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

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

  • Yashwanth says:

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

    • Tim says:

      I am not familiar with Asp:menu, but I can say that you can use Font Awesome where ever you can use CSS. It is also possible to save out individual icons as SVG or PNG via http://icomoon.io/

  • Yashwanth says:

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

  • Just visited this site and I want to thanks Tim for sharing this info. I have use some it 🙂

  • Awesome list for reference. Thanks 🙂

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

  • […] View list of icons […]

  • Jorge says:

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

    Thanks a lot !

  • This is very helpfull, Thanks a lot 🙂

  • 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!!

  • 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*/}

  • Ivan says:

    Thank you

  • 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.

  • 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

  • Rian says:

    Great post!!! Thanks for the information.

  • Rajkumar Khandelwal says:

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

  • thank's for your share. i like it

  • 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; }                
  • 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.

  • 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

  • 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.

  • Despoina says:

    How can I use hover state?

    • Tim says:

      Hi, see the comment above here. This should answer your question.

  • karene says:

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

  • fontawersome Windows host problem!

  • Joerel says:

    This is so awesome ^_^

  • Nitesh says:

    Awesome.

  • Danish says:

    what is different between SVG and ICOMOON?

  • RAMANAND YADAV says:

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

    • Tim says:

      You sure can! This was answered here. For visited, change the selector to .element:visited:before {/*styles*/}

    • 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.

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

    • Tim says:

      Hi Patricia,
      Yes, you can use Font Awesome on any web page, including the Twenty Ten theme. You need to include the font files in your theme files and then reference the fonts in your HTML or CSS. I recommend reading the Get Started Guide on the official Font Awesome website to learn more about how it works.

  • 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?

  • Sydney Yo says:

    sorry, i just realized the comment changed the whole html bit to TITLE TEXT, so i put some spaces in it (i think theres better ways to do it but again, i'm no pro at this)


    TITLE
    TEXT

  • Sydney Yo says:

    im officially super embarrassed because of the recurring mistake, so i give up and would just like to say that the code says

    i class="fa fa-pencil fa-lg"

    and every time i try to change it crap hits the fan

  • 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(

  • My issue is not resolved yet the way I want to 🙁

  • crazyguy says:

    HI CAN I USE THESE FOR MY COMMERCIAL PROJECTS FOR FREE

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

  • 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.

  • alfredopacino says:

    You should really update this post with the new icons 🙂

    • Tim says:

      Done! Updated to v4.2.0

  • There is a fix for Firefox??

  • alfredopacino says:

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

  • 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.

  • Awesome. I found it very helpful today!

    • 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.

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

  • 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 ?

    • Tim says:

      Since it is a font, you simply use the font-size CSS property to control the size.

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

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

  • Rohit says:

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

  • Perfect, just was I was looking for 🙂

  • Nice collection. But when I put the code for >> in CSS like " content:'\f101′; " it did not work.

  • Simo Mrak says:

    so you write it this way:

    content:'\f101′;
    font-family:FontAwesome

    cheers

  • dsd says:

    yes

  • Grate job its Awesome exactly
    Thanks you man….

  • Aristocrat says:

    Hi
    Awesome work. Thanks.
    How to use this in my web page. I created an aspx page and copy paste the code but icons are not appearing. How to get icons in web sites?

  • Aristocrat says:

    Hi
    If I add the CSS link as
    href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css", font icons are appearing in page but if I download the css file and add local reference it's not working, why? How can I solve this? Thanks

  • Aristocrat says:

    HI
    Sorry I forgot to include fonts folder. Its working now. Thanks for this awesome fonts.

  • Nicholai says:

    Is it possible to stack FA icons in css? can you provide a code snippit example?

  • How to insert font awesome for offline user? i want to desaign a web..

  • You might want to add to your table the code for a non-breaking space, which is …

    /00a0

  • Hello!
    Don't work hover… Please help..
    .text ul li a:hover:before { color: #999; }

  • Nazmul says:

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

  • Thanks, been looking for this…

  • i need fa fa manufacture or fa fa factory icon .something related to office icon for my business purpose. please respond 🙂 thank you for advance help

  • Mr. OM says:

    Tim Hi. Wonderful post you have here. Been using it since I came across it. Thanks a lot.
    Font Awesome 4.3.0 came with lots of new icons. I'd so much love if you included the new icons in this post, that's if you don't mind.

  • Can someone tell me the full link for these icons? For some weird reason, they are not showing up on my site when I use the shortcode.
    I'm hoping the entire link will help.

    • Tim says:

      You can find instructions on how to install the font on the official Font Awesome website here. I'm not sure what you mean by "when I use the shortcode", this article refers to using CSS content values to reference the font characters directly.

  • Divdeep Singh says:

    Hii…
    Can i use my own icons in the shortcodes??
    Please help
    Thanks in Advance…

  • Sudheer says:

    പൊളിച്ചു മച്ചാനെ

  • Awesome, it really enhances the look of website 🙂

  • Oana says:

    There doesn't seem to be a blogger icon…which is annoying because…well my blog's on there.

    Any chance this might be updated in the future?

  • Oana says:

    Any chance Blogger can be implemented somehow? It's the one icon I'm missing.

  • imran says:

    I am not able to get the fonts as they are what are the files i need to add to my project
    to get the fonts

  • vinayak pt says:

    Hi, How can I implement a progress image or Spinner image on button click and show the default mouse pointer after event finished.
    How can I use FontAwesome icons here.
    Thanks for the feedback.

  • Sudheer says:

    Superb !!!!!!!

    പൊളിച്ചു മച്ചാനെ പൊളിച്ചു.

  • Thanks for this! It was really useful!

  • Thanks your post helped me a lote 😉

  • Tim Hi. Wonderful post you have here. Been using it since I came across it. Thanks a lot.

  • Not work properly what is the reason of it

  • Hi, some icons are not displayed, like facebook, twitter and google plus. Why this happens. (you can see an example : search for persona blogger template and preview it.)

  • Thanked the very wonderful site and set up and thank God Patoviq

  • Addy says:

    Thanks 🙂 it's very useful.

  • I didnt know how to show font awesome icons from CSS. Today I searched it and found exactly what I was looking for. Thanks for sharing such awesome tricks and full lists.

  • Wow really nice. I have used it as I am learning how to code in CSS3. It really improved my position and I would love to tell my friends about this lovely post. Thanks.

  • Mr Kay says:

    Excellent resource, very kind of you to take the trouble to post these.

  • Hi
    I have been using the icons for long.
    I am stucked today with pie chart icon. Its code f200 just doesn't work there. everything goes well if the code is changed for any other ison.
    The link is http://ueureka.com/
    Under Faq "Questions asked by company"
    1st tab Answer under has Measure block where the icon is not working.
    Can you help?

  • Naser says:

    Hey Mate this is f@#cking Awesome!

  • Awesome solution!! Thank you..

  • Hi there. Can you share how you listed all the FA icons? Surely you did not type all the code by hand, right? I'm looking to do a similar list, but I can't think of a way to do it. A loop? Maybe copy the source from the official site and make some modifications? Any help is much appreciated.

  • manikandan says:

    i want hash(#) icon

  • awesome icon, really nice.. thank you

  • SO-s0-s0 great for this is helpful to me

  • ahmad says:

    how i can use these icons ?! what is the HTML code ? 🙂

  • very very nice work! thanks a lot..

  • nice list of icons , you reduced my work …. it helped for me

  • faheem says:

    @Ankita
    The site http://ueureka.com is using an older version of font awesome (4.0.3) in comparison to this site (4.2.0).
    Try upgrading the version and the new icons should work.

  • djrlambert says:

    if you need the unicode of the newest FA icons, not listed here yet, you can go ti the FA website, display the icons list, and then use you Firefox element inspector to find it out.

  • Thanks 🙂 it's very useful. Very very good.

  • Hi i want bathroom, Kitcheen, Laundray content values

  • Karthi says:

    Hi. When we use font_awesome, are the icons downloaded from the web? I want to use the font_awesome when the application runs offline

  • Karthi says:

    Hi. I am using font-awesome. When we use these icons, is it downloaded from web?
    I need to use this icons in font-awesome when I am offline. Is it possible. Kindly guide me.
    Thanks in advance

  • Thanks! This was really helpfull to me.

  • This is awesome icon. Veru helful wih me ^.^

  • Thank you very much…… !!
    This is very very good amazing infomation.

    고맙습니다. 정말 대단한 정보에요.

    本当にありがとうございます。
    これはすごくすばらしい情報です。

  • afzal says:

    thanks it is helped me

  • Its so awesome. It makes website fast as instead of using images, this code make more sense 🙂

  • Hi, how to insert hover transition effect

  • Thank you for sharing this awesome font.

  • Thank you – this helps a lot!

  • Thanks. It works like a charm

  • Arjun Kariyadan says:

    Really nice.

  • Lol, I love these kinds of posts :D. One of my favorite ways to spend my spare time, I also like football and movies.
    You guys have any forums or something? PM me!

  • icon is easy by this method

  • Should be more complete
    Thx

  • Damjan says:

    Great work… Thank you!

  • Hero says:

    How can i get the link of Icomoon css file in order to use online same as font-awesome.

  • Arun says:

    Really Cool – Every one need it for web.
    but for new symbol should be updated with code ….
    ie. Frame, Mementos, crystal, shower,male icon, girl icon, zebra crossing , design application icon, governments [ world ] main symbol like '3 lionin india' and so on…..

    Thanks
    Arun

  • Very nice work, thank you, 🙂

  • bobaa says:

    good…

  • How to create A Font icons ? (if it make sense)

  • Mike says:

    thanks, I've been looking for a list like that!:)

  • I am not getting microwave icon. can you tell the uni code for micoroven

  • Tom says:

    Thanks so much for these infos, absolute life savers 🙂

  • jddnd says:

    Hi,

    Im trying to use your example but the hover functionality is not working. When I move the mouse over the icon, the element doesn't react. Heres my code:

    Html code:

    {{help_center.name}}

    {{#each categories}}
    {{name}}
    {{/each}}

    {{pagination}}

    {{#if promoted_articles}}

    {{t 'promoted_articles'}}

    {{#each promoted_articles}}

    {{title}}

    {{/each}}

    {{/if}}

    CSS code:

    /* Contacting Us Category */
    #category_id_202713678 {
    position: relative;
    }

    #category_id_202713678:before {
    content: "\f003";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*–adjust as necessary–*/
    padding-right: 0.5em;
    top: 10px;
    font-size: 66px;
    left: 120px;
    right: 200px;
    position: absolute;

    }

  • 火火 says:

    excellent

  • thanx alot you saved more time for searching about icon's content name 😀

  • How to use flip horizontal effect with the content.

  • nasir says:

    font: 15px/1 fontawesome;

    What is means ?

  • Naeem says:

    The link to use these icons doesn't work anymore

  • Chyke says:

    Can i add or generate a custom font using an ico image of my choice? I am developing a website where i need to use a map for the object instead of any of the images within the FA Code. Any Ideas?

  • Surendra says:

    This is really great, thanks for the help

  • Anyone share blogger Icons code here?

  • Gyanendra says:

    thanks for icons list

  • Really helpful cheat sheet for Font Awesome. Hoping you'd update it to its recent version once you have time. Thank you!

  • Do you have the updated list for 4.7.0 ?

    • Tim says:

      Hi Jay,
      I have now updated this page with the v4.7.0 icons.

  • nice font i try to use it in my website

  • Brody says:

    Thanks for the icons Tim.

    I want to stack a square fa icon "\f096" around the icon in my css. How would I do that with css?

    .section-about:before {
    font-family: FontAwesome;
    content: "\f1fd";
    color: black;
    font-size: 4em;
    text-align: center;

  • Caine Thanatos says:

    Thank for the icon list, it's awesome and useful 🙂 !

  • Nice representation of all important icon in one place.
    thank you

  • Thanks for your help, but my site http://trucvy.name.vn is not display with fa-facebook, fa-google-plus. I can't fix this error, i show by press F12 tab, it has not ::before in tag, please help me?….

  • Thanks, I just used it my own site. Regards.

  • i got more ideas about responsive design. i am also doing and creating evergreen responsive which is take more quality your things are made some idea. keep share more about technical article.

  • 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!!

  • Atif ansari says:

    AWESOME

  • Hi, how can I use the new instagram icon? Thankss

  • thank you bro. ( eyvallah reis)

  • Many thanks for the list. Very helpful

  • manoj says:

    there is no search option..

  • nice,
    i used my website "http://www.rgltricks.com"

  • Dipak Thakur says:

    easy to use

  • I have made a number of edits on your own site. Thank you so much. 🙂

  • kannan v says:

    Why blogspot icon content not add in your website.

  • Download says:

    Thanks for your help, but my site https://www.downloadsarab.com/ is not display with fa-facebook, fa-google-plus. I can't fix this error, i show by press F12 tab, it has not ::before in tag, please help me?….

  • Please give me fa-css classes to BBB icon logo

    please sir

  • Great tutorial. This tutorial was really helpful to how to use font awesome in my business site. CSS very helpful to me. Thanks.

  • Really light and awesome font. I have used both the way on my blog.
    .element:before {content: "\f01a"; font-family: FontAwesome;}
    .element:after {content: "\f01b"; font-family: FontAwesome;}

  • Many thanks for the list. Very helpful

  • Since the icons have descriptive names, Strg + f (Windows) or Cmd + f (Mac) should be enough for searching this list.

  • Thank you so much. You save my time. This post help one to choose right one.TechnewsThis post covers important topic. Much more..

  • Hii Good reviews and best Services

  • Catherine says:

    Is it possible to put the links? Like for example, I used the Facebook icon and if I click it, it will direct to the Facebook page.

  • Thanks for saving my time for providing entire list.

  • Thanks for saving my time for providing entire list.

  • Diana says:

    Hi, your list is very helpful for me.
    But do you also have the css code for the new 4.7 icon fa-handshake-o ?

  • i got more ideas about responsive design. i am also doing and creating evergreen responsive which is take more quality your things are made some idea

  • Çok saol teşekkürler. işime yaradı heryerde bunu arıyordum. Blog için olmassa olmazı bu.

  • this is something im looking to implement on my website http://imedia.ng for some days now.

    thanks a lot for sharing

  • how can I use the new instagram icon? Thankss

  • Michael says:

    thanks a lot for the time you took to make this available for us. I'll love to have font-awesome myself. please where can i download this? i want to host the font myself.

  • Thanks, you solved my problem.

  • Thank you for this list. I have used it to pull together a set of admonition icons for our guides.

    (I'm also glad to see someone using a math captcha. I wish more people would do so.)

  • No! says:

    No! When you search via CTRL-F you'll end op in the COMMENTS in stead of the icon list, very annoying! Remove the comments section.

  • This is really great, thanks for the help

  • Thanks, this worked really well on my JAV site. 🙂

    I used the header method and it went fine.

  • Amazing work ….. you are giving a amazing icon for all website ,,,

    I'm a website designer in Gujarat

  • Wonderful Collection !!
    Thanks Alot !

  • I upgraded to Fontawesome 5 and it seems this not working. Any update for Fontawesome 5?

  • Font says:

    very good

  • hello
    i applied css on my website but showing rectangle box

  • Ohh, great, thank you bro

  • Thank you for this list. It very helpful for me!

  • drakogemini2 says:

    Thanks bro

  • Very helpful, thank you for FA codes, i have found this info only on your blog!
    I cant use "fa-play-circle-o (\f01d)" in font awesome latest version v5.6.3
    Its worked fine before i update, can you help?

  • Thank you sir, I a planning to use it in my current assignment.

  • Thanks for this awesome collection. I am a huge fan of font awesome, I use in virtually all my projects. It just make web applications look cool, modern and awesome. I will bookmark this page for reference purposes. Thanks again.

  • really a very good list..many important things ive learn in your blog,,very informative,thanks a lot

  • thanks for the info. i'll check it one by one.

  • very good collection of blog list. thanks for saving my time in searching.i really like it..

  • Thanks for sharing this awesome list.your blog is one of the best ive seen,i love it,kindly visit my site..

  • Source: https://astronautweb.co/snippet/font-awesome/

    Posted by: gilbertokime0193673.blogspot.com

    Post a Comment for "Download Svg Font Awesome Calendar Alt"