Using alias actor ID when available. Using basic SVG flags instead of PNG. Moved PNG and HD SVG flags to assets.

assets/components/actors/actor.vue

@@ -90,7 +90,7 @@
                             >
                                 <img
                                     class="flag"
-                                    :src="`/img/flags/${actor.origin.country.alpha2.toLowerCase()}.png`"
+                                    :src="`/img/flags/svg-simple/${actor.origin.country.alpha2.toLowerCase()}.svg`"
                                 >{{ actor.origin.country.alias || actor.origin.country.name }}
                             </span>
                         </span>
@@ -433,7 +433,8 @@ export default {
 }
 
 .flag {
-    margin: 0 .25rem 0 0;
+    height: 1rem;
+    margin: .25rem .25rem 0 0;
 }
 
 .bio-name {
@@ -454,7 +455,7 @@ export default {
 }
 
 .country {
-    display: block;
+    display: flex;
 }
 
 .height-imperial,

assets/components/icon/icon.vue

@@ -29,7 +29,7 @@ export default {
         };
     },
     beforeMount() {
-        this.svg = require(`../../img/${this.icon}.svg`).default;
+        this.svg = require(`../../img/icons/${this.icon}.svg`).default;
     },
 };
 </script>