Migrate all <img>-based icons to inline SVG via PHP helper

Replace every <img src="/assets/icons/..."> with <?= icon('name') ?>
across 26 template files. The PHP helper inlines the SVG markup into the
DOM so CSS color cascades naturally through fill="currentColor".

- Add src/icon.php helper: reads SVG file, sets width/height to 1em,
  injects aria-hidden, supports optional CSS class
- Fix 12 icon SVGs that had hardcoded fill="#000000" or missing fill attr
- Replace search.svg with Phosphor fill-based magnifying glass
- Add explicit SVG sizes for admin header nav icons (16px/20px)
- Scope public search icon CSS to form[role=search]:not(.header-search-form)
  to avoid breaking admin header layout; change stroke to fill
- Remove <img> filter: brightness(0) invert(1) hacks from admin.css

app/public/admin/actions/cleanup-stats-fragment.php

@@ -45,7 +45,7 @@ if ($totalStale === 0 && $totalFiles === 0): ?>
 <div id="tmp-cleanup-stats-wrapper">
     <details class="n-section" open>
         <summary>
-            <img src="/assets/icons/paint-brush-household.svg" width="14" height="14" alt="" aria-hidden="true">
+            <?= icon('paint-brush-household') ?>
             Fichiers temporaires
         </summary>
         <p style="margin:0;color:var(--accent-green)">✓ Aucun fichier temporaire.</p>
@@ -56,13 +56,13 @@ if ($totalStale === 0 && $totalFiles === 0): ?>
 <div id="tmp-cleanup-stats-wrapper">
     <details class="n-section" open>
         <summary>
-            <img src="/assets/icons/paint-brush-household.svg" width="14" height="14" alt="" aria-hidden="true">
+            <?= icon('paint-brush-household') ?>
             Fichiers temporaires <span class="n-meta"><?= htmlspecialchars($summaryMeta) ?></span>
         </summary>
 
 <?php if ($fpStale > 0): ?>
         <p class="n-heading">
-            <img src="/assets/icons/paint-brush-household.svg" width="14" height="14" alt="" aria-hidden="true">
+            <?= icon('paint-brush-household') ?>
             Téléversements abandonnés
         </p>
         <table class="n-table">
@@ -80,7 +80,7 @@ if ($totalStale === 0 && $totalFiles === 0): ?>
                                 hx-target="#tmp-cleanup-stats-wrapper"
                                 hx-swap="outerHTML"
                                 hx-indicator="#tmp-cleanup-stats-wrapper">
-                            <img src="/assets/icons/trash.svg" width="14" height="14" alt="" aria-hidden="true">
+                            <?= icon('trash') ?>
                             Supprimer
                         </button>
                     </td>
@@ -92,7 +92,7 @@ if ($totalStale === 0 && $totalFiles === 0): ?>
 
 <?php if ($trStale > 0): ?>
         <p class="n-heading">
-            <img src="/assets/icons/trash.svg" width="14" height="14" alt="" aria-hidden="true">
+            <?= icon('trash') ?>
             Corbeille
         </p>
         <table class="n-table">
@@ -110,7 +110,7 @@ if ($totalStale === 0 && $totalFiles === 0): ?>
                                 hx-target="#tmp-cleanup-stats-wrapper"
                                 hx-swap="outerHTML"
                                 hx-indicator="#tmp-cleanup-stats-wrapper">
-                            <img src="/assets/icons/trash.svg" width="14" height="14" alt="" aria-hidden="true">
+                            <?= icon('trash') ?>
                             Supprimer
                         </button>
                     </td>

app/public/admin/actions/peertube-orphans-fragment.php

@@ -20,7 +20,7 @@ if (!($d['configured'] ?? false)): ?>
 <div id="peertube-orphans-wrapper">
     <details id="peertube-orphans-col" class="n-section" open>
         <summary>
-            <img src="/assets/icons/video.svg" width="14" height="14" alt="" aria-hidden="true">
+            <?= icon('video') ?>
             Vidéos PeerTube orphelines
         </summary>
         <div id="peertube-orphans-stats">
@@ -34,7 +34,7 @@ if (!($d['configured'] ?? false)): ?>
 <div id="peertube-orphans-wrapper">
     <details id="peertube-orphans-col" class="n-section" open>
         <summary>
-            <img src="/assets/icons/video.svg" width="14" height="14" alt="" aria-hidden="true">
+            <?= icon('video') ?>
             Vidéos PeerTube orphelines
         </summary>
         <div id="peertube-orphans-stats">
