I want to use a 'flex' next to the button text. I tried to use the symbols of the keyboard, but the site I want to insert does not accept. Can I use the tag icon, how is it used to put the logo on the site title?
I want to use a 'flex' next to the button text. I tried to use the symbols of the keyboard, but the site I want to insert does not accept. Can I use the tag icon, how is it used to put the logo on the site title?
I do not know such a tag (icon).
To insert an icon, you can add the class name of the icon to any HTML element inline
.
The elements <i>
and <span>
are the most used to add icons.
You must include a file with a biblioteca de ícones
to use the classes.
Library example:
Example usage:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div><i class="fa fa-home">Home</i></div>
<div><i class="fa fa-search">Busca</i></div>
<div><i class="fa fa-cloud">Nuvem</i></div>
<div><i class="fa fa-trash">Lixo</i></div>
Good morning!
I usually use the following format, for example:
<a href="#">
<i class="fa fa-file-text-o"></i><span>Atendimento<i class="fa fa-angle-down"></i></span>
</a>
There are 2 types of icons famous, the icons of Font Awesome
or those of Bootstrap
, there you go from what you prefer, I usually use the Bootstrap
framework and use the icons of Font Awesome
. >
Here is a link to Font Awesome
where you have the icons and how to use them.
Icons Available: link
How to use: link
Clicking on an icon opens a new page explaining how to use that specific icon. Remember that it is also possible to style with CSS the tags <i>
.
Follow the example:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<button>
<i class="fa fa-chevron-down" aria-hidden="true"></i>
Abrir
</button>
Using Font Awesome
you can add icons ( SITE )
Remembering that you have other alternatives with FONTELLO , you can select only the icons that will be used and download the package , using a similar way to FontAwesome