Use an SVG as the main icon for the debug bar

Author: natanfelles

src/Views/debugbar/debugbar.php

@@ -11,7 +11,7 @@
 if (!isset($options['info_contents'])) {
     $options['info_contents'] = '<p>★ <a href="https://aplus-framework.com" target="_blank">aplus-framework.com</a></p>';
 }
-$iconPath = __DIR__ . '/icon.png';
+$iconPath = __DIR__ . '/icon.svg';
 if (isset($options['icon_path'])) {
     $iconPath = $options['icon_path'];
 }
@@ -130,7 +130,12 @@ class_exists('Aplus')
     </div>
     <div class="toolbar">
         <div class="icon">
-            <img src="data:image/png;base64,<?= base64_encode((string) file_get_contents($iconPath)) ?>" alt="A+" width="32" height="32">
+            <?php $contents = (string) file_get_contents($iconPath) ?>
+            <?php if(str_ends_with($iconPath, '.svg')) : ?>
+                <?= strtr($contents, ['<svg ' => '<svg width="32" height="32" ']) ?>
+            <?php else : ?>
+                <img src="data:image/png;base64,<?= base64_encode($contents) ?>" alt="A+" width="32" height="32">
+            <?php endif ?>
         </div>
         <div class="collections">
             <?php foreach ($collections as $collection): ?>

src/Views/debugbar/icon.svg

@@ -248,6 +248,14 @@ public function testIconPathOption() : void
         );
     }
 
+    public function testDefaultIconPath() : void
+    {
+        self::assertStringContainsString(
+            '<svg width="32" height="32" ',
+            $this->debugger->renderDebugbar()
+        );
+    }
+
     protected function closeBuffer() : void
     {
         if (\ob_get_level()) {