diff --git a/client-v3/package-lock.json b/client-v3/package-lock.json
index 5a8aaa82..9ada0738 100644
--- a/client-v3/package-lock.json
+++ b/client-v3/package-lock.json
@@ -36,6 +36,7 @@
         "@emnapi/core": "1.10.0",
         "@emnapi/runtime": "1.10.0",
         "@eslint/js": "^10.0.1",
+        "@iconify-json/mdi": "^1.2.3",
         "@types/lodash": "~4.17.24",
         "@types/node": ">=22.12.0",
         "@typescript-eslint/eslint-plugin": "^8.59.3",
@@ -54,6 +55,7 @@
         "sass": "1.99.0",
         "typescript": "^6.0.3",
         "typescript-eslint": "^8.59.3",
+        "unplugin-icons": "^23.0.1",
         "unplugin-vue-components": "^32.0.0",
         "vite": "^8.0.12",
         "vitest": "^4.1.6",
@@ -64,6 +66,20 @@
         "npm": ">=11.0.0 <12"
       }
     },
+    "node_modules/@antfu/install-pkg": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@antfu/install-pkg/-/install-pkg-1.1.0.tgz",
+      "integrity": "sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "package-manager-detector": "^1.3.0",
+        "tinyexec": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
     "node_modules/@asamuzakjp/css-color": {
       "version": "5.1.11",
       "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-5.1.11.tgz",
@@ -673,6 +689,35 @@
         "url": "https://github.com/sponsors/nzakas"
       }
     },
+    "node_modules/@iconify-json/mdi": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@iconify-json/mdi/-/mdi-1.2.3.tgz",
+      "integrity": "sha512-O3cLwbDOK7NNDf2ihaQOH5F9JglnulNDFV7WprU2dSoZu3h3cWH//h74uQAB87brHmvFVxIOkuBX2sZSzYhScg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@iconify/types": "*"
+      }
+    },
+    "node_modules/@iconify/types": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
+      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@iconify/utils": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@iconify/utils/-/utils-3.1.3.tgz",
+      "integrity": "sha512-LPKOXPn/zV+zis1oOfGWogaXVpqUybF3ZS6SCZIsz8vg0ivVp9+fVqyYB7xq0aiST/VhUQYGO1qo6uoYSiEJqw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@antfu/install-pkg": "^1.1.0",
+        "@iconify/types": "^2.0.0",
+        "import-meta-resolve": "^4.2.0"
+      }
+    },
     "node_modules/@internationalized/date": {
       "version": "3.12.1",
       "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.12.1.tgz",
@@ -3505,6 +3550,17 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/import-meta-resolve": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.2.0.tgz",
+      "integrity": "sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/imurmurhash": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -4346,6 +4402,13 @@
       "dev": true,
       "license": "BlueOak-1.0.0"
     },
+    "node_modules/package-manager-detector": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/package-manager-detector/-/package-manager-detector-1.6.0.tgz",
+      "integrity": "sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/parse5": {
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.1.tgz",
@@ -5217,6 +5280,59 @@
         "node": "^20.19.0 || >=22.12.0"
       }
     },
