@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 2.87 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="M17.5 2.474c1.522.878 1.834 2.82 1.58 4.766-.03.241-.071.489-.121.742.244.084.48.173.703.266C21.474 9.002 23 10.243 23 12c0 1.757-1.526 2.998-3.338 3.752-.224.093-.459.182-.703.266.05.253.09.5.121.742.254 1.946-.058 3.888-1.58 4.766-1.521.879-3.36.178-4.918-1.014a11.797 11.797 0 0 1-.582-.477c-.195.17-.389.329-.582.477-1.558 1.192-3.396 1.893-4.918 1.014-1.521-.878-1.833-2.82-1.58-4.766a11.8 11.8 0 0 1 .122-.742c-.245-.084-.48-.173-.704-.266C2.526 14.998 1 13.757 1 12c0-1.757 1.526-2.998 3.338-3.752.224-.093.46-.182.704-.266-.05-.253-.09-.5-.122-.742-.253-1.946.059-3.888 1.58-4.766 1.522-.879 3.36-.178 4.918 1.015.193.147.387.306.582.476.195-.17.39-.329.582-.476 1.559-1.193 3.396-1.894 4.918-1.015M6.98 16.537c-.03.165-.055.326-.076.481-.233 1.793.206 2.55.597 2.776.392.226 1.267.228 2.703-.87a9.5 9.5 0 0 0 .379-.307 21.825 21.825 0 0 1-1.391-1.75 21.837 21.837 0 0 1-2.212-.33m10.043 0c-.69.14-1.428.252-2.212.33-.46.64-.925 1.224-1.391 1.75.127.109.254.21.378.306 1.436 1.099 2.312 1.097 2.703.871.392-.226.83-.983.597-2.776a9.572 9.572 0 0 0-.075-.481M5.56 9.92a9.804 9.804 0 0 0-.454.175C3.436 10.789 3 11.548 3 12c0 .452.437 1.211 2.106 1.905.145.06.297.119.454.175A21.82 21.82 0 0 1 6.381 12a21.831 21.831 0 0 1-.82-2.08Zm12.88 0a21.827 21.827 0 0 1-.82 2.08c.324.717.598 1.413.82 2.08a9.61 9.61 0 0 0 .454-.175C20.564 13.211 21 12.452 21 12c0-.452-.436-1.21-2.106-1.905a9.513 9.513 0 0 0-.454-.175M12 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m-1.797-5.423C8.767 3.978 7.892 3.98 7.5 4.206c-.391.226-.83.983-.597 2.776.02.156.046.316.076.481.689-.14 1.428-.252 2.212-.33a21.75 21.75 0 0 1 1.391-1.75 9.62 9.62 0 0 0-.379-.306m3.595 0a9.545 9.545 0 0 0-.38.306c.467.526.933 1.111 1.392 1.75.783.078 1.523.19 2.212.33a9.58 9.58 0 0 0 .075-.48c.234-1.793-.205-2.551-.597-2.777-.391-.226-1.267-.227-2.703.871Z"/>
</G>
</Svg>);
};
Icon.displayName = 'ReactFill';
/**
* MingCute Icon: React Fill
* @see {@link https://www.mingcute.com MingCute Icon Docs}
*/
export const ReactFill = memo(Icon);