diff --git a/assets/css/_mixins.scss b/assets/css/_mixins.scss
index e0c65c5..0243dd5 100644
--- a/assets/css/_mixins.scss
+++ b/assets/css/_mixins.scss
@@ -99,7 +99,7 @@
   @if $icon {
     content: $icon;
   }
-  font-family: 'Font Awesome 5 Free';
+  font-family: 'Font Awesome 6 Free';
   font-weight: 900;
 }
 
diff --git a/data/resources.yaml b/data/resources.yaml
index 5c8c52e..80510ce 100644
--- a/data/resources.yaml
+++ b/data/resources.yaml
@@ -20,7 +20,7 @@ js:
 # CSS Resources
 css:
   - name: '@fortawesome/fontawesome-free'
-    version: 6.1.2
+    version: 6.4.2
     file: css/all.min.css
     alias: font-awesome
   - name: animate.css
@@ -52,12 +52,12 @@ addthis:
 waline:
   js:
     name: '@waline/client'
-    version: 2.13.0
+    version: 2.15.8
     file: dist/waline.js
     alias: waline
   css:
     name: '@waline/client'
-    version: 2.13.0
+    version: 2.15.8
     file: dist/waline.css
     alias: waline
 
diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index 5845078..499d3d0 100644
--- a/exampleSite/config.yaml
+++ b/exampleSite/config.yaml
@@ -1046,7 +1046,7 @@ params:
     #  - flat      flat callout style with background, like on Mozilla or StackOverflow.
     #  - disabled  disable all CSS styles import of note tag.
     style: simple
-    icons: false
+    icons: true
     # Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).
     # Offset also applied to label tag variables. This option can work with disabled note tag.
     lightBgOffset: 0
diff --git a/exampleSite/content/post/shortcodes.md b/exampleSite/content/post/shortcodes.md
index 4cac174..655e18c 100644
--- a/exampleSite/content/post/shortcodes.md
+++ b/exampleSite/content/post/shortcodes.md
@@ -66,6 +66,11 @@ url: "post/shortcodes.html"
   **Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
 {{< /note >}}
 
+{{< note primary >}}
+  ### Primary Header
+  **Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
+{{< /note >}}
+
 {{< note info >}}
   ### Info Header
   **Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
@@ -84,4 +89,4 @@ url: "post/shortcodes.html"
 {{< note danger >}}
   ### Danger Header
   **Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
-{{< /note >}}
+{{< /note >}}
\ No newline at end of file
diff --git a/layouts/partials/post/header_meta/categories.html b/layouts/partials/post/header_meta/categories.html
index 0696d24..19d4e44 100644
--- a/layouts/partials/post/header_meta/categories.html
+++ b/layouts/partials/post/header_meta/categories.html
@@ -2,7 +2,7 @@
 {{ with .Params.categories }}
 <span class="post-meta-item">
   <span class="post-meta-item-icon">
-    <i class="far fa-folder-open"></i>
+    <i class="fas fa-solid fa-folder-open"></i>
   </span>
   <span class="post-meta-item-text" title="{{ T "PostMeta.category" }}">
     {{ print (T "PostMeta.category") (T "Symbol.colon") }}
diff --git a/layouts/partials/post/header_meta/comments.html b/layouts/partials/post/header_meta/comments.html
index eca0d26..169dfde 100644
--- a/layouts/partials/post/header_meta/comments.html
+++ b/layouts/partials/post/header_meta/comments.html
@@ -1,6 +1,6 @@
 <span class="post-meta-item" title="{{ T "PostComments" }}">
   <span class="post-meta-item-icon">
-    <i class="far fa-comments"></i>
+    <i class="fas fa-solid fa-comments"></i>
   </span>
   <span class="post-meta-item-text" title="{{ T "PostMeta.comments" }}">
   {{ print (T "PostMeta.comments") (T "Symbol.colon") }}
