diff --git a/src/_includes/feed.liquid b/src/_includes/feed.liquid
index cb971c8f..87a96cbd 100644
--- a/src/_includes/feed.liquid
+++ b/src/_includes/feed.liquid
@@ -23,22 +23,18 @@
     <div class="min-h-screen flex flex-col">
       <main class="flex-1 w-10/12 max-w-screen-sm md:max-w-screen-md mx-auto">
         <div class="flex flex-col md:flex-row md:items-center md:justify-between md:pt-10 pt-5">
-          <h1 class="font-black leading-tight md:pb-0 md:text-3xl pb-5 text-2xl">
-            {{ heading }}
+          <h1 class="font-black leading-tight md:pb-0 md:text-3xl pb-5 text-2xl flex flex-row items-center ">
+            <span class="mr-1 icon--28 icon--bold">
+              {% tablericon icon title %}
+            </span>
+            {{ title }}
           </h1>
-          <a href="/" class="icon--h-28 icon--bold link--icon">
+          <a href="/" class="icon--28 icon--bold link--icon">
             {% tablericon "home-move" "Home • Cory Dransfeldt" %}
           </a>
         </div>
-        <div class="pt-8 prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full">
+        <div class="pt-4 prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full">
           <div class="dark:text-white text-gray-800">
-            <h2
-              class="font-black leading-tight m-0 md:text-2xl text-xl tracking-normal mb-4 flex flex-row items-center text-gray-800 dark:text-gray-200 icon--h-28">
-              <div class="mr-1">
-                {% tablericon icon title %}
-              </div>
-              {{ title }}
-            </h2>
             <p>{{ description }}</p>
             <p>
               <xsl:value-of select="atom:feed/atom:description"/>
diff --git a/src/_includes/icons/calendar.liquid b/src/_includes/icons/calendar.liquid
index 246af82e..a991f90e 100644
--- a/src/_includes/icons/calendar.liquid
+++ b/src/_includes/icons/calendar.liquid
@@ -1,5 +1,5 @@
 <a
-  class="link--icon icon--h-24"
+  class="link--icon icon--24"
   href="https://savvycal.com/coryd/quick-call"
   rel="me"
   title="SavvyCal">
diff --git a/src/_includes/icons/coffee.liquid b/src/_includes/icons/coffee.liquid
index 7db2b50d..503b6177 100644
--- a/src/_includes/icons/coffee.liquid
+++ b/src/_includes/icons/coffee.liquid
@@ -1,5 +1,5 @@
 <a
-  class="link--icon  icon--h-24"
+  class="link--icon  icon--24"
   href="https://www.buymeacoffee.com/cory"
   rel="me"
   title="Buy Me a Coffee">
diff --git a/src/_includes/icons/email.liquid b/src/_includes/icons/email.liquid
index 0299d07b..9526b2f4 100644
--- a/src/_includes/icons/email.liquid
+++ b/src/_includes/icons/email.liquid
@@ -1,5 +1,5 @@
 <a
-  class="link--icon icon--h-24"
+  class="link--icon icon--24"
   href="mailto:coryd@hey.com"
   rel="me"
   title="Email">
diff --git a/src/_includes/icons/github.liquid b/src/_includes/icons/github.liquid
index 1f8d1a9a..97ebdb51 100644
--- a/src/_includes/icons/github.liquid
+++ b/src/_includes/icons/github.liquid
@@ -1,5 +1,5 @@
 <a
-  class="link--icon icon--h-24"
+  class="link--icon icon--24"
   href="https://github.com/cdransf"
   rel="me"
   title="GitHub">
diff --git a/src/_includes/icons/goodreads.liquid b/src/_includes/icons/goodreads.liquid
index 220e79bd..a50394fc 100644
--- a/src/_includes/icons/goodreads.liquid
+++ b/src/_includes/icons/goodreads.liquid
@@ -1,5 +1,5 @@
 <a
-  class="link--icon icon--h-24"
+  class="link--icon icon--24"
   href="https://www.goodreads.com/cdransf"
   rel="me"
   title="Goodreads">
