Init Commit

2026-05-18 11:46:02 +02:00
commit 2de3502fbc
382 changed files with 19583 additions and 0 deletions
@@ -0,0 +1,64 @@
+++
+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).