> For the complete documentation index, see [llms.txt](https://lorvent.gitbook.io/clear/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lorvent.gitbook.io/clear/html-structure/main-content/carousel-and-sliders.md).

# Font Icons

There are four different types of icons included in this theme. In this page we gave an option for maximizing the size of a font and upon a click, the font gets copied to the clipboard and can be pasted anywhere. We can see the demo for this in the page.[Font Icons](http://coreplus.lorvent.in/fonts.html) of this Template.

**1) Font Awesome Icons :**

![](https://1275878305-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4TuOJhvqUp0E7nX4ru%2F-M4TuQ3skilUUFDlqqah%2F-M4TuSwIAnfLC6nkjj0P%2Fclear11.png?generation=1586435323279916\&alt=media)

It has the following Structure:

```
<a href="#">
  <i class="fa fa-phone"></i>
</a>
```

**Icons Size** - determines the size of icons, can take such values: fa-lg, fa-2x, fa-3x, fa-4x and fa-5x

```
<a href="#">
  <i class="fa fa-phone fa-lg"></i>
</a>
```

**Stacked icons** - It stacks the multiple icons. we can also control the size of the icons using the parameters : fa-stack-1x fa-stack-2x.

```
<span class="fa-stack fa-lg">
 <i class="fa fa-circle fa-stack-2x text-info"></i>
   <i class="fa fa-home fa-stack-2x fa-inverse"></i>
</span>
```

**2) Themify Icons**

![](https://1275878305-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4TuOJhvqUp0E7nX4ru%2F-M4TuQ3skilUUFDlqqah%2F-M4TuSwK-YrH03kE6UoF%2Fclear10.png?generation=1586435323176218\&alt=media)

It has the following Structure:

```
<a href="#">
  <i class="ti arrow-up"></i>
</a>
```

We can import our desired icon just by replacing `arrow-up`in the above code with the icon we want.

**3) Glyphicons**

![](https://1275878305-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4TuOJhvqUp0E7nX4ru%2F-M4TuQ3skilUUFDlqqah%2F-M4TuSwMkY7uPMVtdmYt%2Fclear12.png?generation=1586435322952259\&alt=media)

It has the following Structure:

```
<li>
  <span class="glyphicon glyphicon-cloud-download"> </span>
  <span class="glyphicon-class">glyphicon glyphicon-cloud-download</span> 
</li>
```

We can import our desired icon just by replacing `glyphicon-cloud-download` in the above code with the icon we really need.

**4) Simple Line Icons**

![](https://1275878305-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4TuOJhvqUp0E7nX4ru%2F-M4TuQ3skilUUFDlqqah%2F-M4TuSwOhe0olNPcWOwZ%2Fclear13.png?generation=1586435323115249\&alt=media)

It has the following Structure:

```
<div class="preview">
    <i class="icon-user icons"></i>
    <span class="name">user</span>
</div>
```