diff --git a/src/_includes/icons/lastfm.liquid b/src/_includes/icons/lastfm.liquid
index 1ad2307c..815deeed 100644
--- a/src/_includes/icons/lastfm.liquid
+++ b/src/_includes/icons/lastfm.liquid
@@ -1,5 +1,5 @@
 <a
-  class="link--icon icon--h-24"
+  class="link--icon icon--24"
   href="https://www.last.fm/user/cdrn_"
   rel="me"
   title="Last.fm">
diff --git a/src/_includes/icons/letterboxd.liquid b/src/_includes/icons/letterboxd.liquid
index dfc8b1c8..416bb848 100644
--- a/src/_includes/icons/letterboxd.liquid
+++ b/src/_includes/icons/letterboxd.liquid
@@ -1,5 +1,5 @@
 <a
-  class="link--icon icon--h-24"
+  class="link--icon icon--24"
   href="https://letterboxd.com/cdme"
   rel="me"
   title="Letterboxd">
diff --git a/src/_includes/icons/linkedin.liquid b/src/_includes/icons/linkedin.liquid
index f02b3733..e4fae74f 100644
--- a/src/_includes/icons/linkedin.liquid
+++ b/src/_includes/icons/linkedin.liquid
@@ -1,5 +1,5 @@
 <a
-  class="link--icon icon--h-24"
+  class="link--icon icon--24"
   href="https://www.linkedin.com/in/cdransf/"
   rel="me"
   title="LinkedIn">
diff --git a/src/_includes/icons/mastodon.liquid b/src/_includes/icons/mastodon.liquid
index 2cafc7ee..34902d13 100644
--- a/src/_includes/icons/mastodon.liquid
+++ b/src/_includes/icons/mastodon.liquid
@@ -1,5 +1,5 @@
 <a
-  class="link--icon icon--h-24"
+  class="link--icon icon--24"
   href="https://social.lol/@cory"
   rel="me"
   title="Mastodon">
