Change moto icon

nuxt.config.ts

@@ -7,7 +7,7 @@ import plugins from './settings/Plugins'
 import css from './settings/Style'
 import configs from './settings/RuntimeConfig'
 
-export default {
+const config = {
   head,
   modules,
   ...arch,
@@ -15,5 +15,7 @@ export default {
   plugins,
   css,
   buildModules,
-  ...configs
+  ...configs,
 }
+
+export default config

src/components/InterestsAbout.vue

@@ -47,9 +47,8 @@
         </li>
         <li class="my-2">
           {{ $t('about.interests.moto') }}
-          <svg class="inline icon" height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636" />
-          </svg>
+          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" class="inline icon" width="25" height="25"
+               preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M12.72 11l-2 2h-.77l-.25-.69c-.18-.48-.42-.92-.72-1.31h3.74m2.69-6H11v2h3.59l2 2H5c-2.8 0-5 2.2-5 5s2.2 5 5 5c2.46 0 4.45-1.69 4.9-4h1.65l2.77-2.77c-.21.54-.32 1.14-.32 1.77c0 2.8 2.2 5 5 5s5-2.2 5-5c0-2.65-1.97-4.77-4.56-4.97L15.41 5zM19 17c-1.66 0-3-1.34-3-3s1.34-3 3-3s3 1.34 3 3s-1.34 3-3 3zM5 17c-1.63 0-3-1.37-3-3s1.37-3 3-3c1.28 0 2.4.85 2.82 2H5v2h2.82C7.4 16.15 6.28 17 5 17z" fill="currentColor"></path></svg>
         </li>
       </ul>
     </div>