Put two icons in the same paragraph

Asked

Viewed 450 times

3

I have a paragraph in my view. In this paragraph, I have the indication of my mobile phone and I took the bootstrap symbol, so:

<p><i class="fa fa-phone"></i> Phone (Brasil) : +55 11 99999-8888</p>

I would like that along with the phone symbol, also have the Whatsapp, IE, that both appear. It is possible?

I tried to put the Whatsapp and when I address is only him, if I put the phone last, there appears only the phone, IE, it does not add any more.

How would I do that, if possible?

html css font-awesome

2 answers

5


Yes, it is possible.

Just add another tag with the classes fa and fa-whatsapp

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<p>
  <i class="fa fa-phone"></i>
  <i class="fa fa-whatsapp"></i> 
  Phone (Brasil) : +55 11 99999-8888
</p>

0

create a "span" tag where you want to place the Whatsapp symbol, add the "class" tag and put the fa fa-Whatsapp" (I don’t remember if that’s the name of the class that matches the Whatsapp icon)

Browser other questions tagged html css font-awesome

You are not signed in. Login or sign up in order to post.