How can I chnage the relative size of the text inside font-awesome icon?-CodePudding

So I wanted to know if it's possible to change the size of the text which is inside the icon. For example- If the icon is like this- then can I change the icon to this?-
Keeping the radius of the circle same. Is this possible?

CodePudding user response：

So lets say you're starting with this icon here:

The way that these icons work, it's like you're using a character in a font.. Like the letter 'i' - you can't change the size of the base of the 'i' without changing the size of the dot on top right?

But you're not out of luck.. In this case, just choose a plain question mark:

And then create the outer circle like this:

<div style="width:50px;height:50px;background-color:#000066;border-radius:25px;">
  <i ></i>
</div>

That's how to get the most flexibility out of your icons!

CodePudding user response：

Dude, it's a icon - picture, image. There is no text inside, just pixels.

What you can do with you awesome icons: https://fontawesome.com/v6/docs/web/style/size

Get icon, get graphics editor and edit it to whatever you want. Oops, you already did it.