diff --git a/README.md b/README.md
index 8ab407d..69950dc 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,14 @@
 # Fitness Web Component
 
-Simple Web Components for fitness cards and rings.
+Simple Web Components for fitness cards and activity rings.
 
-The the items in this demo are built using
+The items in this demo are built using
 [Fitness Visualisations](https://github.com/trovster/fitness-visualisations)
 Web Components.
 
-This website is built using [Eleventy](https://www.11ty.dev).
+This website is built using [Eleventy](https://www.11ty.dev), styled using
+[Tailwind](https://tailwindcss.com) and the icons are from
+[Heroicons](https://heroicons.com).
 
 ## The Code
 
diff --git a/package-lock.json b/package-lock.json
index 5def545..2c190c3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1027,7 +1027,7 @@
     "node_modules/fitness-visualisations": {
       "name": "@trovster/fitness-visualisations",
       "version": "1.0.0",
-      "resolved": "git+ssh://git@github.com/trovster/fitness-visualisations.git#77323a4c156d7a8d14354a85e56d63fe4478e8ec",
+      "resolved": "git+ssh://git@github.com/trovster/fitness-visualisations.git#784ab3d477ad6a5684162b80a04bb7a111d19c76",
       "license": "MIT"
     },
     "node_modules/fs.realpath": {
@@ -1721,9 +1721,9 @@
       "dev": true
     },
     "node_modules/morphdom": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/morphdom/-/morphdom-2.7.0.tgz",
-      "integrity": "sha512-8L8DwbdjjWwM/aNqj7BSoSn4G7SQLNiDcxCnMWbf506jojR6lNQ5YOmQqXEIE8u3C492UlkN4d0hQwz97+M1oQ==",
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/morphdom/-/morphdom-2.7.1.tgz",
+      "integrity": "sha512-LwrrjplMolniWtOGluKF1EHZ0y78Fa4sq7f/MXCydyNkDof+POf+ruCn+k08l7H7b/JISfRo8Zd0HazuqySY9w==",
       "dev": true
     },
     "node_modules/ms": {
diff --git a/src/icons/exercise.svg b/src/icons/exercise.svg
index c6e7f71..10ee4ed 100644
--- a/src/icons/exercise.svg
+++ b/src/icons/exercise.svg
@@ -1,3 +1,3 @@
-<svg width="{{ width }}" height="{{ height }}" x="{{ x }}" y="{{ y }}" class="{{ class }}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+<svg slot="{{ slot }}" viewBox="0 0 20 20">
   <path fill-rule="evenodd" d="M12.577 4.878a.75.75 0 01.919-.53l4.78 1.281a.75.75 0 01.531.919l-1.281 4.78a.75.75 0 01-1.449-.387l.81-3.022a19.407 19.407 0 00-5.594 5.203.75.75 0 01-1.139.093L7 10.06l-4.72 4.72a.75.75 0 01-1.06-1.061l5.25-5.25a.75.75 0 011.06 0l3.074 3.073a20.923 20.923 0 015.545-4.931l-3.042-.815a.75.75 0 01-.53-.919z" clip-rule="evenodd"></path>
 </svg>
diff --git a/src/icons/move.svg b/src/icons/move.svg
index 058e55a..4f2cdc5 100644
--- a/src/icons/move.svg
+++ b/src/icons/move.svg
@@ -1,3 +1,3 @@
-<svg width="{{ width }}" height="{{ height }}" x="{{ x }}" y="{{ y }}" class="{{ class }}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+<svg slot="{{ slot }}" viewBox="0 0 20 20">
   <path fill-rule="evenodd" d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z" clip-rule="evenodd"></path>
 </svg>
diff --git a/src/icons/stand.svg b/src/icons/stand.svg
index 6f09183..c3a7f97 100644
--- a/src/icons/stand.svg
+++ b/src/icons/stand.svg
@@ -1,3 +1,3 @@
-<svg width="{{ width }}" height="{{ height }}" x="{{ x }}" y="{{ y }}" class="{{ class }}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+<svg slot="{{ slot }}" viewBox="0 0 20 20">
   <path fill-rule="evenodd" d="M10 17a.75.75 0 01-.75-.75V5.612L5.29 9.77a.75.75 0 01-1.08-1.04l5.25-5.5a.75.75 0 011.08 0l5.25 5.5a.75.75 0 11-1.08 1.04l-3.96-4.158V16.25A.75.75 0 0110 17z" clip-rule="evenodd"></path>
 </svg>
diff --git a/src/index.njk b/src/index.njk
index 2b1fd66..a7ba0d4 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -36,7 +36,11 @@
                     move-total="{{ item.move.total }}" move-goal="{{ item.move.goal }}"
                     exercise-total="{{ item.exercise.total }}" exercise-goal="{{ item.exercise.goal }}"
                     stand-total="{{ item.stand.total }}" stand-goal="{{ item.stand.goal }}"
-                ></fitness-card>
+                >
+                    {% svg 'move', { slot: 'icon-move' } %}
+                    {% svg 'exercise', { slot: 'icon-exercise' } %}
+                    {% svg 'stand', { slot: 'icon-stand' } %}
+                </fitness-card>
             </li>
             {% endfor %}
         </ul>