@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.73 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" fillRule="evenodd">
<Path d="M24 0v24H0V0zM12.594 23.258l-.012.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-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.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="M12 2c1.89 0 3.657.524 5.165 1.435A3.5 3.5 0 0 0 17 4.5a2 2 0 0 0 1.644 1.968l-.003.11c0 .346.1.751.356 1.103a2 2 0 0 0 2.884 2.766q.118.76.119 1.553c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m2.684 10.551c-.508.17-1.036.396-1.576.666q-.415.208-.801.428l-.377.22c-.223.134-.389.24-.485.303a1 1 0 1 0 1.11 1.664l.294-.186.11-.066c.327-.196.68-.392 1.044-.574.46-.23.904-.42 1.313-.557a1 1 0 1 0-.632-1.898M9.5 9a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m5-2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m6 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2m0-6a2.5 2.5 0 0 1 1.546 4.464l-.568.47c-.327.262-.666.488-.978.488-.625 0-.86-.49-.86-.844s.211-.734.385-.948c.254-.313.565-.564.784-.737A.5.5 0 1 0 20 4.5a1 1 0 1 1-2 0A2.5 2.5 0 0 1 20.5 2"/>
</G>
</Svg>);
});
Icon.displayName = 'PuzzledFill';
/**
* MingCute Icon: Puzzled Fill
* @see {@link https://www.mingcute.com MingCute Icon Docs}
*/
export const PuzzledFill = Icon;