diff --git a/.eleventy.js b/.eleventy.js
index 0dbdacd..3bd56be 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -9,6 +9,15 @@ module.exports = function(eleventyConfig) {
   eleventyConfig.addPassthroughCopy("fonts")
 
   eleventyConfig.addShortcode("fas_icon", function(name) { return `<span class="fas fa-${name}"></span>` })
+  
+  // List of icons: https://codeberg.org/Codeberg/gitea/src/branch/codeberg/public/img/svg
+  eleventyConfig.addShortcode("gitea_icon", function(name) { 
+    const fetch = require('node-fetch');
+    fetch(`https://codeberg.org/img/svg/${name}.svg`)
+    .then(res => res.text())
+    .then(body => {return svg = body;});
+    return svg 
+  })
 
   return {
     dir: {
diff --git a/content/integrations/matrix.md b/content/integrations/matrix.md
index 270e952..bdf77b9 100644
--- a/content/integrations/matrix.md
+++ b/content/integrations/matrix.md
@@ -31,7 +31,7 @@ Now we will connect the Matrix bot to your Codeberg repository. You will need ad
   <img src="/assets/images/integrations/matrix/webhooks.png" alt="webhooks">
 </picture>
 
-1. In a web browser, go to your repo and click on the `Settings` button on the top right.
+1. In a web browser, go to your repo and click on the {% gitea_icon "octicon-tools" %} `Settings` button on the top right.
 2. Navigate to the `Webhooks` settings tab.
 3. Click on the `Add Webhook` button and select `Matrix`.
 4. Here are explanations for some key fields: