🍱 Upgrade to FontAwesome 6 icons

This commit is contained in:
James Panther
2022-03-09 16:13:36 +11:00
parent e5021c9d30
commit adb065b79d
65 changed files with 82 additions and 53 deletions
+1 -1
View File
@@ -11,7 +11,7 @@ This is a demo site built entirely using Congo. It also contains a complete set
<div class="flex px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900">
<span class="flex items-center ltr:pr-3 rtl:pl-3 text-primary-400">
{{< icon "exclamation-triangle" >}}
{{< icon "triangle-exclamation" >}}
</span>
<span class="flex items-center justify-between grow dark:text-neutral-300">
<span class="prose dark:prose-invert">This is a demo of the <code id="layout">page</code> layout.</span>
+17 -3
View File
@@ -1,13 +1,15 @@
---
title: "Icons"
date: 2020-08-14
lastmod: 2022-03-09
draft: false
description: "Icon support in Congo."
slug: "icons"
tags: ["icons", "sample", "shortcodes"]
showDateUpdated: true
---
Congo has built-in support for a number of [FontAwesome 5](https://fontawesome.com/icons) icons. These can be included in your website through either the [icon partial]({{< ref "docs/partials#icon" >}}) or [icon shortcode]({{< ref "docs/shortcodes#icon" >}}).
Congo has built-in support for a number of [FontAwesome 6](https://fontawesome.com/icons) icons. These can be included in your website through either the [icon partial]({{< ref "docs/partials#icon" >}}) or [icon shortcode]({{< ref "docs/shortcodes#icon" >}}).
Additionally, custom icons are also fully supported. Simply provide your own SVG icon assets by placing them in the `assets/icons/` directory in the root of your project. Any icons in the icons directory will then be available to use throughout the theme.
@@ -18,43 +20,55 @@ The full list of built-in icons and their corresponding names can referenced bel
| amazon | {{< icon amazon >}} |
| apple | {{< icon apple >}} |
| blogger | {{< icon blogger >}} |
| bug | {{< icon bug >}} |
| check | {{< icon check >}} |
| circle-info | {{< icon circle-info >}} |
| codepen | {{< icon codepen >}} |
| comment | {{< icon comment >}} |
| dev | {{< icon dev >}} |
| dribbble | {{< icon dribbble >}} |
| edit | {{< icon edit >}} |
| email | {{< icon email >}} |
| exclamation-triangle | {{< icon exclamation-triangle >}} |
| facebook | {{< icon facebook >}} |
| flickr | {{< icon flickr >}} |
| foursquare | {{< icon foursquare >}} |
| github | {{< icon github >}} |
| gitlab | {{< icon gitlab >}} |
| google | {{< icon google >}} |
| hashnode | {{< icon hashnode >}} |
| instagram | {{< icon instagram >}} |
| keybase | {{< icon keybase >}} |
| kickstarter | {{< icon kickstarter >}} |
| lastfm | {{< icon lastfm >}} |
| lightbulb | {{< icon lightbulb >}} |
| link | {{< icon link >}} |
| linkedin | {{< icon linkedin >}} |
| list | {{< icon list >}} |
| mastodon | {{< icon mastodon >}} |
| medium | {{< icon medium >}} |
| microsoft | {{< icon microsoft >}} |
| moon | {{< icon moon >}} |
| orcid | {{< icon orcid >}} |
| patreon | {{< icon patreon >}} |
| pencil | {{< icon pencil >}} |
| pinterest | {{< icon pinterest >}} |
| reddit | {{< icon reddit >}} |
| researchgate | {{< icon researchgate >}} |
| search | {{< icon search >}} |
| skull-crossbones | {{< icon skull-crossbones >}} |
| slack | {{< icon slack >}} |
| snapchat | {{< icon snapchat >}} |
| soundcloud | {{< icon soundcloud >}} |
| stackoverflow | {{< icon stackoverflow >}} |
| stack-overflow | {{< icon stack-overflow >}} |
| steam | {{< icon steam >}} |
| sun | {{< icon sun >}} |
| tag | {{< icon tag >}} |
| telegram | {{< icon telegram >}} |
| tiktok | {{< icon tiktok >}} |
| triangle-exclamation | {{< icon triangle-exclamation >}} |
| tumblr | {{< icon tumblr >}} |
| twitch | {{< icon twitch >}} |
| twitter | {{< icon twitter >}} |
| whatsapp | {{< icon whatsapp >}} |
| xmark | {{< icon xmark >}} |
| youtube | {{< icon youtube >}} |