Looking for a premium icon sets? Font Awesome 5 Released! Font Awesome Icons List- Get All latest fontawesome icons- Use Easily- Fontawesomeicons Get User icon, Search Icon, You can quickly access the fontawesome icons list on this page, just copy & paste the icon classes to add any icon in your website or app. Haml Click to copy. Font Awesome. The fa-inverse class can be used as an alternative icon color. Font Awesome 5 has a PRO edition with 7842 icons, and a FREE edition with 1588 icons. Upgrade to version 5 and get twice the icons. I had the font awesome working fine on a home page, but when I moved the same html to a sub folder of course it did not work right at first, so I updated the paths to css in my header - seemed to fix most things with the page, but then font awesome displayed a box with code instead of the icon. To use the Free Font Awesome 5 icons, go to fontawesome.com and sign in to get a code to use in your web pages.. Read more about how to get started with Font Awesome in our Font Awesome 5 chapter. To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x class for the regularly sized icon, and fa-stack-2x for the larger icon. More Icons Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also gets you another 53 icon category packs as we finish them! Font Awesome CSS. Stacked Icons. Maintained by @mervinej & @XhmikosR. The problem is the icon doesn't sit centred in the div, it seems to move up so the text ends up lined to the bottom of the icon and the icon sits higher in the div. Homies be SecurityTrails, Bootstrap, nixCraft, Edubirdie & FossHub. Pug Click to copy. Click to copy. If I don't try and change the size of the icon it lines up perfect. This tutorial will concentrate on the FREE edition. Font Awesome 4 is so 2017. But I want the icon to be bigger but still sit centred in the text. Currently in FontAwesome there's no such a class (with icon) like fa-number-1, fa-number-2, fa-number-3 etc that allow you to create an icon with a number. I have a basic div with an icon and some text. Line Awesome Icon Font (1,380 Icons) The Crafty Font Collection (24 Fonts, Envato Elements) Dashicons, the WordPress Admin Icon Font (300 Icons) Vector Line Icon Font (130 Icons, Envato Elements) Remix Icon Open Source Library (2,000+ Icons) Line Icon Flat Font (26 Icons, Envato Elements) Themify Icon Font (320 Icons) Font Awesome, the iconic font and CSS framework. Well, basically because you don't need a custom font to display only numbers, write some html and CSS for it.However to wrap some number inside an icon of FontAwesome is possible and can be really useful. But why ? Check out Iconfinder! Font Awesome 5 Icons. Note: No downloading or installation is required! Download now the free icon pack 'Font Awesome'. You can also add larger icon classes to the parent to further control the sizing. There are free and paid both icons available. Available source files and icon fonts for both personal and commercial use. HTML Click to copy.