diff --git a/layouts/partials/post/header_meta/created_date.html b/layouts/partials/post/header_meta/created_date.html
index 8e4a8b3..a1aa316 100644
--- a/layouts/partials/post/header_meta/created_date.html
+++ b/layouts/partials/post/header_meta/created_date.html
@@ -3,7 +3,7 @@
 {{ $createdTime := (.Date.Format $timeF) | default (.Date.Format $timeF) }}
 <span class="post-meta-item">
   <span class="post-meta-item-icon">
-    <i class="far fa-calendar"></i>
+    <i class="fas fa-solid fa-calendar"></i>
   </span>
   <span class="post-meta-item-text" title="{{ T "PostMeta.publish.date" }}">
     {{ print (T "PostMeta.publish.date") (T "Symbol.colon") }}
diff --git a/layouts/partials/post/header_meta/readtime.html b/layouts/partials/post/header_meta/readtime.html
index 5e93ed3..5aace0b 100644
--- a/layouts/partials/post/header_meta/readtime.html
+++ b/layouts/partials/post/header_meta/readtime.html
@@ -1,7 +1,7 @@
 {{ if .Site.Params.postMeta.readTime }}
 <span class="post-meta-item" title="{{ T "PostMeta.reading.title" }}">
   <span class="post-meta-item-icon">
-    <i class="far fa-clock"></i>
+    <i class="fas fa-solid fa-clock"></i>
   </span>
   <span class="post-meta-item-text">{{ print (T "PostMeta.reading.title") (T "Symbol.colon") }}&asymp;</span>
   <span>{{ T "PostMeta.reading.time" . }}</span>
diff --git a/layouts/partials/post/header_meta/update_date.html b/layouts/partials/post/header_meta/update_date.html
index 1cb0d1a..6e21c46 100644
--- a/layouts/partials/post/header_meta/update_date.html
+++ b/layouts/partials/post/header_meta/update_date.html
@@ -3,7 +3,7 @@
 {{ $modTime := .Lastmod.Format .Site.Params.timeFormat }}
 <span class="post-meta-item">
   <span class="post-meta-item-icon">
-    <i class="far fa-calendar-check"></i>
+    <i class="fas fa-solid fa-calendar-check"></i>
   </span>
   <span class="post-meta-item-text" title="{{ T "PostMeta.lastmod.date" }}">
     {{ print (T "PostMeta.lastmod.date") (T "Symbol.colon") }}
diff --git a/layouts/partials/post/header_meta/views.html b/layouts/partials/post/header_meta/views.html
index b3f022d..5c5d974 100644
--- a/layouts/partials/post/header_meta/views.html
+++ b/layouts/partials/post/header_meta/views.html
@@ -7,7 +7,7 @@
 {{ end }}
 <span class="post-meta-item" title="{{ T "PostMeta.views" }}">
   <span class="post-meta-item-icon">
-    <i class="far fa-eye"></i>
+    <i class="fas fa-solid fa-eye"></i>
   </span>
   <span class="post-meta-item-text">
   {{ print (T "PostMeta.views") (T "Symbol.colon") }}
diff --git a/layouts/partials/post/header_meta/words.html b/layouts/partials/post/header_meta/words.html
index d2b5f93..a0fff30 100644
--- a/layouts/partials/post/header_meta/words.html
+++ b/layouts/partials/post/header_meta/words.html
@@ -1,7 +1,7 @@
 {{ if .Site.Params.postMeta.wordCount }}
 <span class="post-meta-item" title="{{ T "PostMeta.words.title" }}">
   <span class="post-meta-item-icon">
-    <i class="far fa-file-word"></i>
+    <i class="fas fa-solid fa-file-word"></i>
   </span>
   <span class="post-meta-item-text">{{ print (T "PostMeta.words.title") (T "Symbol.colon") }}</span>
   <span>{{ T "PostMeta.words.count" . }}</span>