@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.6 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.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.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.004-.011.017-.43-.003-.012-.01-.01z"/>
<Path fill={color} d="M14 2c2.397 0 4.6.844 6.323 2.252l.985.804c.455.372.16 1.108-.425 1.063l-1.268-.096a8.2 8.2 0 0 0-2.159.126A7.98 7.98 0 0 1 20 12c0 5.523-4.477 10-10 10a9.97 9.97 0 0 1-6.322-2.251l-.985-.805c-.455-.372-.16-1.108.425-1.063l1.268.096c.72.054 1.464.01 2.159-.126A7.98 7.98 0 0 1 4 12C4 6.477 8.478 2 14 2m0 2a8 8 0 0 0-8 8 6 6 0 0 0 3.2 5.308l.719.38a.608.608 0 0 1-.028 1.085c-.731.34-1.472.662-2.249.874A8 8 0 0 0 18 12a6 6 0 0 0-3.199-5.308l-.719-.38a.608.608 0 0 1 .028-1.085c.731-.34 1.472-.662 2.249-.874A8 8 0 0 0 14 4m-2 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2"/>
</G>
</Svg>);
});
Icon.displayName = 'TyphoonLine';
/**
* MingCute Icon: Typhoon Line
* @see {@link https://www.mingcute.com MingCute Icon Docs}
*/
export const TyphoonLine = Icon;