feat: Replace png icons with svg icons

static-src/files/img/alert-circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>

static-src/files/img/alert-decagram.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M13,17H11V15H13V17M13,13H11V7H13V13Z" /></svg>

static-src/files/img/check-decagram.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z" /></svg>

static-src/files/img/cogs.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.9,18.45C17.25,18.45 18.35,17.35 18.35,16C18.35,14.65 17.25,13.55 15.9,13.55C14.54,13.55 13.45,14.65 13.45,16C13.45,17.35 14.54,18.45 15.9,18.45M21.1,16.68L22.58,17.84C22.71,17.95 22.75,18.13 22.66,18.29L21.26,20.71C21.17,20.86 21,20.92 20.83,20.86L19.09,20.16C18.73,20.44 18.33,20.67 17.91,20.85L17.64,22.7C17.62,22.87 17.47,23 17.3,23H14.5C14.32,23 14.18,22.87 14.15,22.7L13.89,20.85C13.46,20.67 13.07,20.44 12.71,20.16L10.96,20.86C10.81,20.92 10.62,20.86 10.54,20.71L9.14,18.29C9.05,18.13 9.09,17.95 9.22,17.84L10.7,16.68L10.65,16L10.7,15.31L9.22,14.16C9.09,14.05 9.05,13.86 9.14,13.71L10.54,11.29C10.62,11.13 10.81,11.07 10.96,11.13L12.71,11.84C13.07,11.56 13.46,11.32 13.89,11.15L14.15,9.29C14.18,9.13 14.32,9 14.5,9H17.3C17.47,9 17.62,9.13 17.64,9.29L17.91,11.15C18.33,11.32 18.73,11.56 19.09,11.84L20.83,11.13C21,11.07 21.17,11.13 21.26,11.29L22.66,13.71C22.75,13.86 22.71,14.05 22.58,14.16L21.1,15.31L21.15,16L21.1,16.68M6.69,8.07C7.56,8.07 8.26,7.37 8.26,6.5C8.26,5.63 7.56,4.92 6.69,4.92A1.58,1.58 0 0,0 5.11,6.5C5.11,7.37 5.82,8.07 6.69,8.07M10.03,6.94L11,7.68C11.07,7.75 11.09,7.87 11.03,7.97L10.13,9.53C10.08,9.63 9.96,9.67 9.86,9.63L8.74,9.18L8,9.62L7.81,10.81C7.79,10.92 7.7,11 7.59,11H5.79C5.67,11 5.58,10.92 5.56,10.81L5.4,9.62L4.64,9.18L3.5,9.63C3.41,9.67 3.3,9.63 3.24,9.53L2.34,7.97C2.28,7.87 2.31,7.75 2.39,7.68L3.34,6.94L3.31,6.5L3.34,6.06L2.39,5.32C2.31,5.25 2.28,5.13 2.34,5.03L3.24,3.47C3.3,3.37 3.41,3.33 3.5,3.37L4.63,3.82L5.4,3.38L5.56,2.19C5.58,2.08 5.67,2 5.79,2H7.59C7.7,2 7.79,2.08 7.81,2.19L8,3.38L8.74,3.82L9.86,3.37C9.96,3.33 10.08,3.37 10.13,3.47L11.03,5.03C11.09,5.13 11.07,5.25 11,5.32L10.03,6.06L10.06,6.5L10.03,6.94Z" /></svg>

static-src/files/img/decagram.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12Z" /></svg>