+    "node_modules/unplugin-icons": {
+      "version": "23.0.1",
+      "resolved": "https://registry.npmjs.org/unplugin-icons/-/unplugin-icons-23.0.1.tgz",
+      "integrity": "sha512-rv0XEJepajKzDLvRUWASM8K+8+/CCfZn2jtogXqg6RIp7kpatRc/aFrVJn8ANQA09e++lPEEv9yX8cC9enc+QQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@antfu/install-pkg": "^1.1.0",
+        "@iconify/utils": "^3.1.0",
+        "local-pkg": "^1.1.2",
+        "obug": "^2.1.1",
+        "unplugin": "^2.3.11"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@svgr/core": ">=7.0.0",
+        "@svgx/core": "^1.0.1",
+        "@vue/compiler-sfc": "^3.0.2",
+        "svelte": "^3.0.0 || ^4.0.0 || ^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@svgr/core": {
+          "optional": true
+        },
+        "@svgx/core": {
+          "optional": true
+        },
+        "@vue/compiler-sfc": {
+          "optional": true
+        },
+        "svelte": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/unplugin-icons/node_modules/unplugin": {
+      "version": "2.3.11",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-2.3.11.tgz",
+      "integrity": "sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "acorn": "^8.15.0",
+        "picomatch": "^4.0.3",
+        "webpack-virtual-modules": "^0.6.2"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
     "node_modules/unplugin-utils": {
       "version": "0.3.1",
       "resolved": "https://registry.npmjs.org/unplugin-utils/-/unplugin-utils-0.3.1.tgz",
diff --git a/client-v3/package.json b/client-v3/package.json
index 58d9e380..e55e2be9 100644
--- a/client-v3/package.json
+++ b/client-v3/package.json
@@ -54,6 +54,7 @@
     "@emnapi/core": "1.10.0",
     "@emnapi/runtime": "1.10.0",
     "@eslint/js": "^10.0.1",
+    "@iconify-json/mdi": "^1.2.3",
     "@types/lodash": "~4.17.24",
     "@types/node": ">=22.12.0",
     "@typescript-eslint/eslint-plugin": "^8.59.3",
@@ -72,6 +73,7 @@
     "sass": "1.99.0",
     "typescript": "^6.0.3",
     "typescript-eslint": "^8.59.3",
+    "unplugin-icons": "^23.0.1",
     "unplugin-vue-components": "^32.0.0",
     "vite": "^8.0.12",
     "vitest": "^4.1.6",
diff --git a/client-v3/src/components/config/ConfigSettings.vue b/client-v3/src/components/config/ConfigSettings.vue
index 6a233390..ead16232 100644
--- a/client-v3/src/components/config/ConfigSettings.vue
+++ b/client-v3/src/components/config/ConfigSettings.vue
@@ -25,7 +25,7 @@
                       {{ dirtyByCategory[String(category)] }}
                     </BBadge>
                   </span>
-                  <span>{{ expandedState[String(category)] ? '▲' : '▼' }}</span>
+                  <IMdiChevronUp v-if="expandedState[String(category)]" /><IMdiChevronDown v-else />
                 </div>
               </BCardHeader>
               <BCollapse
diff --git a/client-v3/src/components/show/config/acts_and_scenes/ConfigActs.vue b/client-v3/src/components/show/config/acts_and_scenes/ConfigActs.vue
index 83409ef9..de2285bc 100644
--- a/client-v3/src/components/show/config/acts_and_scenes/ConfigActs.vue
+++ b/client-v3/src/components/show/config/acts_and_scenes/ConfigActs.vue
@@ -14,30 +14,8 @@
         </BButton>
       </template>
       <template #cell(interval_after)="data">
-        <svg
-          v-if="data.item.interval_after"
-          xmlns="http://www.w3.org/2000/svg"
-          width="1em"
-          height="1em"
-          fill="#06BC8C"
-          viewBox="0 0 16 16"
-        >
-          <path
-            d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm10.03 4.97a.75.75 0 0 1 .011 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.75.75 0 0 1 1.079-.022z"
-          />
-        </svg>
-        <svg
-          v-else
-          xmlns="http://www.w3.org/2000/svg"
-          width="1em"
-          height="1em"
-          fill="#E74C3C"
-          viewBox="0 0 16 16"
-        >
-          <path
-            d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm3.354 4.646L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 1 1 .708-.708z"
-          />
-        </svg>
+        <IMdiCheckboxMarked v-if="data.item.interval_after" style="color: #06bc8c" />
+        <IMdiCloseBox v-else style="color: #e74c3c" />
       </template>
       <template #cell(next_act)="data">
         <span v-if="data.item.next_act">{{ showStore.actById(data.item.next_act)?.name }}</span>
diff --git a/client-v3/src/components/show/config/cues/ScriptLineCueEditor.vue b/client-v3/src/components/show/config/cues/ScriptLineCueEditor.vue
index 233364ae..922a52ed 100644
--- a/client-v3/src/components/show/config/cues/ScriptLineCueEditor.vue
+++ b/client-v3/src/components/show/config/cues/ScriptLineCueEditor.vue
@@ -40,17 +40,7 @@
                 :disabled="isLineCut"
                 @click.stop="openNewForm"
               >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="1em"
-                  height="1em"
-                  fill="#06BC8C"
-                  viewBox="0 0 16 16"
-                >
-                  <path
-                    d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z"
-                  />
-                </svg>
+                <IMdiPlusBox style="color: #06bc8c" />
               </BButton>
             </BButtonGroup>
           </template>
diff --git a/client-v3/src/components/show/config/mics/MicAllocations.vue b/client-v3/src/components/show/config/mics/MicAllocations.vue
index bb80a7f3..61bfea0a 100644
--- a/client-v3/src/components/show/config/mics/MicAllocations.vue
+++ b/client-v3/src/components/show/config/mics/MicAllocations.vue
@@ -101,12 +101,11 @@
                   :disabled="micSelectAllDisabledForCharacter(selectedMic, data.item.Character)"
                   @click.stop="toggleSelectAllAllocation(selectedMic, data.item.Character)"
                 >
-                  <span
+                  <IMdiCheckCircle
                     v-if="micSelectedAllForCharacter(selectedMic, data.item.Character)"
-                    class="text-success"
-                    >✓</span
-                  >
-                  <span v-else class="text-danger">✗</span>
+                    style="color: #06bc8c"
+                  />
+                  <IMdiCloseCircle v-else style="color: #e74c3c" />
                 </BButton>
               </div>
             </template>
@@ -119,12 +118,11 @@
                   :disabled="micDisabledForCharacter(selectedMic, scene.id, data.item.Character)"
                   @click.stop="toggleAllocation(selectedMic, scene.id, data.item.Character)"
                 >
-                  <span
+                  <IMdiCheckCircle
                     v-if="internalState[selectedMic]?.[scene.id] === data.item.Character"
-                    class="text-success"
-                    >✓</span
-                  >
-                  <span v-else class="text-danger">✗</span>
+                    style="color: #06bc8c"
+                  />
+                  <IMdiCloseCircle v-else style="color: #e74c3c" />
                 </BButton>
               </template>
               <template v-else>
@@ -135,11 +133,11 @@
                   :title="getTooltipText(data.item.Character, scene.id)"
                 >
                   {{ allocationByCharacter[data.item.Character]?.[scene.id] }}
-                  <span
+                  <IMdiAlert
                     v-if="getConflictsForCell(data.item.Character, scene.id).length > 0"
                     class="conflict-icon"
-                    >⚠</span
-                  >
+                    style="color: #f39c12"
+                  />
                 </div>
               </template>
             </template>
diff --git a/client-v3/src/components/show/config/mics/MicTimeline.vue b/client-v3/src/components/show/config/mics/MicTimeline.vue
index 4aa1c77d..aa1116b0 100644
--- a/client-v3/src/components/show/config/mics/MicTimeline.vue
+++ b/client-v3/src/components/show/config/mics/MicTimeline.vue
@@ -29,7 +29,7 @@
           </BButton>
         </BButtonGroup>
         <BButton size="sm" variant="outline-secondary" title="Export as PNG" @click="handleExport">
-          ⬇ Export
+          <IMdiDownload /> Export
         </BButton>
       </div>
 
diff --git a/client-v3/src/components/show/config/script/CompiledScripts.vue b/client-v3/src/components/show/config/script/CompiledScripts.vue
index 1211772e..94f6dd0f 100644
--- a/client-v3/src/components/show/config/script/CompiledScripts.vue
+++ b/client-v3/src/components/show/config/script/CompiledScripts.vue
@@ -4,9 +4,10 @@
       <template #cell(revision_id)="data">
         <span>
           {{ data.item.revision }}
-          <span v-if="data.item.revision_id === showStore.currentRevision" class="text-success ms-1"
-            >✓</span
-          >
+          <IMdiCheckboxMarked
+            v-if="data.item.revision_id === showStore.currentRevision"
+            style="color: #06bc8c; margin-left: 0.25rem"
+          />
         </span>
       </template>
       <template #cell(btn)="data">
diff --git a/client-v3/src/components/show/config/script/RevisionGraph.vue b/client-v3/src/components/show/config/script/RevisionGraph.vue
index 685b1014..9ff2cc1b 100644
--- a/client-v3/src/components/show/config/script/RevisionGraph.vue
+++ b/client-v3/src/components/show/config/script/RevisionGraph.vue
@@ -44,9 +44,15 @@
       </svg>
       <div class="zoom-controls">
         <BButtonGroup vertical>
-          <BButton size="sm" variant="outline-secondary" @click="zoomIn">+</BButton>
-          <BButton size="sm" variant="outline-secondary" @click="zoomOut">-</BButton>
-          <BButton size="sm" variant="outline-secondary" @click="resetZoom">↺</BButton>
+          <BButton size="sm" variant="outline-secondary" @click="zoomIn"
+            ><IMdiMagnifyPlus
+          /></BButton>
+          <BButton size="sm" variant="outline-secondary" @click="zoomOut"
+            ><IMdiMagnifyMinus
+          /></BButton>
+          <BButton size="sm" variant="outline-secondary" @click="resetZoom"
+            ><IMdiRefresh
+          /></BButton>
         </BButtonGroup>
       </div>
     </div>
diff --git a/client-v3/src/components/show/config/script/ScriptLineEditor.vue b/client-v3/src/components/show/config/script/ScriptLineEditor.vue
index 7ac00197..13aa8ba6 100644
--- a/client-v3/src/components/show/config/script/ScriptLineEditor.vue
+++ b/client-v3/src/components/show/config/script/ScriptLineEditor.vue
@@ -63,7 +63,9 @@
         />
       </template>
       <BCol v-else cols="10" style="text-align: right">
-        <BButton v-b-tooltip.hover.top="'Add line part'" @click="addLinePart">+</BButton>
+        <BButton v-b-tooltip.hover.top="'Add line part'" @click="addLinePart"
+          ><IMdiPlusBox
+        /></BButton>
       </BCol>
     </template>
     <template v-else>
diff --git a/client-v3/src/components/show/config/script/ScriptLinePart.vue b/client-v3/src/components/show/config/script/ScriptLinePart.vue
index 020aeaf0..527aebd1 100644
--- a/client-v3/src/components/show/config/script/ScriptLinePart.vue
+++ b/client-v3/src/components/show/config/script/ScriptLinePart.vue
@@ -64,7 +64,7 @@
           style="margin-left: 0.5em; float: right"
           @click="$emit('add-line-part')"
         >
-          +
+          <IMdiPlusBox />
         </BButton>
       </BCol>
     </BRow>
diff --git a/client-v3/src/components/show/config/script/ScriptRevisions.vue b/client-v3/src/components/show/config/script/ScriptRevisions.vue
index b78f574b..e2aaeaf8 100644
--- a/client-v3/src/components/show/config/script/ScriptRevisions.vue
+++ b/client-v3/src/components/show/config/script/ScriptRevisions.vue
@@ -5,32 +5,8 @@
         <div class="d-flex justify-content-between align-items-center">
           <h6 class="mb-0">Revision Branch Graph</h6>
           <BButton size="sm" variant="secondary" @click="graphCollapsed = !graphCollapsed">
-            <svg
-              v-if="!graphCollapsed"
-              xmlns="http://www.w3.org/2000/svg"
-              width="1em"
-              height="1em"
-              fill="currentColor"
-              viewBox="0 0 16 16"
-            >
-              <path
-                fill-rule="evenodd"
-                d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"
-              />
-            </svg>
-            <svg
-              v-else
-              xmlns="http://www.w3.org/2000/svg"
-              width="1em"
-              height="1em"
-              fill="currentColor"
-              viewBox="0 0 16 16"
-            >
-              <path
-                fill-rule="evenodd"
-                d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"
-              />
-            </svg>
+            <IMdiChevronUp v-if="!graphCollapsed" />
+            <IMdiChevronDown v-else />
           </BButton>
         </div>
       </template>
@@ -46,18 +22,10 @@
 
     <BTable :items="showStore.scriptRevisions" :fields="revisionColumns" show-empty>
       <template #cell(current)="data">
-        <svg
+        <IMdiCheckboxMarked
           v-if="data.item.id === showStore.currentRevision"
-          xmlns="http://www.w3.org/2000/svg"
-          width="1em"
-          height="1em"
-          fill="#06BC8C"
-          viewBox="0 0 16 16"
-        >
-          <path
-            d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm10.03 4.97a.75.75 0 0 1 .011 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.75.75 0 0 1 1.079-.022z"
-          />
-        </svg>
+          style="color: #06bc8c"
+        />
         <BButton
           v-else-if="systemStore.isScriptEditor"
           variant="warning"
diff --git a/client-v3/src/components/show/config/script/StageDirectionStyles.vue b/client-v3/src/components/show/config/script/StageDirectionStyles.vue
index 5c030f46..f2e9626e 100644
--- a/client-v3/src/components/show/config/script/StageDirectionStyles.vue
+++ b/client-v3/src/components/show/config/script/StageDirectionStyles.vue
@@ -107,7 +107,7 @@
           <BCardHeader class="section-card-header" role="button" @click="toggleImportShow(show.id)">
             <div class="d-flex justify-content-between align-items-center">
               <span>{{ show.name }}</span>
-              <span>{{ styleGroupExpanded[show.id] ? '▲' : '▼' }}</span>
+              <IMdiChevronUp v-if="styleGroupExpanded[show.id]" /><IMdiChevronDown v-else />
             </div>
           </BCardHeader>
           <BCollapse :model-value="styleGroupExpanded[show.id]">
diff --git a/client-v3/src/components/show/config/sessions/SessionTagDropdown.vue b/client-v3/src/components/show/config/sessions/SessionTagDropdown.vue
index cd6b5cba..9145b297 100644
--- a/client-v3/src/components/show/config/sessions/SessionTagDropdown.vue
+++ b/client-v3/src/components/show/config/sessions/SessionTagDropdown.vue
@@ -1,17 +1,7 @@
 <template>
   <BDropdown variant="link" size="sm" no-caret toggle-class="p-0 ms-2 edit-tags-btn">
     <template #button-content>
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="1em"
-        height="1em"
-        fill="currentColor"
-        viewBox="0 0 16 16"
-      >
-        <path
-          d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z"
-        />
-      </svg>
+      <IMdiPencil />
     </template>
 
     <BDropdownForm class="tag-dropdown-form" @click.stop>
diff --git a/client-v3/src/components/show/config/sessions/SessionTagList.vue b/client-v3/src/components/show/config/sessions/SessionTagList.vue
index 03579508..231cb33a 100644
--- a/client-v3/src/components/show/config/sessions/SessionTagList.vue
+++ b/client-v3/src/components/show/config/sessions/SessionTagList.vue
@@ -152,7 +152,7 @@
           <BCardHeader style="cursor: pointer" @click="toggleImportShow(show.id)">
             <div class="d-flex justify-content-between align-items-center">
               <span>{{ show.name }}</span>
-              <span>{{ isExpanded[show.id] ? '▲' : '▼' }}</span>
+              <IMdiChevronUp v-if="isExpanded[show.id]" /><IMdiChevronDown v-else />
             </div>
           </BCardHeader>
           <BCollapse :model-value="isExpanded[show.id]">
diff --git a/client-v3/src/components/show/config/stage/CrewTimeline.vue b/client-v3/src/components/show/config/stage/CrewTimeline.vue
index 41758409..721f54ae 100644
--- a/client-v3/src/components/show/config/stage/CrewTimeline.vue
+++ b/client-v3/src/components/show/config/stage/CrewTimeline.vue
@@ -7,7 +7,7 @@
       <div class="timeline-controls-bar">
         <span class="text-light small">Crew Assignments</span>
         <BButton size="sm" variant="outline-secondary" title="Export as PNG" @click="handleExport">
-          &#8659;
+          <IMdiDownload />
         </BButton>
       </div>
       <div class="svg-container">
diff --git a/client-v3/src/components/show/config/stage/StageManager.vue b/client-v3/src/components/show/config/stage/StageManager.vue
index 6a2147b8..d5e6f61a 100644
--- a/client-v3/src/components/show/config/stage/StageManager.vue
+++ b/client-v3/src/components/show/config/stage/StageManager.vue
@@ -48,7 +48,7 @@
                 {{ currentSceneSceneryAllocations.length + currentScenePropsAllocations.length }}
               </BBadge>
             </span>
-            <span>{{ allocationsExpanded ? '▲' : '▼' }}</span>
+            <IMdiChevronUp v-if="allocationsExpanded" /><IMdiChevronDown v-else />
           </div>
         </BCardHeader>
         <BCollapse v-model="allocationsExpanded">
@@ -143,7 +143,7 @@
               <BBadge v-if="unassignedSetCount > 0" variant="warning">
                 {{ unassignedSetCount }} unassigned
               </BBadge>
-              <span>{{ setExpanded ? '▲' : '▼' }}</span>
+              <IMdiChevronUp v-if="setExpanded" /><IMdiChevronDown v-else />
             </span>
           </div>
         </BCardHeader>
@@ -173,7 +173,7 @@
                       :disabled="savingAssignment"
                       @click="removeCrewAssignment(assignment)"
                     >
-                      &#215;
+                      <IMdiClose />
                     </BButton>
                   </span>
                   <span
@@ -229,7 +229,7 @@
               <BBadge v-if="unassignedStrikeCount > 0" variant="warning">
                 {{ unassignedStrikeCount }} unassigned
               </BBadge>
-              <span>{{ strikeExpanded ? '▲' : '▼' }}</span>
+              <IMdiChevronUp v-if="strikeExpanded" /><IMdiChevronDown v-else />
             </span>
           </div>
         </BCardHeader>
@@ -263,7 +263,7 @@
                       :disabled="savingAssignment"
                       @click="removeCrewAssignment(assignment)"
                     >
-                      &#215;
+                      <IMdiClose />
                     </BButton>
                   </span>
                   <span
diff --git a/client-v3/src/components/show/config/stage/StageTimeline.vue b/client-v3/src/components/show/config/stage/StageTimeline.vue
index 86cbe22d..4afff5ce 100644
--- a/client-v3/src/components/show/config/stage/StageTimeline.vue
+++ b/client-v3/src/components/show/config/stage/StageTimeline.vue
@@ -35,7 +35,7 @@
             title="Export as PNG"
             @click="handleExport"
           >
-            &#8659;
+            <IMdiDownload />
           </BButton>
         </div>
         <div class="svg-container">
diff --git a/client-v3/src/components/show/config/stage/TimelineSidePanel.vue b/client-v3/src/components/show/config/stage/TimelineSidePanel.vue
index e6eb2653..cd6ed1fc 100644
--- a/client-v3/src/components/show/config/stage/TimelineSidePanel.vue
+++ b/client-v3/src/components/show/config/stage/TimelineSidePanel.vue
@@ -4,7 +4,7 @@
       <div class="panel-header">
         <h5>{{ itemName }}</h5>
         <BButton variant="link" size="sm" class="close-btn" @click="$emit('close')">
-          &#215;
+          <IMdiClose />
         </BButton>
       </div>
       <div class="panel-body">
@@ -23,7 +23,7 @@
                 :disabled="saving"
                 @click="removeAssignment(assignment)"
               >
-                &#215;
+                <IMdiClose />
               </BButton>
             </div>
           </div>
@@ -68,7 +68,7 @@
                 :disabled="saving"
                 @click="removeAssignment(assignment)"
               >
-                &#215;
+                <IMdiClose />
               </BButton>
             </div>
           </div>
@@ -97,7 +97,7 @@
         </div>
 
         <div v-if="conflicts.length > 0" class="conflicts-section">
-          <h6 class="section-header text-warning">⚠ Conflicts</h6>
+          <h6 class="section-header text-warning"><IMdiAlert /> Conflicts</h6>
           <div v-for="conflict in conflicts" :key="conflict.key" class="conflict-item small">
             <strong>{{ conflict.crewName }}</strong> has conflict in {{ conflict.sceneName }} ({{
               conflict.itemName
diff --git a/client-v3/src/components/show/live/ScriptLineViewer.vue b/client-v3/src/components/show/live/ScriptLineViewer.vue
index 752cff86..7de84bf8 100644
--- a/client-v3/src/components/show/live/ScriptLineViewer.vue
+++ b/client-v3/src/components/show/live/ScriptLineViewer.vue
@@ -148,7 +148,7 @@
               :disabled="isLineCut"
               @click.stop="addNewCue"
             >
-              +
+              <IMdiPlusBox />
             </BButton>
           </BCol>
         </template>
@@ -174,7 +174,7 @@
               :disabled="isLineCut"
               @click.stop="addNewCue"
             >
-              +
+              <IMdiPlusBox />
             </BButton>
           </BCol>
           <template v-if="line.line_type === LINE_TYPES.DIALOGUE">
diff --git a/client-v3/src/components/show/live/ScriptLineViewerCompact.vue b/client-v3/src/components/show/live/ScriptLineViewerCompact.vue
index 258acac7..0b443bec 100644
--- a/client-v3/src/components/show/live/ScriptLineViewerCompact.vue
+++ b/client-v3/src/components/show/live/ScriptLineViewerCompact.vue
@@ -88,7 +88,7 @@
             cols="1"
             class="cue-add-column d-flex align-items-center justify-content-center"
           >
-            <BButton variant="success" size="sm" @click.stop="addNewCue">+</BButton>
+            <BButton variant="success" size="sm" @click.stop="addNewCue"><IMdiPlusBox /></BButton>
           </BCol>
         </template>
         <template v-else-if="line.line_type === LINE_TYPES.STAGE_DIRECTION">
@@ -113,7 +113,7 @@
             cols="1"
             class="cue-add-column d-flex align-items-center justify-content-center"
           >
-            <BButton variant="success" size="sm" @click.stop="addNewCue">+</BButton>
+            <BButton variant="success" size="sm" @click.stop="addNewCue"><IMdiPlusBox /></BButton>
           </BCol>
         </template>
         <template v-else-if="line.line_type === LINE_TYPES.CUE_LINE">
@@ -124,7 +124,7 @@
             cols="1"
             class="cue-add-column d-flex align-items-center justify-content-center"
           >
-            <BButton variant="success" size="sm" @click.stop="addNewCue">+</BButton>
+            <BButton variant="success" size="sm" @click.stop="addNewCue"><IMdiPlusBox /></BButton>
           </BCol>
         </template>
       </BRow>
diff --git a/client-v3/src/components/show/live/StageManagerPane.vue b/client-v3/src/components/show/live/StageManagerPane.vue
index 376e1cb0..a2b79112 100644
--- a/client-v3/src/components/show/live/StageManagerPane.vue
+++ b/client-v3/src/components/show/live/StageManagerPane.vue
@@ -24,11 +24,12 @@
         <BCardHeader class="p-2 scene-header" role="button" @click="toggleScene(scene.id)">
           <div class="d-flex justify-content-between align-items-center">
             <span class="scene-title">
-              <span class="me-1">{{ expandedScenes[scene.id] ? '▼' : '▶' }}</span>
+              <IMdiChevronDown v-if="expandedScenes[scene.id]" class="me-1" />
+              <IMdiChevronRight v-else class="me-1" />
               {{ getSceneDisplayName(scene) }}
             </span>
             <span class="scene-badges d-flex align-items-center gap-1">
-              <span v-if="pinnedScenes[scene.id]" title="Pinned">📌</span>
+              <IMdiPin v-if="pinnedScenes[scene.id]" title="Pinned" />
               <BBadge v-if="scene.id === currentSceneId" variant="success" pill>Current</BBadge>
               <BBadge v-else-if="scene.id === nextSceneId" variant="primary" pill>Next</BBadge>
             </span>
@@ -82,7 +83,7 @@
       <div v-if="smPlanScene">
         <BCard no-body class="mb-2">
           <BCardHeader class="p-2" role="button" @click="smPlanSet = !smPlanSet">
-            <span>{{ smPlanSet ? '▼' : '▶' }} Setting</span>
+            <IMdiChevronDown v-if="smPlanSet" /><IMdiChevronRight v-else /> Setting
           </BCardHeader>
           <BCollapse v-model="smPlanSet">
             <BCardBody class="p-2">
@@ -130,7 +131,7 @@
         </BCard>
         <BCard no-body class="mb-2">
           <BCardHeader class="p-2" role="button" @click="smPlanStrike = !smPlanStrike">
-            <span>{{ smPlanStrike ? '▼' : '▶' }} Striking</span>
+            <IMdiChevronDown v-if="smPlanStrike" /><IMdiChevronRight v-else /> Striking
           </BCardHeader>
           <BCollapse v-model="smPlanStrike">
             <BCardBody class="p-2">
diff --git a/client-v3/src/views/show/config/ConfigCues.vue b/client-v3/src/views/show/config/ConfigCues.vue
index 83f52ff9..14382160 100644
--- a/client-v3/src/views/show/config/ConfigCues.vue
+++ b/client-v3/src/views/show/config/ConfigCues.vue
@@ -177,7 +177,7 @@
           <BCardHeader style="cursor: pointer" @click="toggleImportShow(show.id)">
             <div class="d-flex justify-content-between align-items-center">
               <span>{{ show.name }}</span>
-              <span>{{ isExpanded[show.id] ? '▲' : '▼' }}</span>
+              <IMdiChevronUp v-if="isExpanded[show.id]" /><IMdiChevronDown v-else />
             </div>
           </BCardHeader>
           <BCollapse :model-value="isExpanded[show.id]">
diff --git a/client-v3/tsconfig.json b/client-v3/tsconfig.json
index 90142bbf..e7d990c5 100644
--- a/client-v3/tsconfig.json
+++ b/client-v3/tsconfig.json
@@ -22,7 +22,7 @@
     "paths": {
       "@/*": ["./src/*"]
     },
-    "types": ["vitest/globals", "node", "vite/client"],
+    "types": ["vitest/globals", "node", "vite/client", "unplugin-icons/types/vue"],
     "isolatedModules": true,
     "esModuleInterop": true,
     "resolveJsonModule": true,
diff --git a/client-v3/vite.config.ts b/client-v3/vite.config.ts
index e7da66a3..f8d1fb81 100644
--- a/client-v3/vite.config.ts
+++ b/client-v3/vite.config.ts
@@ -3,12 +3,19 @@ import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import Components from 'unplugin-vue-components/vite';
 import { BootstrapVueNextResolver } from 'bootstrap-vue-next';
+import Icons from 'unplugin-icons/vite';
+import IconsResolve from 'unplugin-icons/resolver';
 
 export default defineConfig({
   plugins: [
     vue(),
     Components({
-      resolvers: [BootstrapVueNextResolver()],
+      resolvers: [BootstrapVueNextResolver(), IconsResolve()],
+      dts: true,
+    }),
+    Icons({
+      compiler: 'vue3',
+      autoInstall: false,
     }),
   ],
   base: process.env.BUILD_TARGET === 'electron' ? './' : '/ui-new/',