diff --git a/src/_includes/icons/rss.liquid b/src/_includes/icons/rss.liquid
index a706581e..330fc7ab 100644
--- a/src/_includes/icons/rss.liquid
+++ b/src/_includes/icons/rss.liquid
@@ -1,3 +1,3 @@
-<a href="/feeds" title="RSS" class="link--icon icon--h-24{% if page.url == '/feeds/' %} active{% endif %}">
+<a href="/feeds" title="RSS" class="link--icon icon--24{% if page.url == '/feeds/' %} active{% endif %}">
   {% tablericon "rss" "RSS" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/search.liquid b/src/_includes/icons/search.liquid
index a7552254..0b8f6040 100644
--- a/src/_includes/icons/search.liquid
+++ b/src/_includes/icons/search.liquid
@@ -1,3 +1,3 @@
-<a href="/search" title="Search posts" class="link--icon icon--h-24{% if page.url == '/search/' %} active{% endif %}">
+<a href="/search" title="Search posts" class="link--icon icon--24{% if page.url == '/search/' %} active{% endif %}">
   {% tablericon "search" "Search posts" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/spotify.liquid b/src/_includes/icons/spotify.liquid
index d78ed6a7..57c54285 100644
--- a/src/_includes/icons/spotify.liquid
+++ b/src/_includes/icons/spotify.liquid
@@ -1,5 +1,5 @@
 <a
-  class="link--icon icon--h-24"
+  class="link--icon icon--24"
   href="https://open.spotify.com/user/mdh0acvmvfsbunzt6ywnq2tg3"
   rel="me"
   title="Spotify">
diff --git a/src/_includes/icons/tags.liquid b/src/_includes/icons/tags.liquid
index 3c1bd470..e6bcac54 100644
--- a/src/_includes/icons/tags.liquid
+++ b/src/_includes/icons/tags.liquid
@@ -1,3 +1,3 @@
-<a href="/tags" title="Post tags" class="link--icon icon--h-24{% if page.url == '/tags/' %} active{% endif %}">
+<a href="/tags" title="Post tags" class="link--icon icon--24{% if page.url == '/tags/' %} active{% endif %}">
   {% tablericon "tag" "Post tags" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/trakt.liquid b/src/_includes/icons/trakt.liquid
index 83941e6a..f63630e3 100644
--- a/src/_includes/icons/trakt.liquid
+++ b/src/_includes/icons/trakt.liquid
@@ -1,5 +1,5 @@
 <a
-  class="link--icon icon--h-24"
+  class="link--icon icon--24"
   href="https://trakt.tv/users/cdransf"
   rel="me"
   title="Trakt">
diff --git a/src/_includes/icons/webrings.liquid b/src/_includes/icons/webrings.liquid
index 15fdd2cf..9ba12be3 100644
--- a/src/_includes/icons/webrings.liquid
+++ b/src/_includes/icons/webrings.liquid
@@ -1,3 +1,3 @@
-<a href="/webrings" title="RSS" class="link--icon icon--h-24{% if page.url == '/webrings/' %} active{% endif %}">
+<a href="/webrings" title="RSS" class="link--icon icon--24{% if page.url == '/webrings/' %} active{% endif %}">
   {% tablericon "heart-handshake" "Webrings" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/partials/now/albumReleases.liquid b/src/_includes/partials/now/albumReleases.liquid
index f45d738e..4d6384d5 100644
--- a/src/_includes/partials/now/albumReleases.liquid
+++ b/src/_includes/partials/now/albumReleases.liquid
@@ -1,5 +1,5 @@
 {% if albumReleases.size > 0 %}
-  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
+  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
     {% tablericon "calendar-time" "Anticipated albums" %}
     <div class="ml-1">Anticipated albums</div>
   </h2>
diff --git a/src/_includes/partials/now/albums.liquid b/src/_includes/partials/now/albums.liquid
index 221b1244..8775c892 100644
--- a/src/_includes/partials/now/albums.liquid
+++ b/src/_includes/partials/now/albums.liquid
@@ -1,5 +1,5 @@
 {% if music.size > 0 %}
-  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
+  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
     {% tablericon "vinyl" "Albums" %}
     <div class="ml-1">Albums</div>
   </h2>
diff --git a/src/_includes/partials/now/artists.liquid b/src/_includes/partials/now/artists.liquid
index d83ad72f..3610a358 100644
--- a/src/_includes/partials/now/artists.liquid
+++ b/src/_includes/partials/now/artists.liquid
@@ -1,5 +1,5 @@
 {% if music.size > 0 %}
-  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
+  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
     {% tablericon "microphone-2" "Artists" %}
     <div class="ml-1">Artists</div>
   </h2>
diff --git a/src/_includes/partials/now/books.liquid b/src/_includes/partials/now/books.liquid
index ab71b477..bff0c571 100644
--- a/src/_includes/partials/now/books.liquid
+++ b/src/_includes/partials/now/books.liquid
@@ -1,5 +1,5 @@
 {% if books.size > 0 %}
-  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
+  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
     {% tablericon "books" "Books" %}
     <div class="ml-1">Books</div>
   </h2>
diff --git a/src/_includes/partials/now/links.liquid b/src/_includes/partials/now/links.liquid
index 139c0edf..e8551e38 100644
--- a/src/_includes/partials/now/links.liquid
+++ b/src/_includes/partials/now/links.liquid
@@ -1,5 +1,5 @@
 {% if links.size > 0 %}
-  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
+  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
     {% tablericon "link" "Links" %}
     <div class="ml-1">Links</div>
   </h2>
diff --git a/src/_includes/partials/now/movies.liquid b/src/_includes/partials/now/movies.liquid
index 8623094d..76284729 100644
--- a/src/_includes/partials/now/movies.liquid
+++ b/src/_includes/partials/now/movies.liquid
@@ -1,5 +1,5 @@
 {% if movies.size > 0 %}
-  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
+  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
     {% tablericon "movie" "Movies" %}
     <div class="ml-1">Movies</div>
   </h2>
diff --git a/src/_includes/partials/now/tv.liquid b/src/_includes/partials/now/tv.liquid
index 85bf7194..4116fee7 100644
--- a/src/_includes/partials/now/tv.liquid
+++ b/src/_includes/partials/now/tv.liquid
@@ -1,5 +1,5 @@
 {% if tv.size > 0 %}
-  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
+  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
     {% tablericon "device-tv" "TV" %}
     <div class="ml-1">TV</div>
   </h2>
diff --git a/src/_includes/partials/paginator.liquid b/src/_includes/partials/paginator.liquid
index 3da7d9cb..18c9c16a 100644
--- a/src/_includes/partials/paginator.liquid
+++ b/src/_includes/partials/paginator.liquid
@@ -1,13 +1,13 @@
 <nav class="flex justify-between mt-8 items-center">
   {% if pagination.href.previous %}
     <a href="{{ pagination.href.previous }}">
-      <button class="py-2 pr-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500" aria-label="Previous page icon--h-20">
+      <button class="py-2 pr-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500" aria-label="Previous page icon--20">
         {% tablericon "arrow-left" "Previous" %}
       </button>
     </a>
   {% else %}
     <button
-      class="py-2 pr-4 cursor-not-allowed disabled:opacity-50 icon--h-20"
+      class="py-2 pr-4 cursor-not-allowed disabled:opacity-50 icon--20"
       aria-label="Previous page (disabled)"
       disabled>
       {% tablericon "arrow-left" "Prevous" %}
@@ -18,13 +18,13 @@
   </div>
   {% if pagination.href.next %}
     <a href="{{ pagination.href.next }}">
-      <button class="py-2 pl-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500 icon--h-20" aria-label="Next page">
+      <button class="py-2 pl-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500 icon--20" aria-label="Next page">
         {% tablericon "arrow-right" "Next" %}
       </button>
     </a>
   {% else %}
     <button
-      class="py-2 pl-4 cursor-not-allowed disabled:opacity-50 icon--h-20"
+      class="py-2 pl-4 cursor-not-allowed disabled:opacity-50 icon--20"
       aria-label="Next page (disabled)"
       disabled>
       {% tablericon "arrow-right" "Next" %}
diff --git a/src/_includes/partials/popular-posts.liquid b/src/_includes/partials/popular-posts.liquid
index 6c890321..4b610ab8 100644
--- a/src/_includes/partials/popular-posts.liquid
+++ b/src/_includes/partials/popular-posts.liquid
@@ -1,6 +1,6 @@
 {% assign posts = posts | getPopularPosts: analytics %}
 <div class="not-prose">
-  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
+  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
     {% tablericon "flame" "Popular" %}
     <div class="ml-1">Popular posts</div>
   </h2>
diff --git a/src/_includes/webrings/css-joy.liquid b/src/_includes/webrings/css-joy.liquid
index 7cb01e00..2c1ae44b 100644
--- a/src/_includes/webrings/css-joy.liquid
+++ b/src/_includes/webrings/css-joy.liquid
@@ -5,15 +5,15 @@
     </h3>
   </a>
   <div class="flex flex-row justify-center items-center">
-    <a class="link--icon icon--h-20" href="https://webri.ng/webring/cssjoy/previous?via=https://coryd.dev/webrings">
+    <a class="link--icon icon--20" href="https://webri.ng/webring/cssjoy/previous?via=https://coryd.dev/webrings">
       {% tablericon "arrow-left" "Previous site" %}
     </a>
     <div class="flex justify-center">
-      <a href="https://webri.ng/webring/cssjoy/random?via=https://coryd.dev/webrings" class="icon--bold mx-4 flex flex-row items-center font-semibold p-2 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-purple-500 icon--h-24">
+      <a href="https://webri.ng/webring/cssjoy/random?via=https://coryd.dev/webrings" class="icon--bold mx-4 flex flex-row items-center font-semibold p-2 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-purple-500 icon--24">
         {% tablericon "dice-3" "Random site" %}
       </a>
     </div>
-    <a class="link--icon icon--h-20" href="https://webri.ng/webring/cssjoy/next?via=https://coryd.dev/webrings">
+    <a class="link--icon icon--20" href="https://webri.ng/webring/cssjoy/next?via=https://coryd.dev/webrings">
       {% tablericon "arrow-right" "Next site" %}
     </a>
   </div>
diff --git a/src/_includes/webrings/the-claw.liquid b/src/_includes/webrings/the-claw.liquid
index f476e77b..1c09092c 100644
--- a/src/_includes/webrings/the-claw.liquid
+++ b/src/_includes/webrings/the-claw.liquid
@@ -7,7 +7,7 @@
   </h3>
   <div class="flex justify-center">
     <a href="https://github.com/whitep4nth3r/the-claw-webring" class="flex flex-row items-start md:items-center font-semibold py-2 px-4 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-purple-500">
-        <span class="icon--bold pt-1 md:pt-0 mr-1 icon--h-20">
+        <span class="icon--bold pt-1 md:pt-0 mr-1 icon--20">
           {% tablericon "user-plus" "Join!" %}
         </span>
       <span>Join!</span>
diff --git a/src/assets/feeds/books.md b/src/assets/feeds/books.md
index d42d0016..39aea447 100644
--- a/src/assets/feeds/books.md
+++ b/src/assets/feeds/books.md
@@ -2,7 +2,6 @@
 layout: feed
 title: Books • Cory Dransfeldt
 icon: books
-heading: Feed preview • books
 description: A feed of my recently read books.
 permalink: /assets/feeds/books.xsl
 ---
\ No newline at end of file
diff --git a/src/assets/feeds/feed.md b/src/assets/feeds/feed.md
index bdd1c225..aef71615 100644
--- a/src/assets/feeds/feed.md
+++ b/src/assets/feeds/feed.md
@@ -2,7 +2,6 @@
 layout: feed
 title: Posts • Cory Dransfeldt
 icon: rss
-heading: Feed preview • all posts
 description: A feed of the posts from my site.
 permalink: /assets/feeds/feed.xsl
 ---
\ No newline at end of file
diff --git a/src/assets/feeds/follow.md b/src/assets/feeds/follow.md
index 67ef21a1..5092bfcc 100644
--- a/src/assets/feeds/follow.md
+++ b/src/assets/feeds/follow.md
@@ -2,7 +2,6 @@
 layout: feed
 title: Follow • Cory Dransfeldt
 icon: user-plus
-heading: Feed preview • follow
 description: My activity from around the web.
 permalink: /assets/feeds/follow.xsl
 ---
\ No newline at end of file
diff --git a/src/assets/feeds/links.md b/src/assets/feeds/links.md
index 6bf6c9f2..69a68202 100644
--- a/src/assets/feeds/links.md
+++ b/src/assets/feeds/links.md
@@ -2,7 +2,6 @@
 layout: feed
 title: Links • Cory Dransfeldt
 icon: link
-heading: Feed preview • links
 description: A feed of links I've liked.
 permalink: /assets/feeds/links.xsl
 ---
\ No newline at end of file
diff --git a/src/now.html b/src/now.html
index 8534798c..d394bc37 100644
--- a/src/now.html
+++ b/src/now.html
@@ -17,18 +17,18 @@ meta:
   image:
     src: https://coryd.dev/assets/img/avatar.webp
 ---
-<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
+<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
   {% tablericon "clock-heart" "Currently" %}
   <div class="ml-1">Currently</div>
 </h2>
 <div class="pl-4 md:pl-8">
   {% render "partials/now/status.liquid", status:status %}
   <p class="my-2 flex flex-row items-start md:items-center">
-    <span class="pt-1 md:pt-0 mr-1 icon--h-20">{% tablericon "map-2" "Map" %}</span>
+    <span class="pt-1 md:pt-0 mr-1 icon--20">{% tablericon "map-2" "Map" %}</span>
     <span>Living in Camarillo, California with my beautiful family, 4 rescue dogs and a guinea pig.</span>
   </p>
   <p class="my-2 flex flex-row items-start md:items-center">
-    <span class="pt-1 md:pt-0 mr-1 icon--h-20">
+    <span class="pt-1 md:pt-0 mr-1 icon--20">
       {% tablericon "play-basketball" "Hacking" %}
     </span>
     <span>
@@ -36,13 +36,13 @@ meta:
     </span>
   </p>
 </div>
-<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
+<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
   {% tablericon "terminal-2" "Making" %}
   <div class="ml-1">Making</div>
 </h2>
 <div class="pl-4 md:pl-8">
   <p class="my-2 flex flex-row items-start md:items-center">
-    <span class="pt-1 md:pt-0 mr-1 icon--h-20">
+    <span class="pt-1 md:pt-0 mr-1 icon--20">
       {% tablericon "code" "Hacking" %}
     </span>
     <span>
@@ -51,7 +51,7 @@ meta:
     </span>
   </p>
   <p class="my-2 flex flex-row items-start md:items-center">
-    <span class="pt-1 md:pt-0 mr-1 icon--h-20">{% tablericon "hand-stop" "Ad and tracker-blocking" %}</span>
+    <span class="pt-1 md:pt-0 mr-1 icon--20">{% tablericon "hand-stop" "Ad and tracker-blocking" %}</span>
     <a href="https://github.com/cdransf/awesome-adblock">Assembling lists of ad and tracker-blocking tools.</a>
   </p>
 </div>
\ No newline at end of file
diff --git a/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md b/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md
index f4231012..00a9a7f3 100644
--- a/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md
+++ b/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md
@@ -152,7 +152,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
 
 ```liquid
 {% if recentTracks.size > 0 %}
-  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
+  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
     {% tablericon "microphone" "Artists" %}
     <div class="ml-1">Artists</div>
   </h2>
@@ -176,7 +176,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
   </div>
 {% endif %}
 {% if recentTracks.size > 0 %}
-  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
+  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
     {% tablericon "musical-note" "Albums" %}
     <div class="ml-1">Albums</div>
   </h2>
diff --git a/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md b/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md
index 5bff7f2d..b0836d30 100644
--- a/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md
+++ b/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md
@@ -46,7 +46,7 @@ Rendering the output is as simple as:
 
 ```liquid
 {% if albumReleases.size > 0 %}
-  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
+  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
     {% tablericon "calendar" "Albums I'm looking forward to" %}
     <div class="ml-1">Albums I'm looking forward to</div>
   </h2>
diff --git a/src/posts/2023/popular-posts-widget-using-eleventy-plausible.md b/src/posts/2023/popular-posts-widget-using-eleventy-plausible.md
index 6bc46c0e..3da7c19f 100644
--- a/src/posts/2023/popular-posts-widget-using-eleventy-plausible.md
+++ b/src/posts/2023/popular-posts-widget-using-eleventy-plausible.md
@@ -52,7 +52,7 @@ And rendered using a liquid template:
 ```liquid
 {% assign posts = posts | getPopularPosts: analytics %}
 <div class="not-prose">
-  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
+  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
     {% tablericon "fire" "Popular" %}
     <div class="ml-1">Popular posts</div>
   </h2>
diff --git a/tailwind.css b/tailwind.css
index 7f441d08..f9fee118 100644
--- a/tailwind.css
+++ b/tailwind.css
@@ -108,16 +108,24 @@ code[class*=language-], pre[class*=language-] {
   stroke-width: 1.4;
 }
 
-.icon--h-20 > svg {
+.icon--20 > svg {
   @apply h-5;
+  @apply w-5;
 }
 
-.icon--h-24 > svg {
+.icon--24 > svg {
   @apply h-6;
+  @apply w-6
 }
 
-.icon--h-28 > svg {
-  @apply h-6;
+.icon--28 > svg {
+  @apply h-7;
+  @apply w-7;
+}
+
+.icon--32 > svg {
+  @apply h-8;
+  @apply w-8;
 }
 
 .icon--bold > svg {