You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
website/app/components/icons/Wave.tsx

52 lines
1.4 KiB
TypeScript

export const Wave = () => {
return (
<svg
className="h-9 w-9 lg:h-10 lg:w-10 xl:h-11 xl:w-11 2xl:h-14 2xl:w-14 inline-block align-bottom text-peach"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
>
<rect width="256" height="256" fill="none" />
<path
d="M98,64.31a20,20,0,0,1,34.64-20l28,48.5"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="16"
/>
<path
d="M71.35,98.17l-16-27.71A20,20,0,0,1,90,50.46l34,58.89"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="16"
/>
<path
d="M156,164.77a40,40,0,0,1,14.64-54.64l-10-17.32a20,20,0,0,1,34.64-20l18,31.18A80,80,0,0,1,74.7,184l-38-65.82a20,20,0,0,1,34.65-20l22,38.1"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="16"
/>
<path
d="M192,32a52.12,52.12,0,0,1,32,24"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="16"
/>
<path
d="M74.62,232c-11-8.69-19.39-19.48-26.62-32"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="16"
/>
</svg>
);
};