@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.82 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">
<Path d="M0 0v24h24V0zm11.407 23.258.011.002.071.035.02.004.014-.004.071-.036c.01-.003.019 0 .024.006l.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.016-.018Zm-.265-.113.014.002.184.093.01.01.003.011-.018.43-.005.012-.008.008-.201.092a.025.025 0 0 1-.029-.008l-.004-.014.034-.614c.003-.012.01-.02.02-.022m.715.002a.023.023 0 0 1 .027.006l.006.014.034.614c0 .012-.007.02-.017.024l-.015-.002-.201-.093-.01-.008-.003-.011-.018-.43.003-.012.01-.01z"/>
<Path fill={color} d="M17.578 3.655c-.28-.146-.604.065-.631.411-.02.252-.04.567-.054.934h-.42A5 5 0 0 0 12 7.764l-1 2-1-2A5 5 0 0 0 5.528 5H4a1 1 0 1 0 0 2h1.528A3 3 0 0 1 8.21 8.658L9.882 12l-1.67 3.342A3 3 0 0 1 5.527 17H4a1 1 0 1 0 0 2h1.528A5 5 0 0 0 10 16.236l1-2 1 2A5 5 0 0 0 16.472 19h.421c.016.396.038.732.06.992.026.324.322.503.597.36.368-.192.906-.492 1.55-.91a19.538 19.538 0 0 0 1.476-1.056c.248-.196.259-.574.023-.762a19.267 19.267 0 0 0-1.498-1.074 18.9 18.9 0 0 0-1.523-.895c-.28-.146-.604.065-.631.411-.02.252-.04.567-.054.934h-.42a3 3 0 0 1-2.684-1.658L12.118 12l1.67-3.342A3 3 0 0 1 16.473 7h.421c.016.396.038.732.06.992.026.324.322.503.597.36.368-.192.906-.492 1.55-.91a19.552 19.552 0 0 0 1.476-1.056c.248-.196.259-.574.023-.762a19.33 19.33 0 0 0-1.498-1.074 18.908 18.908 0 0 0-1.523-.895Z"/>
</G>
</Svg>);
};
Icon.displayName = 'ShuffleLine';
/**
* MingCute Icon: Shuffle Line
* @see {@link https://www.mingcute.com MingCute Icon Docs}
*/
export const ShuffleLine = memo(Icon);