Skip to content

Commit

Permalink
add massa wallet logo (#110)
Browse files Browse the repository at this point in the history
  • Loading branch information
mazmassa authored May 25, 2023
1 parent 8aceb79 commit 0a582a4
Show file tree
Hide file tree
Showing 4 changed files with 47 additions and 2 deletions.
5 changes: 3 additions & 2 deletions src/components/Icons/Svg/Massa/MassaToken.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,10 @@ export function MassaToken({ ...props }) {
return (
<div className={`bg-primary w-fit rounded-full`} data-testid="svg-icon">
<svg
width={props.size ?? 24}
height={props.size ?? 24}
width={props.size ?? 40}
height={props.size ?? 40}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
Expand Down
38 changes: 38 additions & 0 deletions src/components/Icons/Svg/Massa/MassaWallet.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
export function MassaWallet({ ...props }) {
return (
<div className={`bg-primary w-fit rounded-full`} data-testid="svg-icon">
<svg
width={props.size ?? 40}
height={props.size ?? 40}
viewBox="0 0 40 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1854_17276)">
<rect width="40" height="40" rx="8" fill="#151A26" />
<mask
id="mask0_1854_17276"
maskUnits="userSpaceOnUse"
x="0"
y="0"
width="40"
height="40"
>
<path d="M40 0H0V40H40V0Z" fill="white" />
</mask>
<g mask="url(#mask0_1854_17276)">
<path
d="M19.999 40V28.7938L0 19.999H11.2063L19.999 0V11.2063L40 19.999H28.7938L19.999 40Z"
fill="#1AE19D"
/>
</g>
</g>
<defs>
<clipPath id="clip0_1854_17276">
<rect width="40" height="40" rx="8" fill="white" />
</clipPath>
</defs>
</svg>
</div>
);
}
1 change: 1 addition & 0 deletions src/components/Icons/Svg/Massa/index.ts
Original file line number Diff line number Diff line change
@@ -1,2 +1,3 @@
export * from "./MassaLogo";
export * from "./MassaToken";
export * from "./MassaWallet";
5 changes: 5 additions & 0 deletions src/components/Icons/Svg/SvgIcon.stories.tsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import { MassaToken } from "./Massa/MassaToken";
import { MassaLogo } from "./Massa/MassaLogo";
import { MassaWallet } from "./Massa/MassaWallet";

export default { title: "Icons/Massa" };

Expand All @@ -10,3 +11,7 @@ export const _MassaToken = {
export const _MassaLogo = {
render: () => <MassaLogo size={40} />,
};

export const _MassaWallet = {
render: () => <MassaWallet size={40} />,
};

0 comments on commit 0a582a4

Please sign in to comment.