@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.98 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="M9.5 2A2.5 2.5 0 0 1 12 4.5v4.605l5.442.605A4 4 0 0 1 21 13.685V14a8 8 0 0 1-8 8h-.674a8 8 0 0 1-7.155-4.422l-2.842-5.684c-.36-.72-.093-1.683.747-2.028 1.042-.427 2.034-.507 3.054.012.297.15.585.347.87.584V4.5A2.5 2.5 0 0 1 9.5 2m0 2a.5.5 0 0 0-.5.5V13a1 1 0 0 1-1.781.625l-.332-.407-.302-.354c-.58-.657-1.002-1.02-1.36-1.203a1.214 1.214 0 0 0-.835-.117l2.57 5.14A6 6 0 0 0 12.326 20H13a6 6 0 0 0 6-6v-.315a2 2 0 0 0-1.78-1.988l-5.441-.604a2 2 0 0 1-1.78-1.988V4.5a.5.5 0 0 0-.5-.5Zm-3.64-.202a1 1 0 0 1-.35 1.372 7.15 7.15 0 0 0-1.322 1.006c-.09.088-.18.178-.263.273l-.121.146a1 1 0 0 1-1.394.214 1.01 1.01 0 0 1-.218-1.398 5.41 5.41 0 0 1 .6-.669 9.21 9.21 0 0 1 1.695-1.29 1 1 0 0 1 1.371.347Zm7.223-.4a1 1 0 0 1 1.316-.517 9.56 9.56 0 0 1 2.53 1.604c.316.28.629.583.879.926a1 1 0 0 1-.219 1.397c-.41.3-.971.23-1.314-.122l-.244-.285-.14-.147-.182-.177a7.56 7.56 0 0 0-2.108-1.363 1 1 0 0 1-.518-1.315Z"/>
</G>
</Svg>);
};
Icon.displayName = 'FingerSwipeLine';
/**
* MingCute Icon: Finger Swipe Line
* @see {@link https://www.mingcute.com MingCute Icon Docs}
*/
export const FingerSwipeLine = memo(Icon);