How to put Font-Awesome icon on a boot?

Asked

Viewed 6,724 times

0

I want to make a button with an arrow inside, I tried but I could not do, who can help I thank. NOTE: I am not using any framework

html

  • Can you describe in more detail please?

  • I’ve managed to put

  • Post the solution then

2 answers

2

Basically you will insert your icon inside the input, like this: <button> CODIGO ICONE </BUTTON> practical example(CSS IS MERELY ILLUSTRATIVE):

button{
  width:200px;
  height:30px;
  font-size:20px;
  color:white;
  background-color:#259b4c;
  border-style: solid;
  border-color: #259b4c;
}
<script src="https://use.fontawesome.com/62e43a72a9.js"></script>

<p>Icone + texto:</p>
<button type="submit"><i class="fa fa-arrow-right" aria-hidden="true"></i> clica aqui, vai</i></button>

<p>Icone:</p>
<button type="submit"><i class="fa fa-arrow-right" aria-hidden="true"></i></button>

1

Hello,

You can tag it if it’s a tag <button>, that has the same behavior as input. Ex:

<button type="submit"><i class="fa fa-plus"></i> Cadastrar</button>

Browser other questions tagged html

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