Font awesome icon does not get bigger although fa-5 is set

font awesome icons
status icon font awesome
font awesome chat icon
font awesome weather icons
icon fonts
font awesome food
font awesome money
font awesome light

My pen: http://codepen.io/helloworld/pen/YPxBEJ

Why is the rss icon so small? It does not resize whatever fa-x I use?

<div class="container">

                    <div class="row">
                        <div class="col-xs-6">

                          <div class="jumbotron jumbotron-icon">
                              <div class="container">
                                <div class="info-icons">
                                   <i class="fa fa-rss-square fa-5"></i>
                                </div>
                            </div>
                          </div>  

                        </div>  
                        <div class="col-xs-6">
                                  Lorem ipsum dolor sit amet, consetetur sadipscetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
                          </div>  
                    </div>                        
                </div>
            </div>
            <!-- /.panel -->
        </div>
    </div>
    <!-- /.row -->
</div>

Didn't you mean to use the class fa-5x?

<i class="fa fa-rss-square fa-5x"></i>

Examples: https://fontawesome.com/v4.7.0/examples/#larger

Font Awesome Examples, How do I increase the size of the FA icon? The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa. Brand icons should only be used to represent the company or product to which they refer. Please do not use brand logos for any purpose except to represent that particular brand or service.

Also important to know that you can achieve larger icons by setting a higher font size of that element/it's parent.

Font-awesome icons are just fonts, meaning they are vectors and scale up beautifully.

Troubleshooting · FortAwesome/Font-Awesome Wiki · GitHub, are getting chopped off on top and bottom, make sure you have sufficient line-height. 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! All-New SVG Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.

You can try this also:

<i class="fa fa-home" style="font-size:20px;"></i>

font-size will also increase/decrease the size of icon.

Increasing the size of Font Awesome icons?, I'm trying to increase the size of my Font Awesome icons on my I tried adding style tags, but those did not work. Subhan95 January 12, 2017, 7:04pm #5 As the name suggests fa can be manipulated just like regular fonts Font Awesome includes a set of classes to increase the icons relative to their  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! All-New SVG Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.

Troubleshooting, Upgrade to version 5 and get twice the icons. After you get up and running, you can place Font Awesome icons just about anywhere If you are not using the Font Awesome CDN, please see the manual icon If you change the font-size of the icon's container, the icon gets bigger. Use fa-fw to set icons at a fixed width. The following examples are kept simple and assume use of Font Awesome CDN, which provides auto-accessibility support.If you are not using the Font Awesome CDN, please see the manual accessibility examples and read more about making your icons more awesome for all users

Size consistency · Issue #1281 · FortAwesome/Font-Awesome · GitHub, The icon I want to use is missing or not showing up? You can check with version an icon was added to on its detail page (e.g. question-circle was added Make sure you didn't fat-finger the name of the icon when referencing it. During that time, other folks have set up their own popular CDN versions of Font Awesome. Font Awesome has grown to have over 5,000 icons and continues to add the most popular and needed icons. Stop hunting down missing icons you need, combining from multiple sets, or finding that company's official logo in a dirty corner of the internet.

Upgrade to Font Awesome 5 · Issue #1823 · thelounge/thelounge , It would be great if all icons in the font were consistent in size. fa-fw sets a fixed width of 20/14 em and centers the icon in that space (and yes It does not mean that all icons have the same height but that they already More information @ https://www.kickstarter.com/projects/232193852/font-awesome-5  Font Awesome 5 has a PRO edition with 7842 icons, and a FREE edition with 1588 icons. This tutorial will concentrate on the FREE edition. To use the Free Font Awesome 5 icons, you can choose to download the Font Awesome library, or you can sign up for an account at Font Awesome, and get a code (called KIT CODE) to use when you add Font Awesome

Comments
  • argh..... yes i have not seen the x this damn crap vga monitor with analog cable. All day and my eyes get blurry. Thanks a bunch!

Hot Questions

  • How to set up a Slack channel to directly link to GitLab issues and merge requests?5895
  • Axios POST request not working6233
  • Triggering Python script using AJAX Javascript request on local server using vanilla JS4167
  • React not loading any component1603
  • OCI runtime create failed: container_linux.go:348: starting container process caused "exec: \"-it\": executable file not found in $PATH":unknown950
  • How to build an indexed array of .html filenames that exist in a directory?8344
  • module has no attribute even though the module actually contains the script8563
  • Need to return two values in a For loop with if/else statement2883
  • Is it a good idea to enable --inspect for nodejs in production (kubernetes)?6416
  • Problem with async when downloading a series of files with nodejs9136
  • Crontab Day of the Week syntax4415
  • Where is the location of .babelrc file?4236
  • 'node' is not recognized as an internal or an external command, operable program or batch file while using phonegap/cordova4371
  • Is there any way to disable the screenshot to the particular website? image can't be save in any format2953
  • jQuery add fields data into array to display under textarea1791
  • Getting Every File in a Windows Directory3992
  • setOnTouchListener is not working for android Fragment4806
  • Am I ruining my disk by using sqlite?6269
  • Electron fix "ERROR:buffer_manager.cc(488)] [.DisplayCompositor]GL ERROR :GL_INVALID_OPERATION : glBufferData: <- error from previous GL command"5130
  • How to get the current time in millisecond in Fortran?4391