diff --git a/Directory.Build.props b/Directory.Build.props
index a5a6e8c..5a98a54 100644
--- a/Directory.Build.props
+++ b/Directory.Build.props
@@ -26,8 +26,13 @@
     <PackageTags>maui;avalonia;winui;ui;components;shadcn;native;cross-platform</PackageTags>
     <RepositoryUrl>https://github.com/shellui-dev/shellui-native</RepositoryUrl>
     <RepositoryType>git</RepositoryType>
+    <PackageIcon>icon.png</PackageIcon>
   </PropertyGroup>
 
+  <ItemGroup>
+    <None Include="$(MSBuildThisFileDirectory)assets\icon.png" Pack="true" PackagePath="\" Visible="false" />
+  </ItemGroup>
+
   <!-- Common build settings (TargetFramework should be set per-project) -->
   <PropertyGroup>
     <ImplicitUsings>enable</ImplicitUsings>
diff --git a/assets/icon-dark.png b/assets/icon-dark.png
new file mode 100644
index 0000000..2d5ef9c
Binary files /dev/null and b/assets/icon-dark.png differ
diff --git a/assets/icon.png b/assets/icon.png
new file mode 100644
index 0000000..87c8c2b
Binary files /dev/null and b/assets/icon.png differ
diff --git a/docs/README.md b/docs/README.md
index c52b888..29668c6 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -1,5 +1,10 @@
 <div align="center">
 
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/shellui-dev/shellui-native/main/assets/icon-dark.png" />
+  <img src="https://raw.githubusercontent.com/shellui-dev/shellui-native/main/assets/icon.png" alt="" width="64" />
+</picture>
+
 ```
 ███████╗██╗  ██╗███████╗██╗     ██╗     ██╗   ██╗██╗         ███╗   ██╗ █████╗ ████████╗██╗██╗   ██╗███████╗
 ██╔════╝██║  ██║██╔════╝██║     ██║     ██║   ██║██║         ████╗  ██║██╔══██╗╚══██╔══╝██║██║   ██║██╔════╝
diff --git a/examples/MAUI.Demo/MAUI.Demo.csproj b/examples/MAUI.Demo/MAUI.Demo.csproj
index 8234044..9b0b63e 100644
--- a/examples/MAUI.Demo/MAUI.Demo.csproj
+++ b/examples/MAUI.Demo/MAUI.Demo.csproj
@@ -45,10 +45,10 @@
 
 	<ItemGroup>
 		<!-- App Icon -->
-		<MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" Color="#512BD4" />
+		<MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" Color="#0A0A0A" />
 
 		<!-- Splash Screen -->
-		<MauiSplashScreen Include="Resources\Splash\splash.svg" Color="#512BD4" BaseSize="128,128" />
+		<MauiSplashScreen Include="Resources\Splash\splash.svg" Color="#0A0A0A" BaseSize="128,128" />
 
 		<!-- Images -->
 		<MauiImage Include="Resources\Images\*" />
diff --git a/examples/MAUI.Demo/Resources/AppIcon/appicon.svg b/examples/MAUI.Demo/Resources/AppIcon/appicon.svg
index 9d63b65..9c34848 100644
--- a/examples/MAUI.Demo/Resources/AppIcon/appicon.svg
+++ b/examples/MAUI.Demo/Resources/AppIcon/appicon.svg
@@ -1,4 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="456" height="456" viewBox="0 0 456 456" version="1.1" xmlns="http://www.w3.org/2000/svg">
-    <rect x="0" y="0" width="456" height="456" fill="#512BD4" />
-</svg>
\ No newline at end of file
+<svg width="456" height="456" viewBox="0 0 456 456" xmlns="http://www.w3.org/2000/svg"><rect width="456" height="456" fill="#0a0a0a"/></svg>
diff --git a/examples/MAUI.Demo/Resources/AppIcon/appiconfg.svg b/examples/MAUI.Demo/Resources/AppIcon/appiconfg.svg
index 21dfb25..efbdca4 100644
--- a/examples/MAUI.Demo/Resources/AppIcon/appiconfg.svg
+++ b/examples/MAUI.Demo/Resources/AppIcon/appiconfg.svg
@@ -1,8 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="456" height="456" viewBox="0 0 456 456" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <path d="m 105.50037,281.60863 c -2.70293,0 -5.00091,-0.90042 -6.893127,-2.70209 -1.892214,-1.84778 -2.837901,-4.04181 -2.837901,-6.58209 0,-2.58722 0.945687,-4.80389 2.837901,-6.65167 1.892217,-1.84778 4.190197,-2.77167 6.893127,-2.77167 2.74819,0 5.06798,0.92389 6.96019,2.77167 1.93749,1.84778 2.90581,4.06445 2.90581,6.65167 0,2.54028 -0.96832,4.73431 -2.90581,6.58209 -1.89221,1.80167 -4.212,2.70209 -6.96019,2.70209 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
-    <path d="M 213.56111,280.08446 H 195.99044 L 149.69953,207.0544 c -1.17121,-1.84778 -2.14037,-3.76515 -2.90581,-5.75126 h -0.40578 c 0.36051,2.12528 0.54076,6.67515 0.54076,13.6496 v 65.13172 h -15.54349 v -99.36009 h 18.71925 l 44.7374,71.29798 c 1.89222,2.95695 3.1087,4.98917 3.64945,6.09751 h 0.26996 c -0.45021,-2.6325 -0.67573,-7.09015 -0.67573,-13.37293 v -64.02256 h 15.47557 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
-    <path d="m 289.25134,280.08446 h -54.40052 v -99.36009 h 52.23835 v 13.99669 h -36.15411 v 28.13085 h 33.31621 v 13.9271 h -33.31621 v 29.37835 h 38.31628 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
-    <path d="M 366.56466,194.72106 H 338.7222 v 85.3634 h -16.08423 v -85.3634 h -27.77455 v -13.99669 h 71.70124 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
-</svg>
\ No newline at end of file
+<svg width="456" height="456" viewBox="0 0 456 456" xmlns="http://www.w3.org/2000/svg"><circle cx="125.9" cy="125.9" r="20.4" fill="#fafafa"/><circle cx="176.9" cy="125.9" r="20.4" fill="#fafafa"/><circle cx="228.0" cy="125.9" r="20.4" fill="#fafafa"/><circle cx="279.1" cy="125.9" r="20.4" fill="#fafafa" fill-opacity="0.22"/><circle cx="330.1" cy="125.9" r="20.4" fill="#fafafa" fill-opacity="0.22"/><circle cx="125.9" cy="176.9" r="20.4" fill="#fafafa"/><circle cx="176.9" cy="176.9" r="20.4" fill="#fafafa" fill-opacity="0.22"/><circle cx="228.0" cy="176.9" r="20.4" fill="#fafafa"/><circle cx="279.1" cy="176.9" r="20.4" fill="#fafafa" fill-opacity="0.22"/><circle cx="330.1" cy="176.9" r="20.4" fill="#fafafa" fill-opacity="0.22"/><circle cx="125.9" cy="228.0" r="20.4" fill="#fafafa"/><circle cx="176.9" cy="228.0" r="20.4" fill="#fafafa"/><circle cx="228.0" cy="228.0" r="20.4" fill="#fafafa"/><circle cx="279.1" cy="228.0" r="20.4" fill="#fafafa"/><circle cx="330.1" cy="228.0" r="20.4" fill="#fafafa"/><circle cx="125.9" cy="279.1" r="20.4" fill="#fafafa" fill-opacity="0.22"/><circle cx="176.9" cy="279.1" r="20.4" fill="#fafafa" fill-opacity="0.22"/><circle cx="228.0" cy="279.1" r="20.4" fill="#fafafa"/><circle cx="279.1" cy="279.1" r="20.4" fill="#fafafa" fill-opacity="0.22"/><circle cx="330.1" cy="279.1" r="20.4" fill="#fafafa"/><circle cx="125.9" cy="330.1" r="20.4" fill="#fafafa" fill-opacity="0.22"/><circle cx="176.9" cy="330.1" r="20.4" fill="#fafafa" fill-opacity="0.22"/><circle cx="228.0" cy="330.1" r="20.4" fill="#fafafa"/><circle cx="279.1" cy="330.1" r="20.4" fill="#fafafa"/><circle cx="330.1" cy="330.1" r="20.4" fill="#fafafa"/></svg>
diff --git a/examples/MAUI.Demo/Resources/Splash/splash.svg b/examples/MAUI.Demo/Resources/Splash/splash.svg
index 21dfb25..93a4497 100644
--- a/examples/MAUI.Demo/Resources/Splash/splash.svg
+++ b/examples/MAUI.Demo/Resources/Splash/splash.svg
@@ -1,8 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="456" height="456" viewBox="0 0 456 456" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <path d="m 105.50037,281.60863 c -2.70293,0 -5.00091,-0.90042 -6.893127,-2.70209 -1.892214,-1.84778 -2.837901,-4.04181 -2.837901,-6.58209 0,-2.58722 0.945687,-4.80389 2.837901,-6.65167 1.892217,-1.84778 4.190197,-2.77167 6.893127,-2.77167 2.74819,0 5.06798,0.92389 6.96019,2.77167 1.93749,1.84778 2.90581,4.06445 2.90581,6.65167 0,2.54028 -0.96832,4.73431 -2.90581,6.58209 -1.89221,1.80167 -4.212,2.70209 -6.96019,2.70209 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
-    <path d="M 213.56111,280.08446 H 195.99044 L 149.69953,207.0544 c -1.17121,-1.84778 -2.14037,-3.76515 -2.90581,-5.75126 h -0.40578 c 0.36051,2.12528 0.54076,6.67515 0.54076,13.6496 v 65.13172 h -15.54349 v -99.36009 h 18.71925 l 44.7374,71.29798 c 1.89222,2.95695 3.1087,4.98917 3.64945,6.09751 h 0.26996 c -0.45021,-2.6325 -0.67573,-7.09015 -0.67573,-13.37293 v -64.02256 h 15.47557 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
-    <path d="m 289.25134,280.08446 h -54.40052 v -99.36009 h 52.23835 v 13.99669 h -36.15411 v 28.13085 h 33.31621 v 13.9271 h -33.31621 v 29.37835 h 38.31628 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
-    <path d="M 366.56466,194.72106 H 338.7222 v 85.3634 h -16.08423 v -85.3634 h -27.77455 v -13.99669 h 71.70124 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
-</svg>
\ No newline at end of file
+<svg width="456" height="456" viewBox="0 0 456 456" xmlns="http://www.w3.org/2000/svg"><circle cx="45.6" cy="45.6" r="36.5" fill="#fafafa"/><circle cx="136.8" cy="45.6" r="36.5" fill="#fafafa"/><circle cx="228.0" cy="45.6" r="36.5" fill="#fafafa"/><circle cx="319.2" cy="45.6" r="36.5" fill="#fafafa" fill-opacity="0.22"/><circle cx="410.4" cy="45.6" r="36.5" fill="#fafafa" fill-opacity="0.22"/><circle cx="45.6" cy="136.8" r="36.5" fill="#fafafa"/><circle cx="136.8" cy="136.8" r="36.5" fill="#fafafa" fill-opacity="0.22"/><circle cx="228.0" cy="136.8" r="36.5" fill="#fafafa"/><circle cx="319.2" cy="136.8" r="36.5" fill="#fafafa" fill-opacity="0.22"/><circle cx="410.4" cy="136.8" r="36.5" fill="#fafafa" fill-opacity="0.22"/><circle cx="45.6" cy="228.0" r="36.5" fill="#fafafa"/><circle cx="136.8" cy="228.0" r="36.5" fill="#fafafa"/><circle cx="228.0" cy="228.0" r="36.5" fill="#fafafa"/><circle cx="319.2" cy="228.0" r="36.5" fill="#fafafa"/><circle cx="410.4" cy="228.0" r="36.5" fill="#fafafa"/><circle cx="45.6" cy="319.2" r="36.5" fill="#fafafa" fill-opacity="0.22"/><circle cx="136.8" cy="319.2" r="36.5" fill="#fafafa" fill-opacity="0.22"/><circle cx="228.0" cy="319.2" r="36.5" fill="#fafafa"/><circle cx="319.2" cy="319.2" r="36.5" fill="#fafafa" fill-opacity="0.22"/><circle cx="410.4" cy="319.2" r="36.5" fill="#fafafa"/><circle cx="45.6" cy="410.4" r="36.5" fill="#fafafa" fill-opacity="0.22"/><circle cx="136.8" cy="410.4" r="36.5" fill="#fafafa" fill-opacity="0.22"/><circle cx="228.0" cy="410.4" r="36.5" fill="#fafafa"/><circle cx="319.2" cy="410.4" r="36.5" fill="#fafafa"/><circle cx="410.4" cy="410.4" r="36.5" fill="#fafafa"/></svg>
diff --git a/src/ShellUI.Native.CLI/README.md b/src/ShellUI.Native.CLI/README.md
index f9e8aa7..e0c6041 100644
--- a/src/ShellUI.Native.CLI/README.md
+++ b/src/ShellUI.Native.CLI/README.md
@@ -1,3 +1,8 @@
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/shellui-dev/shellui-native/main/assets/icon-dark.png" />
+  <img src="https://raw.githubusercontent.com/shellui-dev/shellui-native/main/assets/icon.png" alt="" width="64" />
+</picture>
+
 # ShellUI Native CLI
 
 Command-line interface for ShellUI Native component library.