@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.69 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="m5.03 13.701.71-5.69a3 3 0 0 1 3.566-2.57c.857.172 1.818.52 2.694.52.876 0 1.837-.348 2.694-.52a3 3 0 0 1 3.565 2.57l.712 5.69C20.107 13.985 22 14.535 22 16c0 1.596-2.213 2.122-3.42 2.39-1.718.382-4.044.61-6.58.61-2.536 0-4.862-.228-6.58-.61C4.212 18.122 2 17.596 2 16c0-1.465 1.893-2.015 3.03-2.299M7.725 8.26a1 1 0 0 1 1.189-.857c.999.2 2.06.558 3.086.558 1.026 0 2.087-.358 3.086-.558a1 1 0 0 1 1.189.857l.631 5.054C15.467 13.113 13.786 13 12 13c-1.786 0-3.467.113-4.906.313zm-1.872 8.179c-1.553-.345-1.553-.531 0-.876C7.391 15.22 9.565 15 12 15s4.609.22 6.147.562c1.553.345 1.553.53 0 .876C16.609 16.78 14.435 17 12 17s-4.609-.22-6.147-.562Z"/>
</G>
</Svg>);
};
Icon.displayName = 'HatLine';
/**
* MingCute Icon: Hat Line
* @see {@link https://www.mingcute.com MingCute Icon Docs}
*/
export const HatLine = memo(Icon);