> For the complete documentation index, see [llms.txt](https://docs.pages.revox.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.pages.revox.io/ui-elements/icons.md).

# Icons

Pages come with its very own pixel perfect font icons that is made specially for pages, this has over 100 icons to choose from. \
We have also include the popular Google [Material Icon](https://material.io/resources/icons/) Currently it will scale up over Over 600 icons

## **Pages Icons**

Us the tag`<i></i>` with the class `pg-icon`. And enter the name of the icon you want in between the tag as shown in the example. To view all classes in pages icon go to our [cheat sheet](http://pages.revox.io/dashboard/cheatsheet/)

EXAMPLE :

```markup
<i class="pg-icon">home</i>
```

## **Material Icons**

Follow these steps to include an icon on to your page

### **Step one**

Check if the following Style sheet is already added inside the `<head>` tag

```markup
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
```

### **Step two**

Use a \<i> tag with the class "material-icons". You can find the list of all icons [here](https://material.io/resources/icons/?style=baseline)

EXAMPLE :

```markup
<i class="material-icons">
accessibility
</i>
```
