How to use the Icon tag in HTML? [closed]

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:

link

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