@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.59 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="M20.477 3.511a3 3 0 0 1 0 4.243l-1.533 1.533a2.99 2.99 0 0 1-.581 3.41l-.715.714a2 2 0 0 1-2.828 0l-6.485 6.485a3 3 0 0 1-2.122.879h-1.8a1.2 1.2 0 0 1-1.2-1.2v-1.8a3 3 0 0 1 .88-2.122l6.484-6.485a2 2 0 0 1 0-2.828l.714-.714a2.99 2.99 0 0 1 3.41-.582l1.533-1.533a3 3 0 0 1 4.243 0m-8.485 7.071-6.486 6.486-.087.099a1 1 0 0 0-.206.608v1h1l.132-.009a1 1 0 0 0 .575-.284l6.486-6.485zm7.07-5.657a1 1 0 0 0-1.414 0L15.534 7.04a1.01 1.01 0 0 1-1.428 0 .99.99 0 0 0-1.4 0l-.714.714 4.242 4.243.714-.715a.99.99 0 0 0 0-1.4 1.01 1.01 0 0 1 0-1.428l2.115-2.114a1 1 0 0 0 0-1.415Z"/>
</G>
</Svg>);
});
Icon.displayName = 'ColorPickerLine';
/**
* MingCute Icon: Color Picker Line
* @see {@link https://www.mingcute.com MingCute Icon Docs}
*/
export const ColorPickerLine = Icon;