entregas_app/components/TruckIcon.tsx

37 lines
935 B
TypeScript
Raw Normal View History

import type React from "react"
import { View } from "react-native"
import Svg, { Path } from "react-native-svg"
interface IconProps {
color: string
size: number
}
const TruckIcon: React.FC<IconProps> = ({ color, size }) => {
return (
<View>
<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
<Path d="M16 3H1v13h15V3z" stroke={color} strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
<Path
d="M16 8h4l3 3v5h-7V8z"
fill={color}
stroke={color}
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
/>
<Path
d="M5.5 21a2.5 2.5 0 100-5 2.5 2.5 0 000 5zM18.5 21a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"
stroke={color}
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
/>
</Svg>
</View>
)
}
export default TruckIcon