diff --git a/doc.zih.tu-dresden.de/tud_theme/stylesheets/extra.css b/doc.zih.tu-dresden.de/tud_theme/stylesheets/extra.css
index bdf559828b619357d88b5a7e4ffa792be4731b8a..cc06216e6a7474dc82feb0576522772928bc04bf 100644
--- a/doc.zih.tu-dresden.de/tud_theme/stylesheets/extra.css
+++ b/doc.zih.tu-dresden.de/tud_theme/stylesheets/extra.css
@@ -36,6 +36,8 @@
     /* interaction color */
     --tud-red-90:                 rgb(221, 29, 29);
     --fg-color--light:              rgba(0, 0, 0, 0.6);
+
+    --icon-external-link: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 20 20"> <g style="stroke:rgb(35,82,124);stroke-width:1"> <line x1="5" y1="5" x2="5" y2="14" /> <line x1="14" y1="9" x2="14" y2="14" /> <line x1="5" y1="14" x2="14" y2="14" /> <line x1="5" y1="5" x2="9" y2="5"  /> <line x1="10" y1="2" x2="17" y2="2"  /> <line x1="17" y1="2" x2="17" y2="9" /> <line x1="10" y1="9" x2="17" y2="2" style="stroke-width:1.5" /> </g> </svg>');
 }
 
 .md-typeset h1,
@@ -204,8 +206,10 @@ p {
   .md-content__button,
   /* exclude icons */
   .md-icon
-)):before {
-  content: '\2197 ';
+)):after {
+  content: '';
+  background: no-repeat var(--icon-external-link);
+  padding-right: 1em;
 }
 /* footer */
 .md-footer * {