Increase size of Icon in HTML

Question

Is there a way to increase the size of icon below.I tried with size attribute but not working

<span style="color:red">&#x1F6C8</span>

Answer 1

The best way to achieve this is to nest a span like this:

<span style="color:red">sdsd <span style="font-size:36px">&#x1F6C8</span></span>

Nesting spans is valid, see this question:

Can you have a <span> within a <span>?

Answer 2

If you only want to increase the size of the icon then you can wrap it in another span element and set a bigger font-size for this element only :

.icon {
  font-size: 30px;
}

<span style="color:red">sdsd <span class="icon">&#x1F6C8;</span></span>

Answer 3

well, as mentioned in comment, it's actually a text, therefore you can use CSS font-size attribute to increase the size of icon. Also, you missed a ;.

<span style="color:red; font-size: 80px">&#x1F6C8;</span>

Answer 4

I think font-size will work, try put it in style