> For the complete documentation index, see [llms.txt](https://pmsgz.gitbook.io/nectar/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://pmsgz.gitbook.io/nectar/ui-ux/components/icon.md).

# Icon

## Overview

Icon provides visual context to various aspects of your app.

By default, Material Icons, Framework7 Icons, and Font Awesome 6 Icons are included in Nectar.

This uses [Font Awesome](https://fontawesome.com), [Framework7 Icons](https://framework7.io/icons), and [Material Icons](https://fonts.google.com/icons?selected=Material+Icons).

## Demo

<https://nectar.website/demo/components/icon/>

## Usage

You can refer to the code present in `/partials/components/icon.html` file and use it accordingly.

## Docs

<https://fonts.google.com/icons?icon.set=Material+Icons>

<https://github.com/framework7io/framework7-icons>

<https://fontawesome.com/docs/web/setup/get-started>