@@ -47,7 +47,7 @@ if (!($d['configured'] ?? false)): ?>
 <div id="peertube-orphans-wrapper">
     <details id="peertube-orphans-col" class="n-section" open>
         <summary>
-            <img src="/assets/icons/video.svg" width="14" height="14" alt="" aria-hidden="true">
+            <?= icon('video') ?>
             Vidéos PeerTube orphelines <span class="n-meta"><?= (int)($d['orphan_count'] ?? 0) ?> vidéos orphelines</span>
         </summary>
         <div id="peertube-orphans-stats">
@@ -70,7 +70,7 @@ if (!($d['configured'] ?? false)): ?>
                                     hx-swap="outerHTML"
                                     hx-trigger="click"
                                     hx-indicator="#peertube-orphans-wrapper">
-                                <img src="/assets/icons/trash.svg" width="14" height="14" alt="" aria-hidden="true">
+                                <?= icon('trash') ?>
                                 Supprimer
                             </button>
                         </td>
@@ -87,7 +87,7 @@ if (!($d['configured'] ?? false)): ?>
 <?php if (($d['stale_count'] ?? 0) > 0): ?>
     <details id="peertube-stale-section" class="n-section" open>
         <summary>
-            <img src="/assets/icons/warning-diamond.svg" width="14" height="14" alt="" aria-hidden="true">
+            <?= icon('warning-diamond') ?>
             Références DB obsolètes <span class="n-meta"><?= $d['stale_count'] ?></span>
         </summary>
         <p style="margin:0 0 var(--space-sm) 0;font-size:0.85em;color:var(--text-secondary)">Ces UUID sont référencés en base de données mais n'existent plus sur la chaîne PeerTube. Les TFE liés affichent des liens morts.</p>

app/public/admin/contenus-langues-fragment.php

