@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.89 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.802 3.183c-.582-.305-1.274.146-1.33.865-.011.134-.022.285-.032.452a5.5 5.5 0 0 0-4.887 3.04L11 8.646l-.553-1.106a5.5 5.5 0 0 0-4.92-3.04H4a1.5 1.5 0 1 0 0 3h1.528a2.5 2.5 0 0 1 2.236 1.382L9.323 12l-1.56 3.118A2.5 2.5 0 0 1 5.529 16.5H4a1.5 1.5 0 1 0 0 3h1.528a5.5 5.5 0 0 0 4.92-3.04L11 15.354l.553 1.106a5.5 5.5 0 0 0 4.885 3.04c.012.214.025.403.039.565.054.671.684 1.056 1.26.755.38-.198.933-.506 1.591-.934a19.54 19.54 0 0 0 1.515-1.083c.52-.411.539-1.216.05-1.606a19.761 19.761 0 0 0-1.533-1.1 19.341 19.341 0 0 0-1.558-.914c-.582-.305-1.274.146-1.33.865-.011.134-.022.285-.032.452a2.5 2.5 0 0 1-2.204-1.382L12.677 12l1.56-3.118a2.5 2.5 0 0 1 2.2-1.382c.013.214.026.403.04.565.054.671.684 1.056 1.26.755a19.5 19.5 0 0 0 1.591-.934c.66-.428 1.173-.812 1.515-1.083.52-.411.539-1.216.05-1.606a19.784 19.784 0 0 0-1.533-1.1 19.34 19.34 0 0 0-1.558-.914"/>
</G>
</Svg>);
};
Icon.displayName = 'ShuffleFill';
/**
* MingCute Icon: Shuffle Fill
* @see {@link https://www.mingcute.com MingCute Icon Docs}
*/
export const ShuffleFill = memo(Icon);