@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
11 lines (10 loc) • 1.14 kB
JavaScript
import { memo } from 'react';
import { Svg, Path } from 'react-native-svg';
const Icon = (props) => {
const { color = 'black', size = 24, ...otherProps } = props;
return (<Svg viewBox="0 0 32 32" fill="none" height={size} width={size} {...otherProps}>
<Path d="M26.667 6.66667H22.667L20.0003 4H12.0003L9.33366 6.66667H5.33366C3.86699 6.66667 2.66699 7.86667 2.66699 9.33333V25.3333C2.66699 26.8133 3.86699 28 5.33366 28H26.667C28.147 28 29.3337 26.8133 29.3337 25.3333V9.33333C29.3337 7.86667 28.147 6.66667 26.667 6.66667ZM6.66699 16H9.46699C10.2003 12.3867 13.7203 10.0667 17.3337 10.8C18.347 11 19.2403 11.4533 20.0003 12L18.0803 13.9333C17.4803 13.56 16.7737 13.3333 16.0003 13.3333C14.3203 13.3333 12.8003 14.4 12.2403 16H14.667L10.667 20L6.66699 16ZM22.547 18.6667C21.8137 22.28 18.2937 24.6 14.667 23.8667C13.667 23.6533 12.7737 23.2133 12.0003 22.6667L13.9203 20.7333C14.5337 21.1067 15.2403 21.3333 16.0003 21.3333C17.6937 21.3333 19.2137 20.2667 19.7737 18.6667H17.3337L21.3337 14.6667L25.3337 18.6667H22.547Z" fill={color}/>
</Svg>);
};
Icon.displayName = 'CameraFlip';
export const CameraFlip = memo(Icon);