+++
title = 'Icons'
date = 2025-02-28T08:05:05+01:00
draft = false
featured = true
weight = 100
[images]
  featured_image= '/img/blog/icons.png'
+++

The theme has multiple icons available for use.

You can see them rendered here:

- {{< link icon="threads" url="https://example.com" >}} `threads` 
- {{< link icon="bluesky" url="https://example.com" >}} `bluesky`
- {{< link icon="x-twitter" url="https://example.com" >}} `x-twitter`
- {{< link icon="email" url="https://example.com" >}} `email`
- {{< link icon="user" url="https://example.com" >}} `user`
- {{< link icon="table-list" url="https://example.com" >}} `table-list`
- {{< link icon="download" url="https://example.com" >}} `download`
- {{< link icon="circle-info" url="https://example.com" >}} `circle-info`
- {{< link icon="square-twitter" url="https://example.com" >}} `square-twitter`
- {{< link icon="square-facebook" url="https://example.com" >}} `square-facebook`
- {{< link icon="linkedin" url="https://example.com" >}} `linkedin`
- {{< link icon="square-github" url="https://example.com" >}} `square-github`
- {{< link icon="circle-arrow-left" url="https://example.com" >}} `circle-arrow-left`
- {{< link icon="circle-arrow-right" url="https://example.com" >}} `circle-arrow-right`
- {{< link icon="circle-arrow-up" url="https://example.com" >}} `circle-arrow-up`
- {{< link icon="circle-arrow-down" url="https://example.com" >}} `circle-arrow-down`
- {{< link icon="quote-left" url="https://example.com" >}} `quote-left`
- {{< link icon="face-smile" url="https://example.com" >}} `face-smile`
- {{< link icon="square-arrow-up-right" url="https://example.com" >}} `square-arrow-up-right`
- {{< link icon="youtube" url="https://example.com" >}} `youtube`
- {{< link icon="square-xing" url="https://example.com" >}} `square-xing`
- {{< link icon="instagram" url="https://example.com" >}} `instagram`
- {{< link icon="dribbble" url="https://example.com" >}} `dribbble`
- {{< link icon="behance" url="https://example.com" >}} `behance`
- {{< link icon="file-pdf" url="https://example.com" >}} `file-pdf`
- {{< link icon="codepen" url="https://example.com" >}} `codepen`
- {{< link icon="yelp" url="https://example.com" >}} `yelp`
- {{< link icon="cloud-arrow-down" url="https://example.com" >}} `cloud-arrow-down`
- {{< link icon="medium" url="https://example.com" >}} `medium`
- {{< link icon="stack-overflow" url="https://example.com" >}} `stack-overflow`
- {{< link icon="meetup" url="https://example.com" >}} `meetup`
- {{< link icon="tiktok" url="https://example.com" >}} `tiktok`

You can use them in several ways. 
1. With the `link` shortcode, as shown above. For more information on how to use shortcodes like this one, visit our [shortcodes documentation page](/blog/shortcodes/).
2. In the theme menus (header and footer):
```
[[languages.en.menus.header]]
pre = "search"
name = "Search"
URL = "/search"
weight = 7
```
3. Directly as HTML markup:
```
<i class="icon-email" aria-label="Contact"></i>
```

Do you need more icons?
You can check this github issue to check how to [add your own](https://github.com/zetxek/adritian-free-hugo-theme/pull/169), or if it's relevant for the community you can request one [via the issue tracker like @klangborste did](https://github.com/zetxek/adritian-free-hugo-theme/issues/168).