web3.news/app/components/ArrowIcon.tsx

49 lines
1.2 KiB
TypeScript

export const ArrowIcon = ({className}: {className?: string}) => {
return (
<svg
width="10"
height="10"
viewBox="0 0 10 10"
fill="none"
className={className}
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_61_133)">
<path
d="M3.30432 1.71807L8.28174 1.71826"
stroke="currentColor"
strokeOpacity="0.75"
strokeWidth="2"
strokeMiterlimit="10"
strokeLinecap="square"
/>
<path
d="M8.28175 1.7183L8.28198 6.6958"
stroke="currentColor"
strokeOpacity="0.75"
strokeWidth="2"
strokeMiterlimit="10"
strokeLinecap="square"
/>
<path
d="M8.28149 1.71834L1.25024 8.74951"
stroke="currentColor"
strokeOpacity="0.75"
strokeWidth="2"
strokeMiterlimit="10"
/>
</g>
<defs>
<clipPath id="clip0_61_133">
<rect
width="10"
height="10"
fill="currentColor"
transform="translate(10.0007 9.99951) rotate(-180)"
/>
</clipPath>
</defs>
</svg>
)
}