Skip to content

Tokens Icons and Mobile wallet fixes #118

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
abhishek-01k wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Tokens Icons and Mobile wallet fixes #118

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
167f76b
Added icons and logos for some major tokens
abhishek-01k May 5, 2026
cc1883f
Phantom wallet fix for mobile viewport
abhishek-01k May 8, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 54 additions & 0 deletions src/blocks/illustrations/components/PUSD.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
import { FC } from "react";
import { IllustrationWrapper } from "../IllustrationWrapper";
import { IllustrationProps } from "../Illustrations.types";

const PUSD: FC<IllustrationProps> = (allProps) => {
const { svgProps: props, ...restProps } = allProps;
return (
<IllustrationWrapper
componentName="PUSD"
illustration={
<svg
width={restProps?.width ?? "24"}
height={restProps?.height ?? "24"}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g clipPath="url(#clip0_pusd)">
<circle
cx="12"
cy="12"
r="12"
fill="url(#paint0_radial_pusd)"
/>
<path
d="M11.28 19.4V18.4H10.26C9.5 18.4 9 17.9 9 17.12C9 16.7 8.7 16.4 8.28 16.4H7.86C7.34 16.4 7 16.06 7 15.54V14.86C7 14.58 7.18 14.4 7.46 14.4H8.4C8.76 14.4 9 14.64 9 15V16.4H11.28V12.76H10.32C9.54 12.76 9 12.22 9 11.42C9 11.02 8.74 10.76 8.34 10.76H7.96C7.38 10.76 7 10.38 7 9.8V8.84C7 8.1 7.5 7.6 8.34 7.6C8.74 7.6 9 7.34 9 6.94V6.58C9 5.98 9.4 5.6 10 5.6H11.28V4.6C11.28 4.24 11.52 4 11.88 4H12.08C12.44 4 12.68 4.24 12.68 4.6V5.6H13.74C14.5 5.6 15 6.1 15 6.88C15 7.3 15.3 7.6 15.72 7.6H16.14C16.66 7.6 17 7.94 17 8.46V9.14C17 9.42 16.82 9.6 16.54 9.6H15.6C15.24 9.6 15 9.36 15 9V7.6H12.68V10.76H13.68C14.48 10.76 15 11.28 15 12.1C15 12.5 15.26 12.76 15.66 12.76H16.02C16.62 12.76 17 13.14 17 13.74V15.08C17 15.88 16.48 16.4 15.66 16.4C15.26 16.4 15 16.66 15 17.06V17.42C15 18.02 14.6 18.4 14 18.4H12.68V19.4C12.68 19.76 12.44 20 12.08 20H11.88C11.52 20 11.28 19.76 11.28 19.4ZM9 10.76H11.28V7.6H9V10.76ZM12.68 16.4H15V12.76H12.68V16.4Z"
fill="white"
/>
</g>
<defs>
<radialGradient
id="paint0_radial_pusd"
cx="0"
cy="0"
r="1"
gradientTransform="matrix(25.125 -25.5 23.3178 26.4168 5.25 19.875)"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#009393" />
<stop offset="1" stopColor="#215FFF" />
</radialGradient>
<clipPath id="clip0_pusd">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
}
{...restProps}
/>
);
};

export default PUSD;
263 changes: 263 additions & 0 deletions src/blocks/illustrations/components/StETH.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,263 @@
import { FC } from "react";
import { IllustrationWrapper } from "../IllustrationWrapper";
import { IllustrationProps } from "../Illustrations.types";