static-src/files/img/fingerprint.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.81,4.47C17.73,4.47 17.65,4.45 17.58,4.41C15.66,3.42 14,3 12,3C10.03,3 8.15,3.47 6.44,4.41C6.2,4.54 5.9,4.45 5.76,4.21C5.63,3.97 5.72,3.66 5.96,3.53C7.82,2.5 9.86,2 12,2C14.14,2 16,2.47 18.04,3.5C18.29,3.65 18.38,3.95 18.25,4.19C18.16,4.37 18,4.47 17.81,4.47M3.5,9.72C3.4,9.72 3.3,9.69 3.21,9.63C3,9.47 2.93,9.16 3.09,8.93C4.08,7.53 5.34,6.43 6.84,5.66C10,4.04 14,4.03 17.15,5.65C18.65,6.42 19.91,7.5 20.9,8.9C21.06,9.12 21,9.44 20.78,9.6C20.55,9.76 20.24,9.71 20.08,9.5C19.18,8.22 18.04,7.23 16.69,6.54C13.82,5.07 10.15,5.07 7.29,6.55C5.93,7.25 4.79,8.25 3.89,9.5C3.81,9.65 3.66,9.72 3.5,9.72M9.75,21.79C9.62,21.79 9.5,21.74 9.4,21.64C8.53,20.77 8.06,20.21 7.39,19C6.7,17.77 6.34,16.27 6.34,14.66C6.34,11.69 8.88,9.27 12,9.27C15.12,9.27 17.66,11.69 17.66,14.66A0.5,0.5 0 0,1 17.16,15.16A0.5,0.5 0 0,1 16.66,14.66C16.66,12.24 14.57,10.27 12,10.27C9.43,10.27 7.34,12.24 7.34,14.66C7.34,16.1 7.66,17.43 8.27,18.5C8.91,19.66 9.35,20.15 10.12,20.93C10.31,21.13 10.31,21.44 10.12,21.64C10,21.74 9.88,21.79 9.75,21.79M16.92,19.94C15.73,19.94 14.68,19.64 13.82,19.05C12.33,18.04 11.44,16.4 11.44,14.66A0.5,0.5 0 0,1 11.94,14.16A0.5,0.5 0 0,1 12.44,14.66C12.44,16.07 13.16,17.4 14.38,18.22C15.09,18.7 15.92,18.93 16.92,18.93C17.16,18.93 17.56,18.9 17.96,18.83C18.23,18.78 18.5,18.96 18.54,19.24C18.59,19.5 18.41,19.77 18.13,19.82C17.56,19.93 17.06,19.94 16.92,19.94M14.91,22C14.87,22 14.82,22 14.78,22C13.19,21.54 12.15,20.95 11.06,19.88C9.66,18.5 8.89,16.64 8.89,14.66C8.89,13.04 10.27,11.72 11.97,11.72C13.67,11.72 15.05,13.04 15.05,14.66C15.05,15.73 16,16.6 17.13,16.6C18.28,16.6 19.21,15.73 19.21,14.66C19.21,10.89 15.96,7.83 11.96,7.83C9.12,7.83 6.5,9.41 5.35,11.86C4.96,12.67 4.76,13.62 4.76,14.66C4.76,15.44 4.83,16.67 5.43,18.27C5.53,18.53 5.4,18.82 5.14,18.91C4.88,19 4.59,18.87 4.5,18.62C4,17.31 3.77,16 3.77,14.66C3.77,13.46 4,12.37 4.45,11.42C5.78,8.63 8.73,6.82 11.96,6.82C16.5,6.82 20.21,10.33 20.21,14.65C20.21,16.27 18.83,17.59 17.13,17.59C15.43,17.59 14.05,16.27 14.05,14.65C14.05,13.58 13.12,12.71 11.97,12.71C10.82,12.71 9.89,13.58 9.89,14.65C9.89,16.36 10.55,17.96 11.76,19.16C12.71,20.1 13.62,20.62 15.03,21C15.3,21.08 15.45,21.36 15.38,21.62C15.33,21.85 15.12,22 14.91,22Z" /></svg>

static-src/files/img/information.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>

static-src/files/img/key.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 14C5.9 14 5 13.1 5 12S5.9 10 7 10 9 10.9 9 12 8.1 14 7 14M12.6 10C11.8 7.7 9.6 6 7 6C3.7 6 1 8.7 1 12S3.7 18 7 18C9.6 18 11.8 16.3 12.6 14H16V18H20V14H23V10H12.6Z" /></svg>

static-src/files/img/link.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3.9,12C3.9,10.29 5.29,8.9 7,8.9H11V7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12M8,13H16V11H8V13M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.71 18.71,15.1 17,15.1H13V17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7Z" /></svg>

static-src/files/img/qrcode.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3,11H5V13H3V11M11,5H13V9H11V5M9,11H13V15H11V13H9V11M15,11H17V13H19V11H21V13H19V15H21V19H19V21H17V19H13V21H11V17H15V15H17V13H15V11M19,19V15H17V19H19M15,3H21V9H15V3M17,5V7H19V5H17M3,3H9V9H3V3M5,5V7H7V5H5M3,15H9V21H3V15M5,17V19H7V17H5Z" /></svg>