@@ -28,19 +28,19 @@ try {
     <strong><span id="langues-selected-count">0</span> langue(s) sélectionnée(s)</strong>
     <div class="admin-bulk-btns">
         <button type="button" class="btn btn--sm btn--secondary" onclick="languesCancelSelection()" title="Annuler la sélection">
-            <img src="/assets/icons/x-close.svg" width="32" height="32" alt="" aria-hidden="true">
+            <?= icon('x-close') ?>
             Annuler
         </button>
         <button type="button" class="btn btn--sm btn--red admin-btn-delete"
                 onclick="languesConfirmBulkDelete()"
                 title="Supprimer les langues sélectionnées">
-            <img src="/assets/icons/trash.svg" width="32" height="32" alt="" aria-hidden="true">
+            <?= icon('trash') ?>
             Supprimer
         </button>
         <button type="button" class="btn btn--sm btn--warning admin-btn-merge"
                 onclick="languesConfirmBulkMerge()"
                 title="Fusionner les langues sélectionnées">
-            <img src="/assets/icons/link-chain.svg" width="32" height="32" alt="" aria-hidden="true">
+            <?= icon('link-chain') ?>
             Fusionner
         </button>
     </div>
@@ -74,7 +74,7 @@ try {
                 <span class="tag-name-cell"><?= htmlspecialchars($lang['name']) ?></span>
                 <button type="button" class="admin-icon-btn admin-icon-btn--edit" title="Renommer"
                         onclick="languesStartRename(<?= (int)$lang['id'] ?>)">
-                    <img src="/assets/icons/pencil-note.svg" width="32" height="32" alt="" aria-hidden="true">
+                    <?= icon('pencil-note') ?>
                 </button>
             </td>
             <td class="admin-tags-count" style="width:1%;white-space:nowrap"><?= (int)$lang['thesis_count'] ?></td>
@@ -87,7 +87,7 @@ try {
                         <input type="hidden" name="language_id" value="<?= (int)$lang['id'] ?>">
                         <button type="button" class="admin-icon-btn admin-icon-btn--delete" title="Supprimer"
                                 onclick="languesConfirmDelete(this, <?= htmlspecialchars(json_encode($lang['name']), ENT_QUOTES) ?>)">
-                            <img src="/assets/icons/trash.svg" width="32" height="32" alt="" aria-hidden="true">
+                            <?= icon('trash') ?>
                         </button>
                     </form>
                 </div>

app/public/admin/contenus-motscles-fragment.php

@@ -28,19 +28,19 @@ try {
     <strong><span id="motscles-selected-count">0</span> mot(s)-clé(s) sélectionné(s)</strong>
     <div class="admin-bulk-btns">
         <button type="button" class="btn btn--sm btn--secondary" onclick="motsclesCancelSelection()" title="Annuler la sélection">
-            <img src="/assets/icons/x-close.svg" width="32" height="32" alt="" aria-hidden="true">
+            <?= icon('x-close') ?>
             Annuler
         </button>
         <button type="button" class="btn btn--sm btn--red admin-btn-delete"
                 onclick="motsclesConfirmBulkDelete()"
                 title="Supprimer les mots-clés sélectionnés">
-            <img src="/assets/icons/trash.svg" width="32" height="32" alt="" aria-hidden="true">
+            <?= icon('trash') ?>
             Supprimer
         </button>
         <button type="button" class="btn btn--sm btn--warning admin-btn-merge"
                 onclick="motsclesConfirmBulkMerge()"
                 title="Fusionner les mots-clés sélectionnés">
-            <img src="/assets/icons/link-chain.svg" width="32" height="32" alt="" aria-hidden="true">
+            <?= icon('link-chain') ?>
             Fusionner
         </button>
     </div>
@@ -74,7 +74,7 @@ try {
                 <span class="tag-name-cell"><?= htmlspecialchars($tag['name']) ?></span>
                 <button type="button" class="admin-icon-btn admin-icon-btn--edit" title="Renommer"
                         onclick="motsclesStartRename(<?= (int)$tag['id'] ?>)">
-                    <img src="/assets/icons/pencil-note.svg" width="32" height="32" alt="" aria-hidden="true">
+                    <?= icon('pencil-note') ?>
                 </button>
             </td>
             <td class="admin-tags-count" style="width:1%;white-space:nowrap"><?= (int)$tag['thesis_count'] ?></td>
@@ -87,7 +87,7 @@ try {
                         <input type="hidden" name="tag_id" value="<?= (int)$tag['id'] ?>">
                         <button type="button" class="admin-icon-btn admin-icon-btn--delete" title="Supprimer"
                                 onclick="motsclesConfirmDelete(this, <?= htmlspecialchars(json_encode($tag['name']), ENT_QUOTES) ?>)">
-                            <img src="/assets/icons/trash.svg" width="32" height="32" alt="" aria-hidden="true">
+                            <?= icon('trash') ?>
                         </button>
                     </form>
                 </div>

app/public/admin/fragments/file-browser.php

@@ -88,18 +88,18 @@ $rootDirs = ['tfe', 'these', 'frart', 'documents', 'theses'];
 function fileIcon(string $ext): string {
     $ext = strtolower($ext);
     if ($ext === 'pdf') {
-        return '<img src="/assets/icons/file-text-audio.svg" width="24" height="24" alt="" aria-hidden="true">';
+        return icon('file-text-audio');
     }
     if (in_array($ext, ['zip', 'tar', 'gz', 'bz2', 'xz', '7z', 'rar'], true)) {
-        return '<img src="/assets/icons/file-doc.svg" width="24" height="24" alt="" aria-hidden="true">';
+        return icon('file-doc');
     }
     // Default text-file icon for all other extensions
-    return '<img src="/assets/icons/file-lines.svg" width="24" height="24" alt="" aria-hidden="true">';
+    return icon('file-lines');
 }
 
 // SVG folder icon (same for all directories)
 function folderIcon(): string {
-    return '<img src="/assets/icons/folder.svg" width="24" height="24" alt="" aria-hidden="true">';
+    return icon('folder');
 }
 ?>
 <div id="file-browser-container" class="file-browser">

app/public/admin/fragments/peertube-browser.php

@@ -98,7 +98,7 @@ if (empty($orphans)) {
                     <?= $v['linkedTo'] !== null ? 'disabled title="Déjà liée au TFE ' . htmlspecialchars($v['linkedTo']) . '"' : '' ?>
                     >
                 <span class="file-browser-icon">
-                    <img src="/assets/icons/arrow-circle-left.svg" width="24" height="24" alt="" aria-hidden="true">
+                    <?= icon('arrow-circle-left') ?>
                 </span>
                 <span class="file-browser-name"><?= htmlspecialchars($v['name']) ?></span>
                 <span class="file-browser-size"><?= !empty($v['createdAt']) ? substr($v['createdAt'], 0, 10) : '' ?></span>

app/public/admin/markdown-cheatsheet-fragment.php

@@ -95,7 +95,7 @@ $rows = [
             onclick="this.closest('dialog').close()"
             title="Fermer"
             aria-label="Fermer">
-      <img src="/assets/icons/x-circle.svg" width="24" height="24" alt="" aria-hidden="true">
+      <?= icon('x-circle') ?>
     </button>
   </div>
 

app/public/admin/tags-fragment.php

@@ -32,7 +32,7 @@ try {
         <button type="button" class="btn btn--sm btn--warning admin-btn-merge"
                 onclick="tagsConfirmBulkMerge()"
                 title="Fusionner les mots-clés sélectionnés">
-            <img src="/assets/icons/link-chain.svg" width="32" height="32" alt="" aria-hidden="true">
+            <?= icon('link-chain') ?>
             Fusionner
         </button>
     </div>
@@ -65,7 +65,7 @@ try {
                 <span class="tag-name-cell"><?= htmlspecialchars($tag['name']) ?></span>
                 <button type="button" class="admin-icon-btn admin-icon-btn--edit" title="Renommer"
                         onclick="tagsStartRename(<?= (int)$tag['id'] ?>)">
-                    <img src="/assets/icons/pencil-note.svg" width="32" height="32" alt="" aria-hidden="true">
+                    <?= icon('pencil-note') ?>
                 </button>
             </td>
             <td class="admin-tags-count" style="width:1%;white-space:nowrap"><?= (int)$tag['thesis_count'] ?></td>
@@ -77,7 +77,7 @@ try {
                         <input type="hidden" name="tag_id" value="<?= (int)$tag['id'] ?>">
                         <button type="button" class="admin-icon-btn admin-icon-btn--delete" title="Supprimer"
                                 onclick="tagsConfirmDelete(this, <?= htmlspecialchars(json_encode($tag['name']), ENT_QUOTES) ?>)">
-                            <img src="/assets/icons/trash.svg" width="32" height="32" alt="" aria-hidden="true">
+                            <?= icon('trash') ?>
                         </button>
                     </form>
                 </div>

app/public/assets/css/admin.css

@@ -30,6 +30,8 @@
 }
 .admin-body header nav ul [data-nav-logout] a svg {
     display: block;
+    width: 20px;
+    height: 20px;
 }
 
 /* Public-site link icon in admin nav */
@@ -40,6 +42,11 @@
     column-gap: 0.4em;
 }
 
+.admin-body header nav .nav-logo svg {
+    width: 16px;
+    height: 16px;
+}
+
 
 .admin-body main {
     flex: 1;

app/public/assets/css/components/search.css

@@ -3,6 +3,21 @@
    Root class: .header-search-wrap
    ============================================================ */
 
+/* Public search bar icon (in partials/search-bar.php) */
+/* Scoped to forms that are NOT inside .header-search-wrap */
+form[role="search"]:not(.header-search-form) > svg {
+  width: 20px;
+  height: 20px;
+  flex-shrink: 0;
+  fill: var(--text-tertiary);
+  margin-right: var(--space-2xs);
+}
+
+form[role="search"]:not(.header-search-form) {
+  display: flex;
+  align-items: center;
+}
+
 .header-search-wrap {
   padding: 0;
   flex-shrink: 0;
@@ -23,7 +38,7 @@
   left: var(--space-s);
   width: 18px;
   height: 18px;
-  stroke: var(--accent-primary);
+  fill: var(--accent-primary);
   pointer-events: none;
 }
 

app/public/assets/icons/caret-down.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"></path></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><path d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"></path></svg>

app/public/assets/icons/caret-right.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg>

app/public/assets/icons/circle-i.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1rem" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z"></path></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="1rem" fill="currentColor" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z"></path></svg>

app/public/assets/icons/paint-brush-household.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M230.64,25.36a32,32,0,0,0-45.26,0q-.21.21-.42.45L131.55,88.22,121,77.64a24,24,0,0,0-33.95,0l-76.69,76.7a8,8,0,0,0,0,11.31l80,80a8,8,0,0,0,11.31,0L178.36,169a24,24,0,0,0,0-33.95l-10.58-10.57L230.19,71c.15-.14.31-.28.45-.43A32,32,0,0,0,230.64,25.36ZM96,228.69,79.32,212l22.34-22.35a8,8,0,0,0-11.31-11.31L68,200.68,55.32,188l22.34-22.35a8,8,0,0,0-11.31-11.31L44,176.68,27.31,160,72,115.31,140.69,184ZM219.52,59.1l-68.71,58.81a8,8,0,0,0-.46,11.74L167,146.34a8,8,0,0,1,0,11.31l-15,15L83.32,104l15-15a8,8,0,0,1,11.31,0l16.69,16.69a8,8,0,0,0,11.74-.46L196.9,36.48A16,16,0,0,1,219.52,59.1Z"></path></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><path d="M230.64,25.36a32,32,0,0,0-45.26,0q-.21.21-.42.45L131.55,88.22,121,77.64a24,24,0,0,0-33.95,0l-76.69,76.7a8,8,0,0,0,0,11.31l80,80a8,8,0,0,0,11.31,0L178.36,169a24,24,0,0,0,0-33.95l-10.58-10.57L230.19,71c.15-.14.31-.28.45-.43A32,32,0,0,0,230.64,25.36ZM96,228.69,79.32,212l22.34-22.35a8,8,0,0,0-11.31-11.31L68,200.68,55.32,188l22.34-22.35a8,8,0,0,0-11.31-11.31L44,176.68,27.31,160,72,115.31,140.69,184ZM219.52,59.1l-68.71,58.81a8,8,0,0,0-.46,11.74L167,146.34a8,8,0,0,1,0,11.31l-15,15L83.32,104l15-15a8,8,0,0,1,11.31,0l16.69,16.69a8,8,0,0,0,11.74-.46L196.9,36.48A16,16,0,0,1,219.52,59.1Z"></path></svg>

app/public/assets/icons/plus-circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm48-88a8,8,0,0,1-8,8H136v32a8,8,0,0,1-16,0V136H88a8,8,0,0,1,0-16h32V88a8,8,0,0,1,16,0v32h32A8,8,0,0,1,176,128Z"></path></svg>

app/public/assets/icons/search.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><path d="M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"></path></svg>

app/public/assets/icons/trash.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z"></path></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><path d="M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z"></path></svg>

app/public/assets/icons/tray-arrow-up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><path d="M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32Zm0,16V152h-28.7A15.86,15.86,0,0,0,168,156.69L148.69,176H107.31L88,156.69A15.86,15.86,0,0,0,76.69,152H48V48Zm0,160H48V168H76.69L96,187.31A15.86,15.86,0,0,0,107.31,192h41.38A15.86,15.86,0,0,0,160,187.31L179.31,168H208v40ZM90.34,109.66a8,8,0,0,1,0-11.32l32-32a8,8,0,0,1,11.32,0l32,32a8,8,0,0,1-11.32,11.32L136,91.31V152a8,8,0,0,1-16,0V91.31l-18.34,18.35A8,8,0,0,1,90.34,109.66Z"></path></svg>

app/public/assets/icons/video.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M164.44,105.34l-48-32A8,8,0,0,0,104,80v64a8,8,0,0,0,12.44,6.66l48-32a8,8,0,0,0,0-13.32ZM120,129.05V95l25.58,17ZM216,40H40A16,16,0,0,0,24,56V168a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,128H40V56H216V168Zm16,40a8,8,0,0,1-8,8H32a8,8,0,0,1,0-16H224A8,8,0,0,1,232,208Z"></path></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><path d="M164.44,105.34l-48-32A8,8,0,0,0,104,80v64a8,8,0,0,0,12.44,6.66l48-32a8,8,0,0,0,0-13.32ZM120,129.05V95l25.58,17ZM216,40H40A16,16,0,0,0,24,56V168a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,128H40V56H216V168Zm16,40a8,8,0,0,1-8,8H32a8,8,0,0,1,0-16H224A8,8,0,0,1,232,208Z"></path></svg>

app/public/assets/icons/warning-diamond.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M128,72a8,8,0,0,1,8,8v56a8,8,0,0,1-16,0V80A8,8,0,0,1,128,72ZM116,172a12,12,0,1,0,12-12A12,12,0,0,0,116,172Zm124-44a15.85,15.85,0,0,1-4.67,11.28l-96.05,96.06a16,16,0,0,1-22.56,0h0l-96-96.06a16,16,0,0,1,0-22.56l96.05-96.06a16,16,0,0,1,22.56,0l96.05,96.06A15.85,15.85,0,0,1,240,128Zm-16,0L128,32,32,128,128,224h0Z"></path></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><path d="M128,72a8,8,0,0,1,8,8v56a8,8,0,0,1-16,0V80A8,8,0,0,1,128,72ZM116,172a12,12,0,1,0,12-12A12,12,0,0,0,116,172Zm124-44a15.85,15.85,0,0,1-4.67,11.28l-96.05,96.06a16,16,0,0,1-22.56,0h0l-96-96.06a16,16,0,0,1,0-22.56l96.05-96.06a16,16,0,0,1,22.56,0l96.05,96.06A15.85,15.85,0,0,1,240,128Zm-16,0L128,32,32,128,128,224h0Z"></path></svg>