refactor: use SVG icons for better visual effects

fix #637

Author: fengyuanchen

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## next
+
+- Use SVG icons for better visual effects (#637).
+
 ## 1.11.6 (Sep 17, 2023)
 
 - Fix an issue where some CSS styles were incompatible with old browsers (#611).

src/css/viewer.css

@@ -13,7 +13,7 @@
 .viewer-fullscreen-exit,
 .viewer-close {
   &::before {
-    background-image: url('../images/icons.png');
+    background-image: url('../images/icons.svg');
     background-repeat: no-repeat;
     background-size: 280px;
     color: transparent;

src/css/viewer.scss

@@ -14,7 +14,7 @@
   &-fullscreen-exit,
   &-close {
     &::before {
-      background-image: url('../images/icons.png');
+      background-image: url('../images/icons.svg');
       background-repeat: no-repeat;
       background-size: 280px;
       color: transparent;