Merge pull request #104 from macalinao/igm/native-sol-image

macalinao · web-flow · commit 2518a6603802 · 2025-10-24T03:20:04.000+08:00
Use better token icon for native SOL
diff --git a/.changeset/soft-apples-trade.md b/.changeset/soft-apples-trade.md
@@ -0,0 +1,6 @@
+---
+"@macalinao/token-utils": patch
+"example-dapp": patch
+---
+
+use better SOL icon
diff --git a/apps/example-dapp/public/tokens/sol.svg b/apps/example-dapp/public/tokens/sol.svg
@@ -0,0 +1,44 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+    viewBox="-84.8 150.6 101 101" style="enable-background:new -84.8 150.6 101 101;" xml:space="preserve">
+    <style type="text/css">
+        .st0 {
+            fill: #111111;
+            stroke: #000000;
+            stroke-miterlimit: 10;
+        }
+
+        .st1 {
+            fill: url(#SVGID_1_);
+        }
+
+        .st2 {
+            fill: url(#SVGID_2_);
+        }
+
+        .st3 {
+            fill: url(#SVGID_3_);
+        }
+    </style>
+    <circle class="st0" cx="-34.3" cy="201.1" r="50" />
+    <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-7.7256" y1="255.4465" x2="-43.7526" y2="324.4527"
+        gradientTransform="matrix(1 0 0 1 0 -86)">
+        <stop offset="0" style="stop-color:#00FFA3" />
+        <stop offset="1" style="stop-color:#DC1FFF" />
+    </linearGradient>
+    <path class="st1" d="M-56.3,214.6c0.4-0.4,0.9-0.6,1.5-0.6h52.1c1,0,1.4,1.1,0.8,1.8l-10.3,10.3c-0.4,0.4-0.9,0.6-1.5,0.6h-52.1
+	c-1,0-1.4-1.1-0.8-1.8L-56.3,214.6z" />
+    <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-23.4772" y1="247.2229" x2="-59.5042" y2="316.2291"
+        gradientTransform="matrix(1 0 0 1 0 -86)">
+        <stop offset="0" style="stop-color:#00FFA3" />
+        <stop offset="1" style="stop-color:#DC1FFF" />
+    </linearGradient>
+    <path class="st2" d="M-56.3,176.2c0.4-0.4,1-0.6,1.5-0.6h52.1c1,0,1.4,1.1,0.8,1.8l-10.3,10.3c-0.4,0.4-0.9,0.6-1.5,0.6h-52.1
+	c-1,0-1.4-1.1-0.8-1.8L-56.3,176.2z" />
+    <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-15.6519" y1="251.3083" x2="-51.6789" y2="320.3146"
+        gradientTransform="matrix(1 0 0 1 0 -86)">
+        <stop offset="0" style="stop-color:#00FFA3" />
+        <stop offset="1" style="stop-color:#DC1FFF" />
+    </linearGradient>
+    <path class="st3" d="M-12.3,195.3c-0.4-0.4-0.9-0.6-1.5-0.6h-52.1c-1,0-1.4,1.1-0.8,1.8l10.3,10.3c0.4,0.4,0.9,0.6,1.5,0.6h52.1
+	c1,0,1.4-1.1,0.8-1.8L-12.3,195.3z" />
+</svg>
diff --git a/packages/token-utils/src/native-sol.ts b/packages/token-utils/src/native-sol.ts
@@ -10,5 +10,5 @@ export const NATIVE_SOL: TokenInfo<"11111111111111111111111111111111", 9> = {
   symbol: "SOL",
   decimals: 9,
   // TODO(igm): icons should be put in some sort of static repository, and they should be SVGs.
-  iconURL: "https://cryptologos.cc/logos/solana-sol-logo.png",
+  iconURL: "https://grill.ianm.com/tokens/sol.svg",
 };