static-src/files/img/shield-link-variant.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M14.28,14.08L12.26,16.1C11.66,16.7 10.87,17 10.08,17C9.29,17 8.5,16.7 7.9,16.1C6.7,14.9 6.7,12.95 7.9,11.74L9.15,10.5L9.14,11.06C9.14,11.5 9.21,11.95 9.36,12.37L9.41,12.5L9.04,12.87C8.76,13.15 8.6,13.53 8.6,13.92C8.6,14.32 8.76,14.69 9.04,14.97C9.6,15.53 10.57,15.53 11.13,14.97L13.14,12.96C13.43,12.67 13.58,12.3 13.58,11.91C13.58,11.5 13.43,11.14 13.15,10.86C13,10.71 12.9,10.5 12.9,10.29C12.9,10.08 13,9.88 13.15,9.73C13.45,9.42 14,9.43 14.28,9.73C14.86,10.31 15.18,11.08 15.18,11.9C15.18,12.73 14.86,13.5 14.28,14.08M17.1,11.26L15.85,12.5L15.86,11.94C15.86,11.5 15.79,11.06 15.64,10.64L15.6,10.5L15.96,10.13C16.25,9.85 16.4,9.5 16.4,9.08C16.4,8.69 16.25,8.32 15.97,8.04C15.4,7.47 14.43,7.47 13.87,8.04L11.86,10.05C11.58,10.33 11.42,10.7 11.42,11.1C11.42,11.5 11.57,11.86 11.86,12.14C12,12.29 12.1,12.5 12.1,12.71C12.1,12.93 12,13.13 11.85,13.28C11.7,13.44 11.5,13.5 11.29,13.5C11.09,13.5 10.88,13.43 10.72,13.28C9.5,12.08 9.5,10.12 10.72,8.92L12.74,6.9C13.95,5.7 15.9,5.7 17.1,6.9C17.68,7.5 18,8.26 18,9.08C18,9.9 17.68,10.68 17.1,11.26Z" /></svg>

static-src/files/img/shield-search.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M17.86,19.31C16.23,21.22 14.28,22.45 12,23C9.44,22.39 7.3,20.93 5.58,18.63C3.86,16.34 3,13.8 3,11V5L12,1L21,5V11C21,13.39 20.36,15.61 19.08,17.67L16.17,14.76C16.69,13.97 17,13 17,12A5,5 0 0,0 12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17C13,17 13.97,16.69 14.76,16.17L17.86,19.31Z" /></svg>

static-src/kx-claim.js

