@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
15 lines (14 loc) • 888 B
JavaScript
import { memo } from 'react';
import Svg, { Path } from 'react-native-svg';
const Icon = memo((_props) => {
const { color = 'black', size = 24, ...props } = _props;
return (<Svg fill={color} viewBox="0 0 24 24" width={size} height={size} {...props}>
<Path d="M4 10.4V4a1 1 0 0 1 1-1h5V1h4v2h5a1 1 0 0 1 1 1v6.4l1.086.326a1 1 0 0 1 .683 1.2l-1.517 6.068a4.99 4.99 0 0 1-1.902-.273l1.25-5.351L12 10l-7.6 2.37 1.25 5.351a5 5 0 0 1-1.902.273l-1.516-6.068a1 1 0 0 1 .682-1.2zm2-.6L12 8l6 1.8V5H6zM4 20a5.98 5.98 0 0 0 4-1.528A5.98 5.98 0 0 0 12 20a5.98 5.98 0 0 0 4-1.528A5.98 5.98 0 0 0 20 20h2v2h-2a7.96 7.96 0 0 1-4-1.07A7.96 7.96 0 0 1 12 22a7.96 7.96 0 0 1-4-1.07A7.96 7.96 0 0 1 4 22H2v-2z"/>
</Svg>);
});
Icon.displayName = 'ShipLine';
/**
* Remix Icon: Ship Line
* @see {@link https://remixicon.com/icon/ship-line Remix Icon Docs}
*/
export const ShipLine = Icon;