Add icons

templates/index.html

@@ -45,7 +45,7 @@
   <div class="room-slot" data-slot="{{ room.key }}">
   <section class="card room" data-room="{{ room.key }}">
     <div class="card-head">
-      <h2>{{ room.label }}</h2>
+      <h2><svg class="room-icon" data-icon="{{ room.kind }}" viewBox="0 0 512 512" aria-hidden="true"><path d=""/></svg><span class="room-label">{{ room.label }}</span></h2>
       <button class="toggle" data-role="group" aria-pressed="false">
         <span class="dot" aria-hidden="true"></span>
         <span data-role="group-label">Separate</span>
@@ -98,11 +98,12 @@
 
   <section class="card source">
     <div class="card-head">
-      <h2>{{ host.label }}</h2>
+      <h2><svg class="room-icon" data-icon="{{ host.kind }}" viewBox="0 0 512 512" aria-hidden="true"><path d=""/></svg><span class="room-label">{{ host.label }}</span></h2>
       <span class="pill" data-role="avr-status">offline</span>
     </div>
     <button class="source-button" data-role="input-button">
       <span class="eyebrow">Input</span>
+      <svg class="input-icon" data-role="input-icon" viewBox="0 0 512 512" aria-hidden="true"><path d=""/></svg>
       <span class="value" data-role="input-name">—</span>
       <svg class="chevron" viewBox="0 0 320 512" aria-hidden="true"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>
     </button>