diff --git a/.eleventy.js b/.eleventy.js
index e778df8e..6835dd78 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -1,5 +1,5 @@
 const syntaxHighlight = require('@11ty/eleventy-plugin-syntaxhighlight')
-const heroIcons = require('@cdransf/eleventy-plugin-heroicons')
+const tablerIcons = require('eleventy-plugin-tabler-icons')
 const pluginUnfurl = require('eleventy-plugin-unfurl')
 const pluginFilesMinifier = require('@sherby/eleventy-plugin-files-minifier')
 const schema = require('@quasibit/eleventy-plugin-schema')
@@ -22,7 +22,7 @@ require('dotenv-flow').config()
 module.exports = function (eleventyConfig) {
   // plugins
   eleventyConfig.addPlugin(syntaxHighlight)
-  eleventyConfig.addPlugin(heroIcons)
+  eleventyConfig.addPlugin(tablerIcons)
   eleventyConfig.addPlugin(pluginUnfurl)
   eleventyConfig.addPlugin(pluginFilesMinifier)
   eleventyConfig.addPlugin(schema)
diff --git a/package.json b/package.json
index a6c6365d..e252c9bc 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,6 @@
     "@11ty/eleventy-img": "^3.1.0",
     "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
     "@catppuccin/tailwindcss": "^0.1.6",
-    "@cdransf/eleventy-plugin-heroicons": "^1.3.2",
     "@commitlint/cli": "^17.6.6",
     "@commitlint/config-conventional": "^17.6.6",
     "@extractus/feed-extractor": "6.2.4",
@@ -34,10 +33,10 @@
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
     "autoprefixer": "^10.4.2",
-    "sanitize-html": "^2.11.0",
     "child_process": "^1.0.2",
     "clean-css": "^5.3.2",
     "dotenv-flow": "^3.2.0",
+    "eleventy-plugin-tabler-icons": "^1.0.6",
     "eleventy-plugin-unfurl": "^1.0.0",
     "eleventy-plugin-youtube-embed": "^1.9.0",
     "eslint": "^8.42.0",
@@ -58,6 +57,7 @@
     "postcss": "^8.4.25",
     "prettier": "^3.0.0",
     "prettier-plugin-tailwindcss": "^0.4.0",
+    "sanitize-html": "^2.11.0",
     "striptags": "^3.2.0",
     "tailwindcss": "^3.3.2"
   },
diff --git a/src/404.html b/src/404.html
index 04dd0c3c..76cebfc8 100644
--- a/src/404.html
+++ b/src/404.html
@@ -12,7 +12,7 @@ permalink: 404.html
   <div class="flex justify-center">
     <a href="/" 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="pt-1 md:pt-0 mr-1">
-        {% heroicon "outline" "receipt-percent" "Receipt" "width=20 height=20" %}
+        {% tablericon "receipt-2" "Receipt" "width=20 height=20" %}
       </span>
       <span>Skip out on the room service bill</span>
     </a>
diff --git a/src/_includes/icons/apple-music.liquid b/src/_includes/icons/apple-music.liquid
index 3d5784e5..e6dc7f69 100644
--- a/src/_includes/icons/apple-music.liquid
+++ b/src/_includes/icons/apple-music.liquid
@@ -1,11 +1,7 @@
 <a
+  class="link--icon"
   href="https://music.apple.com/profile/cdransf"
   rel="me"
   title="Apple Music">