const StETH: FC<IllustrationProps> = (allProps) => {
const { svgProps: props, ...restProps } = allProps;
return (
<IllustrationWrapper
componentName="stETH"
illustration={
<svg
xmlns="http://www.w3.org/2000/svg"
width={restProps?.width ?? "24"}
height={restProps?.height ?? "24"}
viewBox="0 0 24 24"
fill="none"
{...props}
>
<path
d="M12.1133 20.0988C15.4896 20.0988 18.2266 17.3779 18.2266 14.0214C18.2266 12.7334 17.8236 11.5389 17.136 10.5559L12.0724 13.5863L7.00878 10.676C6.37117 11.6355 6 12.7853 6 14.0214C6 17.3779 8.73705 20.0988 12.1133 20.0988Z"
fill="url(#paint0_radial_steth)"
/>
<path
d="M12.1133 20.0988C15.4896 20.0988 18.2266 17.3779 18.2266 14.0214C18.2266 12.7334 17.8236 11.5389 17.136 10.5559L12.0724 13.5863L7.00878 10.676C6.37117 11.6355 6 12.7853 6 14.0214C6 17.3779 8.73705 20.0988 12.1133 20.0988Z"
fill="url(#paint1_radial_steth)"
fillOpacity={0.5}
/>
<path
d="M12.1133 20.0988C15.4896 20.0988 18.2266 17.3779 18.2266 14.0214C18.2266 12.7334 17.8236 11.5389 17.136 10.5559L12.0724 13.5863L7.00878 10.676C6.37117 11.6355 6 12.7853 6 14.0214C6 17.3779 8.73705 20.0988 12.1133 20.0988Z"
fill="url(#paint2_radial_steth)"
/>
<path
d="M12.1133 20.0988C15.4896 20.0988 18.2266 17.3779 18.2266 14.0214C18.2266 12.7334 17.8236 11.5389 17.136 10.5559L12.0724 13.5863L7.00878 10.676C6.37117 11.6355 6 12.7853 6 14.0214C6 17.3779 8.73705 20.0988 12.1133 20.0988Z"
fill="url(#paint3_radial_steth)"
/>
<path
d="M7.80823 9.58388L12.1134 12.0448V3L7.80823 9.58388Z"
fill="url(#paint4_radial_steth)"
/>
<path
d="M7.80823 9.58388L12.1134 12.0448V3L7.80823 9.58388Z"
fill="url(#paint5_radial_steth)"
/>
<path
d="M16.4113 9.58388L12.1133 12.0448V3L16.4113 9.58388Z"
fill="url(#paint6_radial_steth)"
/>
<path
d="M16.4113 9.58388L12.1133 12.0448V3L16.4113 9.58388Z"
fill="url(#paint7_radial_steth)"
/>
<path
d="M16.4113 9.58388L12.1133 12.0448V3L16.4113 9.58388Z"
fill="url(#paint8_linear_steth)"
fillOpacity={0.6}
/>
<path
d="M17.136 10.5547L12.1133 13.5791V20.0703L17.136 10.5547Z"
fill="url(#paint9_radial_steth)"
/>
<path
d="M17.136 10.5547L12.1133 13.5791V20.0703L17.136 10.5547Z"
fill="url(#paint10_radial_steth)"
/>
<path
d="M17.136 10.5547L12.1133 13.5791V20.0703L17.136 10.5547Z"
fill="url(#paint11_radial_steth)"
/>
<path
d="M7.00458 10.6688L12.1133 13.5792V20.0703L7.00458 10.6688Z"
fill="url(#paint12_radial_steth)"
/>
<path
d="M7.00458 10.6688L12.1133 13.5792V20.0703L7.00458 10.6688Z"
fill="url(#paint13_radial_steth)"
/>
<path
d="M7.00458 10.6688L12.1133 13.5792V20.0703L7.00458 10.6688Z"
fill="url(#paint14_radial_steth)"
/>
<defs>
<radialGradient
id="paint0_radial_steth"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.652 18.304) rotate(-145.131) scale(11.1222 14.8749)"
>
<stop stopColor="#8AFBED" stopOpacity={0} />
<stop
offset="0.671495"
stopColor="#00A3FF"
stopOpacity="0.45726"
/>
<stop offset="1" stopColor="#198CF6" />
</radialGradient>
<radialGradient
id="paint1_radial_steth"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.6052 9.82193) rotate(52.8106) scale(10.7077 8.71134)"
>
<stop stopColor="#35C2FF" />
<stop offset="1" stopColor="#00A3FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_steth"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.32177 10.2854) rotate(59.2776) scale(4.67852 5.99421)"
>
<stop stopColor="#3B52FC" />
<stop offset="1" stopColor="#3B52FC" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_steth"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.4452 9.15926) rotate(90.1891) scale(6.96366 8.92198)"
>
<stop stopColor="#2A6BFF" />
<stop offset="1" stopColor="#2A6BFF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_steth"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.1036 7.50979) rotate(157.682) scale(5.29014 13.2775)"
>
<stop stopColor="#00A3FF" />
<stop offset="0.943718" stopColor="#00A3FF" stopOpacity="0.29" />
</radialGradient>
<radialGradient
id="paint5_radial_steth"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.2058 4.0342) rotate(78.8158) scale(6.16138 11.3981)"
>
<stop stopColor="#FF7272" />
<stop offset="0.179674" stopColor="#FF72A7" />
<stop offset="1" stopColor="#7A51FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_steth"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.6307 3.32175) rotate(84.1933) scale(14.9925 6.17453)"
>
<stop stopColor="#FFBFAB" />
<stop offset="0.364808" stopColor="#FF67A8" stopOpacity="0.87" />
<stop offset="0.723967" stopColor="#6BAFFF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_steth"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.1133 10.6302) rotate(-50.3051) scale(4.56984 6.93073)"
>
<stop stopColor="#2238FF" />
<stop offset="1" stopColor="#0047FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint8_linear_steth"
x1="16.434"
y1="10.9519"
x2="13.6072"
y2="9.66489"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#29EDFE" />
<stop offset="1" stopColor="#29EDFE" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint9_radial_steth"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.123 18.882) rotate(-65.2378) scale(6.00162 13.5119)"
>
<stop stopColor="#4DEAFF" />
<stop offset="0.943718" stopColor="#00A3FF" stopOpacity="0.1" />
</radialGradient>
<radialGradient
id="paint10_radial_steth"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.375 14.6597) rotate(9.61547) scale(5.45744 5.22275)"
>
<stop stopColor="#35AAFF" />
<stop offset="0.0001" stopColor="#0057FF" />
<stop offset="1" stopColor="#00A3FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint11_radial_steth"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.1235 10.2854) rotate(125.701) scale(5.63183 2.97268)"
>
<stop stopColor="#2241FF" />
<stop offset="1" stopColor="#1EA0FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint12_radial_steth"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.1036 18.8962) rotate(-115.402) scale(5.96068 13.6719)"
>
<stop stopColor="#64E3FF" />
<stop offset="1" stopColor="#00A3FF" stopOpacity="0.29" />
</radialGradient>
<radialGradient
id="paint13_radial_steth"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.47093 12.4458) rotate(50.7041) scale(5.79848 5.62143)"
>
<stop stopColor="#3687FF" />
<stop offset="1" stopColor="#354BFF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint14_radial_steth"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.01125 10.9519) rotate(46.273) scale(3.65737 1.98742)"
>
<stop stopColor="#1858FF" />
<stop offset="1" stopColor="#3A70FF" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
}
{...restProps}
/>
);
};

