web3.news/src/components/ArrowIcon.tsx

49 lines
1.2 KiB
TypeScript
Raw Normal View History

2023-12-05 16:06:54 +00:00
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 clip-path="url(#clip0_61_133)">
<path
d="M3.30432 1.71807L8.28174 1.71826"
stroke="currentColor"
stroke-opacity="0.75"
stroke-width="2"
stroke-miterlimit="10"
stroke-linecap="square"
/>
<path
d="M8.28175 1.7183L8.28198 6.6958"
stroke="currentColor"
stroke-opacity="0.75"
stroke-width="2"
stroke-miterlimit="10"
stroke-linecap="square"
/>
<path
d="M8.28149 1.71834L1.25024 8.74951"
stroke="currentColor"
stroke-opacity="0.75"
stroke-width="2"
stroke-miterlimit="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>
)
}