#Fontawesome about us icon how to#

So now CSS needs to be applied, add a class social-menu to the main menu ul element so styles can be applied. The code is the icon with 2 CSS classes wrapped in a tag.įor a full menu that includes Facebook, LinkedIn, Twitter,Instagram and YouTube, structure the mark up in a list surrounding the fontawesome code with a link tag which will link the icon to the social media page: īy default we get something like this which inherits any styles we have in our website. The table below shows all Font Awesome Web Application icons: Icon. Font Awesome Info Circle Icon refers to used to display a snippet of helpful text without taking users off their current screen. Vector icons in SVG, PSD, PNG, EPS and ICON FONT Download over 7,878 icons of about us in SVG, PSD, PNG, EPS format or as web fonts. font awesome is created by by Dave Gandy. With the CSS file in place, choose the icons you need, the social media ones are found in the free brands section, just click the one you need to get the HTML code. font awesome is webs most popular font and icon toolkit based on CSS and LESS.

If using WordPress you can register and enqueue the CSS style. You can link to the Fontawesome CSS file via a CDN or just copy the download it to your site. Fontawesomeis widely used and supported in all modern browsers and older browsers.

#Fontawesome about us icon how to#

How to make social media menus from icon fonts using the awesome FontAwesome. To add fontawesome icons in your HTML web page, please add below given link in between section of your HTML web page.