-  <svg
-    class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500"
-    role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Apple Music</title>
-    <path
-      d="M23.994 6.124a9.23 9.23 0 00-.24-2.19c-.317-1.31-1.062-2.31-2.18-3.043a5.022 5.022 0 00-1.877-.726 10.496 10.496 0 00-1.564-.15c-.04-.003-.083-.01-.124-.013H5.986c-.152.01-.303.017-.455.026-.747.043-1.49.123-2.193.4-1.336.53-2.3 1.452-2.865 2.78-.192.448-.292.925-.363 1.408-.056.392-.088.785-.1 1.18 0 .032-.007.062-.01.093v12.223c.01.14.017.283.027.424.05.815.154 1.624.497 2.373.65 1.42 1.738 2.353 3.234 2.801.42.127.856.187 1.293.228.555.053 1.11.06 1.667.06h11.03a12.5 12.5 0 001.57-.1c.822-.106 1.596-.35 2.295-.81a5.046 5.046 0 001.88-2.207c.186-.42.293-.87.37-1.324.113-.675.138-1.358.137-2.04-.002-3.8 0-7.595-.003-11.393zm-6.423 3.99v5.712c0 .417-.058.827-.244 1.206-.29.59-.76.962-1.388 1.14-.35.1-.706.157-1.07.173-.95.045-1.773-.6-1.943-1.536a1.88 1.88 0 011.038-2.022c.323-.16.67-.25 1.018-.324.378-.082.758-.153 1.134-.24.274-.063.457-.23.51-.516a.904.904 0 00.02-.193c0-1.815 0-3.63-.002-5.443a.725.725 0 00-.026-.185c-.04-.15-.15-.243-.304-.234-.16.01-.318.035-.475.066-.76.15-1.52.303-2.28.456l-2.325.47-1.374.278c-.016.003-.032.01-.048.013-.277.077-.377.203-.39.49-.002.042 0 .086 0 .13-.002 2.602 0 5.204-.003 7.805 0 .42-.047.836-.215 1.227-.278.64-.77 1.04-1.434 1.233-.35.1-.71.16-1.075.172-.96.036-1.755-.6-1.92-1.544-.14-.812.23-1.685 1.154-2.075.357-.15.73-.232 1.108-.31.287-.06.575-.116.86-.177.383-.083.583-.323.6-.714v-.15c0-2.96 0-5.922.002-8.882 0-.123.013-.25.042-.37.07-.285.273-.448.546-.518.255-.066.515-.112.774-.165.733-.15 1.466-.296 2.2-.444l2.27-.46c.67-.134 1.34-.27 2.01-.403.22-.043.442-.088.663-.106.31-.025.523.17.554.482.008.073.012.148.012.223.002 1.91.002 3.822 0 5.732z"/>
-  </svg>
+  {% tablericon "device-airpods" "Apple Music" "height=24" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/coffee.liquid b/src/_includes/icons/coffee.liquid
index 1237efbf..0fd8dc8f 100644
--- a/src/_includes/icons/coffee.liquid
+++ b/src/_includes/icons/coffee.liquid
@@ -1,11 +1,7 @@
-  <a
+<a
+  class="link--icon"
   href="https://www.buymeacoffee.com/cory"
   rel="me"
   title="Buy Me a Coffee">
-  <svg
-    class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500"
-    role="img"
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg">
-    <title>Buy Me A Coffee</title><path d="M20.216 6.415l-.132-.666c-.119-.598-.388-1.163-1.001-1.379-.197-.069-.42-.098-.57-.241-.152-.143-.196-.366-.231-.572-.065-.378-.125-.756-.192-1.133-.057-.325-.102-.69-.25-.987-.195-.4-.597-.634-.996-.788a5.723 5.723 0 00-.626-.194c-1-.263-2.05-.36-3.077-.416a25.834 25.834 0 00-3.7.062c-.915.083-1.88.184-2.75.5-.318.116-.646.256-.888.501-.297.302-.393.77-.177 1.146.154.267.415.456.692.58.36.162.737.284 1.123.366 1.075.238 2.189.331 3.287.37 1.218.05 2.437.01 3.65-.118.299-.033.598-.073.896-.119.352-.054.578-.513.474-.834-.124-.383-.457-.531-.834-.473-.466.074-.96.108-1.382.146-1.177.08-2.358.082-3.536.006a22.228 22.228 0 01-1.157-.107c-.086-.01-.18-.025-.258-.036-.243-.036-.484-.08-.724-.13-.111-.027-.111-.185 0-.212h.005c.277-.06.557-.108.838-.147h.002c.131-.009.263-.032.394-.048a25.076 25.076 0 013.426-.12c.674.019 1.347.067 2.017.144l.228.031c.267.04.533.088.798.145.392.085.895.113 1.07.542.055.137.08.288.111.431l.319 1.484a.237.237 0 01-.199.284h-.003c-.037.006-.075.01-.112.015a36.704 36.704 0 01-4.743.295 37.059 37.059 0 01-4.699-.304c-.14-.017-.293-.042-.417-.06-.326-.048-.649-.108-.973-.161-.393-.065-.768-.032-1.123.161-.29.16-.527.404-.675.701-.154.316-.199.66-.267 1-.069.34-.176.707-.135 1.056.087.753.613 1.365 1.37 1.502a39.69 39.69 0 0011.343.376.483.483 0 01.535.53l-.071.697-1.018 9.907c-.041.41-.047.832-.125 1.237-.122.637-.553 1.028-1.182 1.171-.577.131-1.165.2-1.756.205-.656.004-1.31-.025-1.966-.022-.699.004-1.556-.06-2.095-.58-.475-.458-.54-1.174-.605-1.793l-.731-7.013-.322-3.094c-.037-.351-.286-.695-.678-.678-.336.015-.718.3-.678.679l.228 2.185.949 9.112c.147 1.344 1.174 2.068 2.446 2.272.742.12 1.503.144 2.257.156.966.016 1.942.053 2.892-.122 1.408-.258 2.465-1.198 2.616-2.657.34-3.332.683-6.663 1.024-9.995l.215-2.087a.484.484 0 01.39-.426c.402-.078.787-.212 1.074-.518.455-.488.546-1.124.385-1.766zm-1.478.772c-.145.137-.363.201-.578.233-2.416.359-4.866.54-7.308.46-1.748-.06-3.477-.254-5.207-.498-.17-.024-.353-.055-.47-.18-.22-.236-.111-.71-.054-.995.052-.26.152-.609.463-.646.484-.057 1.046.148 1.526.22.577.088 1.156.159 1.737.212 2.48.226 5.002.19 7.472-.14.45-.06.899-.13 1.345-.21.399-.072.84-.206 1.08.206.166.281.188.657.162.974a.544.544 0 01-.169.364zm-6.159 3.9c-.862.37-1.84.788-3.109.788a5.884 5.884 0 01-1.569-.217l.877 9.004c.065.78.717 1.38 1.5 1.38 0 0 1.243.065 1.658.065.447 0 1.786-.065 1.786-.065.783 0 1.434-.6 1.499-1.38l.94-9.95a3.996 3.996 0 00-1.322-.238c-.826 0-1.491.284-2.26.613z" /></svg>
+  {% tablericon "cup" "Buy Me a Coffee" "height=24" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/email.liquid b/src/_includes/icons/email.liquid
new file mode 100644
index 00000000..94d9f169
--- /dev/null
+++ b/src/_includes/icons/email.liquid
@@ -0,0 +1,7 @@
+<a
+  class="link--icon"
+  href="mailto:hi@coryd.dev"
+  rel="me"
+  title="Email">
+  {% tablericon "at" "Email" "height=24" %}
+</a>
\ No newline at end of file
diff --git a/src/_includes/icons/fastmail.liquid b/src/_includes/icons/fastmail.liquid
deleted file mode 100644
index d4542fed..00000000
--- a/src/_includes/icons/fastmail.liquid
+++ /dev/null
@@ -1,18 +0,0 @@
-<a
-  href="mailto:hi@coryd.dev"
-  rel="me"
-  title="Fastmail">
-  <?xml version="1.0" encoding="utf-8"?>
-  <svg
-    class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500"
-    viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
-    <g transform="matrix(0.976563, 0, 0, -0.976563, -0.000137, 437.500092)">
-      <g transform="">
-        <path
-          d="M 256 192 L 375 274 L 375 125 C 375 117 368 110 360 110 L 136 110 L 136 274 L 256 192 Z M 512 192 C 512 51 397 -64 256 -64 C 168 -64 91 -20 45 47 L 91 79 C 127 27 187 -8 256 -8 C 366 -8 456 82 456 192 C 456 233 443 272 420 305 L 420 305 C 384 358 324 392 256 392 C 145 392 56 303 56 192 C 56 152 68 112 91 79 L 45 47 C 16 90 0 140 0 192 C 0 333 115 448 256 448 C 343 448 420 404 466 337 C 496 294 512 244 512 192 Z M 512 192"
-        />
-      </g>
-    </g>
-    <title>Fastmail</title>
-  </svg>
-</a>
\ No newline at end of file
diff --git a/src/_includes/icons/github.liquid b/src/_includes/icons/github.liquid
index 3ecbd1ff..7217bcbd 100644
--- a/src/_includes/icons/github.liquid
+++ b/src/_includes/icons/github.liquid
@@ -1,11 +1,7 @@
 <a
+  class="link--icon"
   href="https://github.com/cdransf"
   rel="me"
   title="GitHub">
-  <svg
-    class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500"
-    role="img"
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg">
-    <title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" /></svg>
+  {% tablericon "brand-github" "GitHub" "height=24" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/letterboxd.liquid b/src/_includes/icons/letterboxd.liquid
index f0f883e5..632b7591 100644
--- a/src/_includes/icons/letterboxd.liquid
+++ b/src/_includes/icons/letterboxd.liquid
@@ -1,11 +1,7 @@
 <a
+  class="link--icon"
   href="https://letterboxd.com/cdme"
   rel="me"
   title="Letterboxd">
-  <svg
-    class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500"
-    role="img"
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg">
-    <title>Letterboxd</title><path d="M8.29 16.752V7.2H6.546V4.8h6.328v2.4h-1.746v9.574h3.925v-2.618h2.839V19.2H6.545v-2.448h1.746zM0 12c0 6.628 5.372 12 12 12s12-5.372 12-12S18.628 0 12 0 0 5.372 0 12z" /></svg>
+  {% tablericon "brand-letterboxd" "Letterboxd" "height=24" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/mastodon.liquid b/src/_includes/icons/mastodon.liquid
index f1e3e90d..bd27636b 100644
--- a/src/_includes/icons/mastodon.liquid
+++ b/src/_includes/icons/mastodon.liquid
@@ -1,11 +1,7 @@
 <a
+  class="link--icon"
   href="https://social.lol/@cory"
   rel="me"
   title="Mastodon">
-  <svg
-    class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500"
-    role="img"
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg">
-    <title>Mastodon</title><path d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z" /></svg>
+  {% tablericon "brand-mastodon" "Mastodon" "height=24" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/rss.liquid b/src/_includes/icons/rss.liquid
index 3ee3a678..057fd428 100644
--- a/src/_includes/icons/rss.liquid
+++ b/src/_includes/icons/rss.liquid
@@ -1,7 +1,3 @@
-<a href="/feeds" title="RSS">
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
-       class="inline w-6 h-6 outline-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500{% if page.url == '/feeds/' %} active{% endif %}">
-    <path stroke-linecap="round" stroke-linejoin="round"
-          d="M12.75 19.5v-.75a7.5 7.5 0 00-7.5-7.5H4.5m0-6.75h.75c7.87 0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"/>
-  </svg>
+<a href="/feeds" title="RSS" class="link--icon{% if page.url == '/feeds/' %} active{% endif %}">
+  {% tablericon "rss" "RSS" "height=24" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/search.liquid b/src/_includes/icons/search.liquid
index d9d0c599..1e053f4b 100644
--- a/src/_includes/icons/search.liquid
+++ b/src/_includes/icons/search.liquid
@@ -1,7 +1,3 @@
-<a href="/search" title="Search posts">
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
-       class="inline w-6 h-6 outline-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500{% if page.url == '/search/' %} active{% endif %}">
-    <path stroke-linecap="round" stroke-linejoin="round"
-          d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"/>
-  </svg>
+<a href="/search" title="Search posts" class="link--icon{% if page.url == '/search/' %} active{% endif %}">
+  {% tablericon "search" "Search posts" "height=24" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/tags.liquid b/src/_includes/icons/tags.liquid
index 8986f413..cad0cd61 100644
--- a/src/_includes/icons/tags.liquid
+++ b/src/_includes/icons/tags.liquid
@@ -1,9 +1,3 @@
-<a href="/tags" title="Post tags">
-  <svg
-    class="inline w-6 h-6 outline-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500{% if page.url == '/tags/' %} active{% endif %}"
-    xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
-    <path stroke-linecap="round" stroke-linejoin="round"
-          d="M9.568 3H5.25A2.25 2.25 0 003 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 005.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 009.568 3z"/>
-    <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6z"/>
-  </svg>
+<a href="/tags" title="Post tags" class="link--icon{% if page.url == '/tags/' %} active{% endif %}">
+  {% tablericon "tag" "Post tags" "height=24" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/trakt.liquid b/src/_includes/icons/trakt.liquid
index b1a8c7b6..d7f8bad2 100644
--- a/src/_includes/icons/trakt.liquid
+++ b/src/_includes/icons/trakt.liquid
@@ -1,11 +1,7 @@
 <a
+  class="link--icon"
   href="https://trakt.tv/users/cdransf"
   rel="me"
   title="Trakt">
-  <svg
-    class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500"
-    role="img"
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg">
-    <title>Trakt</title><path d="M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm0-22.789C6.05 1.211 1.211 6.05 1.211 12S6.05 22.79 12 22.79 22.79 17.95 22.79 12 17.95 1.211 12 1.211zm-7.11 17.32c1.756 1.92 4.294 3.113 7.11 3.113 1.439 0 2.801-.313 4.027-.876l-6.697-6.68-4.44 4.443zm14.288-.067c1.541-1.71 2.484-3.99 2.484-6.466 0-3.885-2.287-7.215-5.568-8.76l-6.089 6.076 9.164 9.15h.009zm-9.877-8.429L4.227 15.09l-.679-.68 5.337-5.336 6.23-6.225c-.978-.328-2.02-.509-3.115-.509C6.663 2.337 2.337 6.663 2.337 12c0 2.172.713 4.178 1.939 5.801l5.056-5.055.359.329 7.245 7.245c.15-.082.285-.164.42-.266L9.33 12.05l-4.854 4.855-.679-.679 5.535-5.535.359.331 8.46 8.437c.135-.1.255-.215.375-.316L9.39 10.027l-.083.015-.006-.007zm3.047 1.028l-.678-.676 4.788-4.79.679.689-4.789 4.785v-.008zm4.542-6.578l-5.52 5.52-.68-.679 5.521-5.52.679.684v-.005z" /></svg>
+  {% tablericon "device-tv" "Trakt" "height=24" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/partials/footer.liquid b/src/_includes/partials/footer.liquid
index b7d7afd7..28bc779c 100644
--- a/src/_includes/partials/footer.liquid
+++ b/src/_includes/partials/footer.liquid
@@ -1,6 +1,6 @@
 <footer>
   <div class="mt-8 pt-8 pb-4 flex gap-3 justify-center w-full">
-    {% render "icons/fastmail.liquid" %}
+    {% render "icons/email.liquid" %}
     {% render "icons/github.liquid" %}
     {% render "icons/mastodon.liquid" %}
     {% render "icons/apple-music.liquid" %}
diff --git a/src/_includes/partials/now/albumReleases.liquid b/src/_includes/partials/now/albumReleases.liquid
index 7a5aae5c..71b2f7e1 100644
--- a/src/_includes/partials/now/albumReleases.liquid
+++ b/src/_includes/partials/now/albumReleases.liquid
@@ -1,6 +1,6 @@
 {% 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">
-    {% heroicon "outline" "calendar" "Anticipated albums" "height=28" %}
+    {% tablericon "calendar-time" "Anticipated albums" "height=28" %}
     <div class="ml-1">Anticipated albums</div>
   </h2>
   <ul class="list-inside list-disc pl-5 md:pl-10">
diff --git a/src/_includes/partials/now/albums.liquid b/src/_includes/partials/now/albums.liquid
index 5890d7e0..b071964e 100644
--- a/src/_includes/partials/now/albums.liquid
+++ b/src/_includes/partials/now/albums.liquid
@@ -1,6 +1,6 @@
 {% if music.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">
-    {% heroicon "outline" "musical-note" "Albums" "height=28" %}
+    {% tablericon "vinyl" "Albums" "height=28" %}
     <div class="ml-1">Albums</div>
   </h2>
   <div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
diff --git a/src/_includes/partials/now/artists.liquid b/src/_includes/partials/now/artists.liquid
index 571444ee..ec49b6d1 100644
--- a/src/_includes/partials/now/artists.liquid
+++ b/src/_includes/partials/now/artists.liquid
@@ -1,6 +1,6 @@
 {% if music.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">
-    {% heroicon "outline" "microphone" "Artists" "height=28" %}
+    {% tablericon "microphone-2" "Artists" "height=28" %}
     <div class="ml-1">Artists</div>
   </h2>
   <div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
diff --git a/src/_includes/partials/now/books.liquid b/src/_includes/partials/now/books.liquid
index 9f5f61c0..93dd384b 100644
--- a/src/_includes/partials/now/books.liquid
+++ b/src/_includes/partials/now/books.liquid
@@ -1,6 +1,6 @@
 {% if books.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">
-    {% heroicon "outline" "book-open" "Books" "height=28" %}
+    {% tablericon "books" "Books" "height=28" %}
     <div class="ml-1">Books</div>
   </h2>
   <div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">
diff --git a/src/_includes/partials/now/links.liquid b/src/_includes/partials/now/links.liquid
index a82266e3..de36bc63 100644
--- a/src/_includes/partials/now/links.liquid
+++ b/src/_includes/partials/now/links.liquid
@@ -1,6 +1,6 @@
 {% if links.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">
-    {% heroicon "outline" "link" "Links" "height=28" %}
+    {% tablericon "link" "Links" "height=28" %}
     <div class="ml-1">Links</div>
   </h2>
   <ul class="list-inside list-disc pl-5 md:pl-10">
diff --git a/src/_includes/partials/now/movies.liquid b/src/_includes/partials/now/movies.liquid
index 4534adbf..119d8e6f 100644
--- a/src/_includes/partials/now/movies.liquid
+++ b/src/_includes/partials/now/movies.liquid
@@ -1,6 +1,6 @@
 {% if movies.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">
-    {% heroicon "outline" "film" "Movies" "height=28" %}
+    {% tablericon "movie" "Movies" "height=28" %}
     <div class="ml-1">Movies</div>
   </h2>
   <div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">
diff --git a/src/_includes/partials/now/tv.liquid b/src/_includes/partials/now/tv.liquid
index 91513a92..d96c8cf0 100644
--- a/src/_includes/partials/now/tv.liquid
+++ b/src/_includes/partials/now/tv.liquid
@@ -1,6 +1,6 @@
 {% if tv.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">
-    {% heroicon "outline" "tv" "TV" "height=28" %}
+    {% tablericon "device-tv" "TV" "height=28" %}
     <div class="ml-1">TV</div>
   </h2>
   <div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">
diff --git a/src/_includes/partials/paginator.liquid b/src/_includes/partials/paginator.liquid
index eac554dc..09714df2 100644
--- a/src/_includes/partials/paginator.liquid
+++ b/src/_includes/partials/paginator.liquid
@@ -2,7 +2,7 @@
   {% 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">
-        {% heroicon "outline" "arrow-left" "Previous" "width=20 height=20" %}
+        {% tablericon "arrow-left" "Previous" "width=20 height=20" %}
       </button>
     </a>
   {% else %}
@@ -10,7 +10,7 @@
       class="py-2 pr-4 cursor-not-allowed disabled:opacity-50"
       aria-label="Previous page (disabled)"
       disabled>
-      {% heroicon "outline" "arrow-left" "Prevous" "width=20 height=20" %}
+      {% tablericon "arrow-left" "Prevous" "width=20 height=20" %}
     </button>
   {% endif %}
   <div class="text-center">
@@ -19,7 +19,7 @@
   {% 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" aria-label="Next page">
-        {% heroicon "outline" "arrow-right" "Next" "width=20 height=20" %}
+        {% tablericon "arrow-right" "Next" "width=20 height=20" %}
       </button>
     </a>
   {% else %}
@@ -27,7 +27,7 @@
       class="py-2 pl-4 cursor-not-allowed disabled:opacity-50"
       aria-label="Next page (disabled)"
       disabled>
-      {% heroicon "outline" "arrow-right" "Next" "width=20 height=20" %}
+      {% tablericon "arrow-right" "Next" "width=20 height=20" %}
     </button>
   {% endif %}
 </nav>
\ No newline at end of file
diff --git a/src/_includes/partials/popular-posts.liquid b/src/_includes/partials/popular-posts.liquid
index a2bbd67e..b79c52ab 100644
--- a/src/_includes/partials/popular-posts.liquid
+++ b/src/_includes/partials/popular-posts.liquid
@@ -1,7 +1,7 @@
 {% 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">
-    {% heroicon "outline" "fire" "Popular" "height=28" %}
+    {% tablericon "flame" "Popular" "height=28" %}
     <div class="ml-1">Popular posts</div>
   </h2>
   <ul class="list-inside list-disc pl-5 md:pl-10">
diff --git a/src/now.html b/src/now.html
index 7d0868eb..67491c70 100644
--- a/src/now.html
+++ b/src/now.html
@@ -18,13 +18,13 @@ meta:
     src: https://coryd.dev/assets/img/avatar.webp
 ---
 <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">
-  {% heroicon "outline" "clock" "Currently" "height=28" %}
+  {% tablericon "clock-heart" "Currently" "height=28" %}
   <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">{% heroicon "outline" "map" "Map" "width=22 height=22" %}</span>
+    <span class="pt-1 md:pt-0 mr-1">{% tablericon "map-2" "Map" "width=22 height=22" %}</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">
@@ -42,13 +42,13 @@ meta:
   </p>
 </div>
 <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">
-  {% heroicon "outline" "command-line" "Making" "height=28" %}
+  {% tablericon "terminal-2" "Making" "height=28" %}
   <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">
-      {% heroicon "outline" "code-bracket" "Hacking" "width=20 height=20" %}
+      {% tablericon "code" "Hacking" "width=20 height=20" %}
     </span>
     <span>
       Hacking away on projects like this page, my
@@ -56,7 +56,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">{% heroicon "outline" "x-circle" "Ad and tracker-blocking" "width=20 height=20" %}</span>
+    <span class="pt-1 md:pt-0 mr-1">{% tablericon "hand-stop" "Ad and tracker-blocking" "width=20 height=20" %}</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 ce4a3d6d..2973710e 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
@@ -153,7 +153,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">
-    {% heroicon "outline" "microphone" "Artists" "height=28" %}
+    {% tablericon "microphone" "Artists" "height=28" %}
     <div class="ml-1">Artists</div>
   </h2>
   <div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
@@ -177,7 +177,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
 {% 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">
-    {% heroicon "outline" "musical-note" "Albums" "height=28" %}
+    {% tablericon "musical-note" "Albums" "height=28" %}
     <div class="ml-1">Albums</div>
   </h2>
   <div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
@@ -204,7 +204,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
 
 We have an object containing arrays of objects — we iterate through each object for the appropriate section (tracks aren't displayed at the moment) and build the resulting display[^3]. This isn't perfect by any means, but, it does provide a nice little visualization of what I'm listening to and `240` tracks feels adequate as a rolling window into that activity.
 
-{% image 'https://cdn.coryd.dev/blog/albums-artists.jpg', 'Albums and artists', 'w-full', '600px' %}
+{% image '<https://cdn.coryd.dev/blog/albums-artists.jpg>', 'Albums and artists', 'w-full', '600px' %}
 
 [^1]: There are some good options to do this, but there aren't a _ton_ and the age of some of the apps is concerning. [Marvis](https://appaddy.wixsite.com/marvis) is far and away your best choice here.
 [^2]: Making sure that you update the values you obtained, including the path to your downloaded `.p8` file.
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 e27cbf3d..161ff185 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
@@ -47,7 +47,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">
-    {% heroicon "solid" "calendar" "Albums I'm looking forward to" "height=28" %}
+    {% tablericon "calendar" "Albums I'm looking forward to" "height=28" %}
     <div class="ml-1">Albums I'm looking forward to</div>
   </h2>
   <ul class="list-inside list-disc pl-5 md:pl-10">
@@ -65,6 +65,6 @@ Rendering the output is as simple as:
 
 {% endraw %}
 Leaving us with:
-{% image 'https://cdn.coryd.dev/blog/album-releases.jpg', 'Albums I\'m looking forward to', 'w-full', '600px' %}
+{% image '<https://cdn.coryd.dev/blog/album-releases.jpg>', 'Albums I\'m looking forward to', 'w-full', '600px' %}
 
 [^1]: At this point, a dev playground.
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 b9a42597..86703743 100644
--- a/src/posts/2023/popular-posts-widget-using-eleventy-plausible.md
+++ b/src/posts/2023/popular-posts-widget-using-eleventy-plausible.md
@@ -53,7 +53,7 @@ And rendered using a liquid template:
 {% 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">
-    {% heroicon "outline" "fire" "Popular" "height=28" %}
+    {% tablericon "fire" "Popular" "height=28" %}
     <div class="ml-1">Popular posts</div>
   </h2>
   <ul class="list-inside list-disc pl-5 md:pl-10">
diff --git a/tailwind.css b/tailwind.css
index 459aad1c..5b369b9d 100644
--- a/tailwind.css
+++ b/tailwind.css
@@ -2,46 +2,25 @@
 @tailwind components;
 @tailwind utilities;
 
-/*noinspection Annotator*/
 ::-moz-selection {
   color: theme(colors.white);
   background: theme(colors.purple.400);
 }
 
-/*noinspection Annotator*/
 ::selection {
   color: theme(colors.white);
   background: theme(colors.purple.400);
 }
 
-.toggle-light {
-  @apply inline;
-}
-
-.dark .toggle-light {
-  @apply hidden;
-}
-
-.toggle-dark {
-  @apply hidden;
-}
-
-.dark .toggle-dark {
-  @apply inline;
-}
-
 .icon-inline svg {
   @apply inline;
 }
 
-.active {
+.active,
+.active svg {
   color: theme(colors.purple.600) !important;
 }
 
-.dark .active {
-  color: theme(colors.purple.400) !important;
-}
-
 .active:hover,
 .active:active,
 .active:focus {
@@ -65,11 +44,6 @@ a,
   color: theme(colors.purple.600);
 }
 
-.dark a,
-.dark .prose a {
-  color: theme(colors.purple.400);
-}
-
 a:hover,
 a:focus,
 a:active,
@@ -123,4 +97,32 @@ pre {
 .tag--button:active,
 .tag--button:focus {
   background: theme(colors.purple.500);
+}
+
+.link--icon svg {
+  color: theme(colors.gray.700)
+}
+
+.link--icon:hover svg {
+  color: theme(colors.purple.500)
+}
+
+@media (prefers-color-scheme: dark) {
+  .active,
+  .active svg {
+    color: theme(colors.purple.400) !important;
+  }
+
+  a,
+  .prose a {
+    color: theme(colors.purple.400);
+  }
+
+  .link--icon svg {
+    color: theme(colors.gray.200)
+  }
+
+  .link--icon:hover svg {
+    color: theme(colors.purple.500)
+  }
 }
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 560bfd28..4af8e359 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -240,11 +240,6 @@
   resolved "https://registry.yarnpkg.com/@catppuccin/tailwindcss/-/tailwindcss-0.1.6.tgz#d97c491e1523ead83009e32d0a34c364c2a0ca5b"
   integrity sha512-V+Y0AwZ5SSyvOVAcDl7Ng30xy+m82OKnEJ+9+kcZZ7lRyXuZrAb2GScdq9XR3v+ggt8qiZ/G4TvaC9cJ88AAXA==
 
-"@cdransf/eleventy-plugin-heroicons@^1.3.2":
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/@cdransf/eleventy-plugin-heroicons/-/eleventy-plugin-heroicons-1.3.2.tgz#8577330fa34aa6756898898014914b0880582e9f"
-  integrity sha512-sPggfG+nQvVY1hlrTZDbUK5/v7peMR3k6rssuVKm1E0sCL/x+I/lbuvpDp0MXE22chIn5M0Y/GWbSx8zo0sYmw==
-
 "@commitlint/cli@^17.6.6":
   version "17.6.6"
   resolved "https://registry.yarnpkg.com/@commitlint/cli/-/cli-17.6.6.tgz#416da9c45901323e5bf931aa1eac5995a3aa251c"
@@ -1957,6 +1952,11 @@ electron-to-chromium@^1.4.431:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.459.tgz#25a23370f4ae8aaa8f77aaf00133aa4994f4148e"
   integrity sha512-XXRS5NFv8nCrBL74Rm3qhJjA2VCsRFx0OjHKBMPI0otij56aun8UWiKTDABmd5/7GTR021pA4wivs+Ri6XCElg==
 
+eleventy-plugin-tabler-icons@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/eleventy-plugin-tabler-icons/-/eleventy-plugin-tabler-icons-1.0.6.tgz#a6c06d1fc8868e25a67808bb0fffe15c285f77db"
+  integrity sha512-JWVm1syOnkwJFsXj8Q06phvklrg7Pzk9CU+OLPSuAgUacCs7ctk/1h8CXTgpFB7//wOa0s4xrK5pJoB9biQxzQ==
+
 eleventy-plugin-unfurl@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/eleventy-plugin-unfurl/-/eleventy-plugin-unfurl-1.0.0.tgz#db70ffd8dd3fdb53c98410929ea260aeb3fd44c5"