64 lines
3.2 KiB
Markdown
64 lines
3.2 KiB
Markdown
+++
|
|
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). |