@@ -92,7 +92,7 @@ export class Claim extends HTMLElement {
             const subsection_alert = elContent.appendChild(document.createElement('div'));
             subsection_alert.setAttribute('class', 'subsection');
             const subsection_alert_icon = subsection_alert.appendChild(document.createElement('img'));
-            subsection_alert_icon.setAttribute('src', '/static/img/alert-decagram.png');
+            subsection_alert_icon.setAttribute('src', '/static/img/alert-decagram.svg');
             subsection_alert_icon.setAttribute('alt', '');
             subsection_alert_icon.setAttribute('aria-hidden', 'true');
             const subsection_alert_text = subsection_alert.appendChild(document.createElement('div'));
@@ -106,7 +106,7 @@ export class Claim extends HTMLElement {
         const subsection_links = elContent.appendChild(document.createElement('div'));
         subsection_links.setAttribute('class', 'subsection');
         const subsection_links_icon = subsection_links.appendChild(document.createElement('img'));
-        subsection_links_icon.setAttribute('src', '/static/img/link.png');
+        subsection_links_icon.setAttribute('src', '/static/img/link.svg');
         subsection_links_icon.setAttribute('alt', '');
         subsection_links_icon.setAttribute('aria-hidden', 'true');
         const subsection_links_text = subsection_links.appendChild(document.createElement('div'));
@@ -132,7 +132,7 @@ export class Claim extends HTMLElement {
             const subsection_qr = elContent.appendChild(document.createElement('div'));
             subsection_qr.setAttribute('class', 'subsection');
             const subsection_qr_icon = subsection_qr.appendChild(document.createElement('img'));
-            subsection_qr_icon.setAttribute('src', '/static/img/qrcode.png');
+            subsection_qr_icon.setAttribute('src', '/static/img/qrcode.svg');
             subsection_qr_icon.setAttribute('alt', '');
             subsection_qr_icon.setAttribute('aria-hidden', 'true');
             const subsection_qr_text = subsection_qr.appendChild(document.createElement('div'));
@@ -149,7 +149,7 @@ export class Claim extends HTMLElement {
         const subsection_status = elContent.appendChild(document.createElement('div'));
         subsection_status.setAttribute('class', 'subsection');
         const subsection_status_icon = subsection_status.appendChild(document.createElement('img'));
-        subsection_status_icon.setAttribute('src', '/static/img/decagram.png');
+        subsection_status_icon.setAttribute('src', '/static/img/decagram.svg');
         subsection_status_icon.setAttribute('alt', '');
         subsection_status_icon.setAttribute('aria-hidden', 'true');
         const subsection_status_text = subsection_status.appendChild(document.createElement('div'));
@@ -157,7 +157,7 @@ export class Claim extends HTMLElement {
         const verification = subsection_status_text.appendChild(document.createElement('p'));
         if (claim.status === 'verified') {
             verification.innerHTML = `Claim verification has completed.`;
-            subsection_status_icon.setAttribute('src', '/static/img/check-decagram.png');
+            subsection_status_icon.setAttribute('src', '/static/img/check-decagram.svg');
             subsection_status_icon.setAttribute('alt', '');
             subsection_status_icon.setAttribute('aria-hidden', 'true');
         } else {
@@ -171,7 +171,7 @@ export class Claim extends HTMLElement {
         const subsection_result = elContent.appendChild(document.createElement('div'));
         subsection_result.setAttribute('class', 'subsection');
         const subsection_result_icon = subsection_result.appendChild(document.createElement('img'));
-        subsection_result_icon.setAttribute('src', '/static/img/shield-search.png');
+        subsection_result_icon.setAttribute('src', '/static/img/shield-search.svg');
         subsection_result_icon.setAttribute('alt', '');
         subsection_result_icon.setAttribute('aria-hidden', 'true');
         const subsection_result_text = subsection_result.appendChild(document.createElement('div'));
@@ -186,7 +186,7 @@ export class Claim extends HTMLElement {
             const subsection_info = elContent.appendChild(document.createElement('div'));
             subsection_info.setAttribute('class', 'subsection');
             const subsection_info_icon = subsection_info.appendChild(document.createElement('img'));
-            subsection_info_icon.setAttribute('src', '/static/img/information.png');
+            subsection_info_icon.setAttribute('src', '/static/img/information.svg');
             subsection_info_icon.setAttribute('alt', '');
             subsection_info_icon.setAttribute('aria-hidden', 'true');
             const subsection_info_text = subsection_info.appendChild(document.createElement('div'));
@@ -203,7 +203,7 @@ export class Claim extends HTMLElement {
         //     const subsection_errors = elContent.appendChild(document.createElement('div'));
         //     subsection_errors.setAttribute('class', 'subsection');
         //     const subsection_errors_icon = subsection_errors.appendChild(document.createElement('img'));
-        //     subsection_errors_icon.setAttribute('src', '/static/img/alert-circle.png');
+        //     subsection_errors_icon.setAttribute('src', '/static/img/alert-circle.svg');
         //     const subsection_errors_text = subsection_errors.appendChild(document.createElement('div'));
 
         //     claim.verification.errors.forEach(message => {

static-src/kx-key.js

@@ -56,7 +56,7 @@ export class Key extends HTMLElement {
         const subsection_links = elContent.appendChild(document.createElement('div'));
         subsection_links.setAttribute('class', 'subsection');
         const subsection_links_icon = subsection_links.appendChild(document.createElement('img'));
-        subsection_links_icon.setAttribute('src', '/static/img/link.png');
+        subsection_links_icon.setAttribute('src', '/static/img/link.svg');
         subsection_links_icon.setAttribute('alt', '');
         subsection_links_icon.setAttribute('aria-hidden', 'true');
         const subsection_links_text = subsection_links.appendChild(document.createElement('div'));
@@ -70,7 +70,7 @@ export class Key extends HTMLElement {
         const subsection_qr = elContent.appendChild(document.createElement('div'));
         subsection_qr.setAttribute('class', 'subsection');
         const subsection_qr_icon = subsection_qr.appendChild(document.createElement('img'));
-        subsection_qr_icon.setAttribute('src', '/static/img/qrcode.png');
+        subsection_qr_icon.setAttribute('src', '/static/img/qrcode.svg');
         subsection_qr_icon.setAttribute('alt', '');
         subsection_qr_icon.setAttribute('aria-hidden', 'true');
         const subsection_qr_text = subsection_qr.appendChild(document.createElement('div'));