export default StETH;
45 changes: 45 additions & 0 deletions src/blocks/illustrations/components/USDC.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
import { FC } from "react";
import { IllustrationWrapper } from "../IllustrationWrapper";
import { IllustrationProps } from "../Illustrations.types";

const USDC: FC<IllustrationProps> = (allProps) => {
const { svgProps: props, ...restProps } = allProps;
return (
<IllustrationWrapper
componentName="USDC"
illustration={
<svg
width={restProps?.width ?? "24"}
height={restProps?.height ?? "24"}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g clipPath="url(#clip0_36987_14986_usdc)">
<path
d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12Z"
fill="#215FFF"
/>
<path
d="M9.66885 18.6763C6.10349 17.3411 4.27508 13.1923 5.60073 9.5202C6.28637 7.51725 7.79475 5.9913 9.66885 5.27598C9.8517 5.18064 9.94305 5.03758 9.94305 4.79906V4.13146C9.94305 3.94067 9.8517 3.79761 9.66885 3.75C9.6231 3.75 9.53168 3.75 9.48593 3.79761C5.1436 5.22826 2.76668 10.0448 4.13795 14.5751C4.96073 17.2457 6.92627 19.2963 9.48593 20.1547C9.66885 20.25 9.8517 20.1547 9.8973 19.9639C9.94305 19.9163 9.94305 19.8685 9.94305 19.7732V19.1055C9.94305 18.9624 9.80595 18.7717 9.66885 18.6763ZM14.5141 3.79761C14.3312 3.70227 14.1483 3.79761 14.1027 3.9884C14.057 4.03613 14.057 4.08374 14.057 4.17919V4.84678C14.057 5.03758 14.1941 5.22826 14.3312 5.32371C17.8965 6.6589 19.7249 10.8077 18.3993 14.4798C17.7137 16.4827 16.2053 18.0087 14.3312 18.7241C14.1483 18.8194 14.057 18.9624 14.057 19.201V19.8685C14.057 20.0593 14.1483 20.2024 14.3312 20.25C14.3769 20.25 14.4683 20.25 14.5141 20.2024C18.8564 18.7718 21.2333 13.9552 19.862 9.42487C19.0393 6.70662 17.028 4.656 14.5141 3.79761Z"
fill="white"
/>
<path
d="M15.75 13.7676C15.75 12.0249 14.5746 11.4274 12.2239 11.1785C10.5448 10.9792 10.2089 10.581 10.2089 9.8838C10.2089 9.1866 10.7687 8.73862 11.888 8.73862C12.8955 8.73862 13.4552 9.03735 13.7351 9.78428C13.7911 9.9336 13.959 10.0332 14.1269 10.0332H15.0224C15.2463 10.0332 15.4142 9.8838 15.4142 9.68475V9.63488C15.1903 8.53943 14.1828 7.69298 12.8955 7.59345V6.39842C12.8955 6.19921 12.7276 6.04983 12.4478 6H11.6082C11.3843 6 11.2164 6.14938 11.1604 6.39842V7.54357C9.48127 7.74285 8.41792 8.73863 8.41792 9.98348C8.41792 11.6267 9.5373 12.2738 11.888 12.5229C13.4552 12.7718 13.959 13.0706 13.959 13.8673C13.959 14.664 13.1753 15.2116 12.112 15.2116C10.6567 15.2116 10.1529 14.6638 9.98498 13.917C9.9291 13.7179 9.76117 13.6182 9.59332 13.6182H8.64172C8.41792 13.6182 8.25 13.7676 8.25 13.9668V14.0167C8.4738 15.2614 9.36938 16.1576 11.2164 16.4067V17.6017C11.2164 17.8008 11.3843 17.9502 11.6641 18H12.5037C12.7276 18 12.8955 17.8506 12.9515 17.6017V16.4067C14.6306 16.1576 15.75 15.112 15.75 13.7676Z"
fill="white"
/>
</g>
<defs>
<clipPath id="clip0_36987_14986_usdc">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
}
{...restProps}
/>
);
};

export default USDC;
6 changes: 6 additions & 0 deletions src/blocks/illustrations/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -129,6 +129,12 @@ export { default as PolygonZK } from './components/PolygonZK';

export { default as USDT } from './components/USDT';

export { default as USDC } from './components/USDC';

export { default as PUSD } from './components/PUSD';

export { default as StETH } from './components/StETH';

export { default as WEthereum } from './components/WEthereum';

export { default as YellowBonusActivitySubscribers } from './components/YellowBonusActivitySubscribers';
Expand Down
Loading