@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.78 kB
JavaScript
import { memo } from 'react';
import Svg, { G, Path } from 'react-native-svg';
const Icon = memo((_props) => {
const { color = 'black', size = 24, ...props } = _props;
return (<Svg viewBox="0 0 24 24" width={size} height={size} {...props}>
<G fill="none">
<Path d="M0 0v24h24V0zm11.407 23.258.011.002.071.035.02.004.014-.004.071-.036q.016-.004.024.006l.004.01.017.428-.005.02-.01.013-.104.074-.015.004-.012-.004-.104-.074-.012-.016-.004-.017.017-.427q.004-.016.016-.018Zm-.265-.113.014.002.184.093.01.01.003.011-.018.43-.005.012-.008.008-.201.092a.03.03 0 0 1-.029-.008l-.004-.014.034-.614q.005-.018.02-.022m.715.002a.02.02 0 0 1 .027.006l.006.014.034.614q-.001.018-.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.865q-.017.201-.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.04q.018.321.039.565c.054.671.684 1.056 1.26.755.38-.198.933-.506 1.591-.934a20 20 0 0 0 1.515-1.083c.52-.411.539-1.216.05-1.606a20 20 0 0 0-1.533-1.1 19 19 0 0 0-1.558-.914c-.582-.305-1.274.146-1.33.865q-.017.201-.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.382q.02.322.04.565c.054.671.684 1.056 1.26.755a20 20 0 0 0 1.591-.934c.66-.428 1.173-.812 1.515-1.083.52-.411.539-1.216.05-1.606a20 20 0 0 0-1.533-1.1 19 19 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 = Icon;