Icons: is there a way to resize them to look the same?

Questions
1

Hi.
I have a side panel menu with icon and text like:

        <div class="panel panel-right panel-cover">
            <div class="content-block">
                <p><a href="#" class="close-panel"><i class="f7-icons vcenter">info</i> About</a></p>
                <p><a href="#" class="close-panel"><i class="f7-icons vcenter">star_fill</i> Rate this App</a></p>
                <p><a href="#" class="close-panel"><i class="f7-icons vcenter">social_rss_fill</i> Share this App</a></p>            
            </div>
        </div>

the RSS icon is much bigger than the other so icons do not line up well vertically.

Any way to resize them to fit the same width?

Thanks

2

use font-size rule to change size

3

Ok, thanks. I will give it a try. Shouldn’t they be supposed to use the same area by design?