expo-popcore-app/components/icon/downArrow.tsx

25 lines
1.0 KiB
TypeScript

import Svg, { Path, G, Defs, ClipPath, Rect } from 'react-native-svg';
export const DownArrowIcon = () => (
<Svg width="10" height="10" viewBox="0 0 10 10" fill="none">
<G clipPath="url(#clip0_2_1955)">
<Path
d="M4.50684 7.5293C4.64648 7.66895 4.83594 7.79785 5.01465 7.75879C5.19434 7.78906 5.36328 7.64941 5.50293 7.5293L9.81641 3.19629C10.0352 2.97754 10.0352 2.61816 9.81641 2.39941C9.59766 2.18066 9.23828 2.18066 9.01953 2.39941L5.00488 6.52344L0.980469 2.39941C0.761719 2.18066 0.402344 2.18066 0.183594 2.39941C-0.0351562 2.61816 -0.0351562 2.97754 0.183594 3.19629L4.50684 7.5293Z"
fill="#F5F5F5"
stroke="#F5F5F5"
strokeWidth="0.4"
/>
</G>
<Defs>
<ClipPath id="clip0_2_1955">
<Rect
width="10"
height="10"
fill="white"
transform="matrix(-1 0 0 1 10 0)"
/>
</ClipPath>
</Defs>
</Svg>
);