@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.76 kB
JavaScript
import { memo } from 'react';
import { Svg, G, Path } from 'react-native-svg';
const Icon = (props) => {
const { color = 'black', size = 24, ...otherProps } = props;
return (<Svg viewBox="0 0 24 24" height={size} width={size} {...otherProps}>
<G fill="none" fillRule="evenodd">
<Path d="M24 0v24H0V0zM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093c.012.004.023 0 .029-.008l.004-.014-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014-.034.614c0 .012.007.02.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z"/>
<Path fill={color} d="M6.593 16.744a1 1 0 0 1-.246 1.393 1.26 1.26 0 0 0-.319.294l-.024.042.035.058c.03.04.078.095.16.165.23.196.62.417 1.19.623C8.523 19.728 10.153 20 12 20c1.848 0 3.478-.272 4.61-.68.57-.207.961-.428 1.19-.624a.914.914 0 0 0 .16-.165l.036-.058-.024-.04a1.243 1.243 0 0 0-.314-.293 1 1 0 1 1 1.151-1.635c.598.421 1.191 1.074 1.191 1.968 0 .753-.426 1.339-.9 1.744-.48.41-1.114.732-1.81.984-1.402.505-3.272.799-5.29.799-2.018 0-3.888-.294-5.29-.8-.696-.25-1.33-.574-1.809-.983-.475-.405-.901-.99-.901-1.744 0-.898.598-1.553 1.2-1.975a1 1 0 0 1 1.393.246M12 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16m0 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12m0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4"/>
</G>
</Svg>);
};
Icon.displayName = 'ComputerCameraLine';
/**
* MingCute Icon: Computer Camera Line
* @see {@link https://www.mingcute.com MingCute Icon Docs}
*/
export const ComputerCameraLine = memo(Icon);