use icon svg

app/lib/features/about/presentation/screens/about.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_svg/svg.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:weblibre/features/about/data/repositories/package_info_repository.dart';
 
@@ -17,7 +18,7 @@ class AboutDialogScreen extends HookConsumerWidget {
     return AboutDialog(
       applicationIcon: SizedBox.square(
         dimension: IconTheme.of(context).size,
-        child: Image.asset('assets/icon/icon.png'),
+        child: SvgPicture.asset('assets/icon/icon.svg'),
       ),
       applicationName: packageInfo.appName,
       applicationVersion: packageInfo.version,

app/lib/features/onboarding/presentation/pages/welcome.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_svg/svg.dart';
 
 class WelcomePage extends StatelessWidget {
   const WelcomePage({super.key});
@@ -7,15 +8,17 @@ class WelcomePage extends StatelessWidget {
   Widget build(BuildContext context) {
     return Column(
       children: [
+        const SizedBox(height: 24),
         FractionallySizedBox(
           widthFactor: 0.5,
-          child: Image.asset('assets/icon/icon.png'),
+          child: SvgPicture.asset('assets/icon/icon.svg'),
         ),
+        const SizedBox(height: 24),
         Text(
           'The Privacy-Focused Browser',
           softWrap: true,
           textAlign: TextAlign.center,
-          style: Theme.of(context).textTheme.headlineLarge,
+          style: Theme.of(context).textTheme.headlineMedium,
         ),
       ],
     );